浅谈如何更贴切的来设计手机产品发布者：本站     时间：2021-12-31 10:12:18

笔者身为音乐产品的设计团队中的一员，也同意这个道理，并且朝着这个方向使劲儿设计。然而，道理都知道，设计却很糙，要问怎么糙?一用吓一跳。

先从自己说起，下面是某Q音乐产品某时期的歌单推荐样式，当然了，我们能见到的很多音乐产品也用着大同小异，换汤不换药的此类推荐样式。

浅谈如何更贴切的来设计手机产品,PS教程,

而下面这个某度音乐产品的瀑布流样式看起来更加上档次，颇有Pinterest的设计风格。

浅谈如何更贴切的来设计手机产品,PS教程,

再看看叫卖很努力的某易云音乐产品，果然有态度，洒家很多图。

浅谈如何更贴切的来设计手机产品,PS教程,

看完了中国互联网三座山的音乐产品的这几个例子，大家用脚都能发现我们面临的问题了，那就是我们成功地动用了各种专业设计力量和高雅音乐品味设计了一款款精美的,令人陶醉的，并且锲而不舍卖力迭代的

“看图软件!!!”

(其实躺枪的不仅仅是音乐产品，电商产品的各类美图图库更加让人心醉神迷，目不暇接，还请自备防弹衣，下回再表)

槽点既然找到，我就开始一本正经地揣测一下出现此类问题的原因何在，并且诚惶诚恐地试着提出解决这些问题的方案。

part1：我们为何这样设计：

首先，我们想要和盘托出一堆内容给用户，结果真的把盘子也端了出来。

其次，我们怕用户麻烦，所以给了一个漏斗直插用户的耳洞—”全部播放，批量添加”等功能。

再者，我们怕用户看不出来这是一堆什么东西，所以给配了一张精美的图片，以便帮用户具象化脑袋里的东西，比如，80年代必听的歌曲就配了一张犯黄的图片写了大大的一个”80″(聪明吧)。

最后，我们甚至怕用户看不见这个盘子，就放了个大大的图片，当然不能忘了配一行犀利的英文字体作为点缀，粗中有细，完美无敌。

依靠上面的设计思路，于是交互布局及跳转逻辑设计完了，看似么么哒的方案，还原一下草图：

浅谈如何更贴切的来设计手机产品,PS教程,

part2： 用户为何不喜欢?

家住深圳南山区的X先生最近接受了一次令人印象深刻的关于某Q音乐产品的体验访谈，他向(设)计者表达了和很多用户一样的对于某Q音乐产品的看法，大概如下：

首先，歌单主题描述因为手机屏幕太小被限制字数了并且还不能跑马灯滚动(这确实不能)，本来一句话的描述只能看半句，那就不看了呗，扣一分。

其次，直接全部播放功能会因为点击图片时误操作点击到，打断正在收听的歌曲，而且会直接跳到播放页面，扣一分，

第三，用户根本不知道里面有什么歌曲，为什么要直接播放，给个理由先，因为这不是电台啊，完全不能放心听啊，扣一分。

第四，图片都是大眼睛美女，到底怎么区分日韩港澳台?扣一分。

第五，这么多图片，看起来多像广告啊，最讨厌广告了，扣一分。

第六，图片这么多，肯定费流量，手下留情扣一分。

第七，一键播放肯定更费流量，才不要点击呢，扣一分。

第八，点大图进去会不会默认播放啊?上面有个播放按钮啊，不敢点，扣一分。

第九，好不容易看到个阅读场景的图片，感兴趣，定睛一看，标题是”不吵不闹，就很好听”，结果又一张冒着热气的图片写着”下午茶咖啡馆最爱播放的歌曲”，到底听哪一个，纠结，扣一分。

…如果起评分是十分，那么我们早就不及格了，什么风格延续，大图独有，都是自我褒奖了。

浅谈如何更贴切的来设计手机产品,PS教程,

鼻青脸肿，老实解决问题，作为一款并非全新设计的产品，基于用户导向设计的思路，可以有如下思考：

1.本质区别：音乐产品区别于图片浏览产品的方面在于，音乐要听，图片只要看就行了。

pinterest的瀑布流交互形式，那是为了解决大量图片浏览时尺寸不一，内容杂糅而设计的，metroUI的规则色块是直接将内容动态更新到图块当中而产生的，并不是样子货。