和平区一个老板看了设计稿说好看,上线后被用户骂惨了
和平区小白楼做物业服务APP的孙志鹏去年拿到一版设计稿,颜色漂亮、图标精致,他当场就说好看。结果上线后用户评分只有2.8分,投诉集中在找不到缴费入口、预约报修的按钮太小、字体浅得看不清。好看的界面不等于好用的界面。好设计的标准不是你老板觉得漂亮,而是用户用起来不费劲。
好界面的第一个标准是信息层级清晰。打开一个页面,用户的视线应该顺着重要到次要的顺序自然移动。你用1秒扫一眼,3秒内能找到最重要的那个按钮,就对了。孙志鹏那个APP的首页有9个功能入口加4个banner推荐位,用户眼花缭乱。设计师做了两个改动就把问题解决了:把最常用的缴费和报修放大三倍放在顶部,其余7个入口收缩到下面两排小图标。改动后点击热力图上这两个入口占了首页总点击的78%,投诉量一周降了64%。
第二个标准是视觉一致性。你翻不同页面,按钮的圆角大小、文字的字号层级、颜色体系应该像一个模子里出来的。很多APP看着像几个不同的人拼出来的——首页用12号字、详情页用14号字,按钮有的圆角8像素有的圆角12像素。河西区华苑一家做企业办公APP的团队之前因为设计没统一规范,前端开发照着四版设计稿写代码,结果iOS和Android两端的视觉差异大到用户以为用的是不同的产品。后来花了一个设计师15天时间出了一套设计规范文档,定义了从颜色到间距到字体的全部标准,之后再也没出过一致性问题。
第三个标准是操作有反馈。点按钮要有按下状态变化、加载数据要显示loading、删除操作要二次确认。这些不是设计细节,是用户信任的底线。孙志鹏的APP有一次用户点缴费按钮,网络延迟了4秒没反应,连点了三次结果扣了三次钱。加了一个简单的按钮点后变灰加loading动画就杜绝了这个问题。好设计就是在用户可能犯错的地方提前把路铺好。
南开区大悦城旁边有一个设计工作室总结了他们评审APP界面的三步法:闭眼3秒睁开看第一眼落在哪,闭眼30秒看能记住几个功能,交给一个完全没用过的人看能不能在30秒内完成核心任务。这三步不过关的设计,再好看也别上线。这几年天津本地做得很不错的几款APP——比如智能停车、社区团购类的——界面都不是最炫的,但信息组织和操作流程确实做到了让用户不用思考就能完成操作。界面设计最终比的不是谁的图漂亮,而是在一起用了三个月之后用户还想不想打开。