好的APP界面长什么样?成都设计师告诉你标准

一眼能懂,不用教

好的界面,用户打开就知道点哪。核心功能要在首屏,别让人找。我们给青羊区一家做社区生鲜的APP改版,把下单按钮从三级菜单提到首页底部,下单转化率从11%升到27%。判断标准就一条:新用户不用看说明能完成主任务。首页别堆运营位,那是为公司不为用户。

反馈要及时

点一下按钮,得有反应。加载转圈、提交成功提示、错误红字,缺一不可。成华区一家培训机构APP,报名提交后没反馈,用户以为没点上反复提交,一天收到40份重复订单。加了loading和成功页,投诉没了。说白了,界面是会和人对话的,沉默的界面会吓走人。

视觉有秩序

颜色别超过三种主色,字号分清楚层级。字号乱、颜色花的界面,用户眼睛累。高新区一家金融APP,原来用了7种蓝,改成一主一辅后,任务完成时间平均少了18秒。留白也要够,挤在一起的界面像地摊。

适配要稳

从5.4寸到6.7寸各种屏,布局不能乱。我们测过一款APP在刘海屏上按钮被遮,一天流失200多新用户。好的设计会做最小和最大屏的极端测试。别只在大屏上好看就交付。我们交付前用真机测,不靠模拟器,因为模拟器看不出实际遮挡。

动效克制有度

转场、点击要有动效,但别满天飞。过度的动画拖慢操作还晕人。我们给高新区那家金融APP砍掉一半装饰动效,任务完成快了12秒。动效是调味料,不是主菜。好的界面,动效帮人理解变化,不是炫技。

性能不卡顿

界面再美,点一下卡三秒也白搭。设计时就要考虑图片大小、列表加载。玉林路那家小酒馆APP,首图没压缩,低端机打开要5秒,我们压到300K后跳出少三成。美和快得兼,慢的漂亮等于不漂亮。

细节见真章

空购物车有插画引导、网络断了有离线提示、表单输错有具体原因。这些边角决定质感。玉林路一家小酒馆的预订APP,加了本时段已满的俏皮文案,预订完成率反而高。好的界面,连等待都不让人烦躁。

成都设计师的底线

我们团队接活有个规矩:可用性测试必做,找5个外行点一遍,卡住的地方全改。别被忽悠说设计是主观的没法测,能用的标准一直都在。交付前过一遍上面几条,不过关不打回给客户。