淺談如何更貼切的來設計手機產品發布者：本站     時間：2021-12-31 10:12:18

筆者身為音樂產品的設計團隊中的一員，也同意這個道理，并且朝著這個方向使勁兒設計。然而，道理都知道，設計卻很糙，要問怎么糙?一用嚇一跳。

先從自己說起，下面是某Q音樂產品某時期的歌單推薦樣式，當然了，我們能見到的很多音樂產品也用著大同小異，換湯不換藥的此類推薦樣式。

淺談如何更貼切的來設計手機產品,PS教程,

而下面這個某度音樂產品的瀑布流樣式看起來更加上檔次，頗有Pinterest的設計風格。

淺談如何更貼切的來設計手機產品,PS教程,

再看看叫賣很努力的某易云音樂產品，果然有態度，灑家很多圖。

淺談如何更貼切的來設計手機產品,PS教程,

看完了中國互聯網三座山的音樂產品的這幾個例子，大家用腳都能發現我們面臨的問題了，那就是我們成功地動用了各種專業設計力量和高雅音樂品味設計了一款款精美的,令人陶醉的，并且鍥而不舍賣力迭代的

“看圖軟件!!!”

(其實躺槍的不僅僅是音樂產品，電商產品的各類美圖圖庫更加讓人心醉神迷，目不暇接，還請自備防彈衣，下回再表)

槽點既然找到，我就開始一本正經地揣測一下出現此類問題的原因何在，并且誠惶誠恐地試著提出解決這些問題的方案。

part1：我們為何這樣設計：

首先，我們想要和盤托出一堆內容給用戶，結果真的把盤子也端了出來。

其次，我們怕用戶麻煩，所以給了一個漏斗直插用戶的耳洞—”全部播放，批量添加”等功能。

再者，我們怕用戶看不出來這是一堆什么東西，所以給配了一張精美的圖片，以便幫用戶具象化腦袋里的東西，比如，80年代必聽的歌曲就配了一張犯黃的圖片寫了大大的一個”80″(聰明吧)。

最后，我們甚至怕用戶看不見這個盤子，就放了個大大的圖片，當然不能忘了配一行犀利的英文字體作為點綴，粗中有細，完美無敵。

依靠上面的設計思路，于是交互布局及跳轉邏輯設計完了，看似么么噠的方案，還原一下草圖：

淺談如何更貼切的來設計手機產品,PS教程,

part2： 用戶為何不喜歡?

家住深圳南山區的X先生最近接受了一次令人印象深刻的關于某Q音樂產品的體驗訪談，他向(設)計者表達了和很多用戶一樣的對于某Q音樂產品的看法，大概如下：

首先，歌單主題描述因為手機屏幕太小被限制字數了并且還不能跑馬燈滾動(這確實不能)，本來一句話的描述只能看半句，那就不看了唄，扣一分。

其次，直接全部播放功能會因為點擊圖片時誤操作點擊到，打斷正在收聽的歌曲，而且會直接跳到播放頁面，扣一分，

第三，用戶根本不知道里面有什么歌曲，為什么要直接播放，給個理由先，因為這不是電臺啊，完全不能放心聽啊，扣一分。

第四，圖片都是大眼睛美女，到底怎么區分日韓港澳臺?扣一分。

第五，這么多圖片，看起來多像廣告啊，最討厭廣告了，扣一分。

第六，圖片這么多，肯定費流量，手下留情扣一分。

第七，一鍵播放肯定更費流量，才不要點擊呢，扣一分。

第八，點大圖進去會不會默認播放啊?上面有個播放按鈕啊，不敢點，扣一分。

第九，好不容易看到個閱讀場景的圖片，感興趣，定睛一看，標題是”不吵不鬧，就很好聽”，結果又一張冒著熱氣的圖片寫著”下午茶咖啡館最愛播放的歌曲”，到底聽哪一個，糾結，扣一分。

…如果起評分是十分，那么我們早就不及格了，什么風格延續，大圖獨有，都是自我褒獎了。

淺談如何更貼切的來設計手機產品,PS教程,

鼻青臉腫，老實解決問題，作為一款并非全新設計的產品，基于用戶導向設計的思路，可以有如下思考：

1.本質區別：音樂產品區別于圖片瀏覽產品的方面在于，音樂要聽，圖片只要看就行了。

pinterest的瀑布流交互形式，那是為了解決大量圖片瀏覽時尺寸不一，內容雜糅而設計的，metroUI的規則色塊是直接將內容動態更新到圖塊當中而產生的，并不是樣子貨。