昨晚跟一帮搞开发的兄弟撸串，老张把手机往桌上一拍，满脸通红地抱怨：“这破软件，字小得跟蚂蚁似的，按钮还挤在一起，我按半天都点不中，直接删了！”旁边几个老板也跟着点头，说现在这年头，谁有那闲工夫伺候那些花里胡哨却不好用的玩意儿。这话虽然糙，但理不糙。咱们做站点的，天天喊着用户体验，真到了移动端，往往就忘了最基本的道理：屏幕就那么大，手指头就那么大，别整那些虚头巴脑的。
很多人以为移动界面设计就是找个好看的模板套上去，或者把PC端的网页直接缩小扔手机上。这想法太天真了。你想想，你在地铁上，一手抓着扶手，一手拿着手机，光线还晃眼，这时候要是让你去点一个只有10像素高的链接，你骂不骂街？所以，做移动端，得把“手指”当成最大的设计元素。
我有个做电商的朋友，之前为了追求所谓的“高级感”，搞了个极简风格的首页，背景全是留白，字体细得跟头发丝似的。结果上线一周，转化率跌了一半。后来他听劝，把按钮做大，颜色调亮，字体加粗，反而销量上去了。这就是现实，用户不在乎你的设计有多艺术，只在乎能不能快点买到东西。
那具体咋弄？别整那些大道理，直接上干货。
第一步，把按钮做大。别心疼屏幕空间。手指肚的面积大概就在1厘米见方，所以你的可点击区域，至少得留出44x44像素的空间。别搞那些细长的线条当按钮，那是给鼠标用的，不是给拇指用的。你要让用户一眼就能看出哪里能点，哪里不能点。颜色对比度要高，别搞那种浅灰字配白底，那是给视力2.0的人看的，咱们得照顾大众。
第二步，内容要分层，别一股脑全堆出来。手机屏幕就那么大，你想塞进PC端两页的内容，结果就是用户看着头晕。要把最核心的信息放在最上面，比如商品图、价格、购买按钮。次要的信息，像详情、评价，往后放，或者做成折叠的。记住，用户耐心有限，超过3秒加载不出来，或者找不到想要的东西，他们就会跑。
第三步，别让用户猜。导航要清晰，别搞什么隐藏很深的一级菜单。底部导航栏是标配，别把它藏起来。图标要直观，别搞那些抽象的艺术符号，用户看不懂。如果必须用图标，旁边最好配上文字说明。
还有，字体大小不能太小。正文至少16px，标题再大点。行间距也要够，别挤得密密麻麻的，看着累。
我见过太多项目，死就死在这些细节上。老板非要说“我要个性”，设计师非要炫技，最后用户用脚投票，跑路了。咱们做这行，得接地气，得站在用户那个角度想想。你自己在用APP的时候，有没有遇到过那种让你想摔手机的设计？如果有，那就别在你的产品里搞这些。
移动界面设计不是画画，是解决问题。它得让事情变简单，变快，变舒服。别搞那些花里胡哨的动画，除非它真的有用。别搞那些复杂的交互，除非用户真的需要。简单，直接，有效，这才是王道。
最后说一句，别总觉得用户傻。他们只是懒，只是忙。给他们方便，他们就会留下来。要是让他们费劲巴拉地操作，他们转头就去竞争对手那了。这行竞争这么激烈，细节决定生死，别在这上面偷懒。
本文关键词：移动界面设计
