很多人一听“ui制作”,第一反应就是“把界面画好看点”,但我越接触越觉得,ui制作真不是单纯做一张漂亮的图,它更像是在用户、业务和开发之间搭一座桥,桥搭得好,用户用得顺,开发少返工,老板也少拍桌子;桥搭得不好,界面再精致,也可能让人用得一肚子火。
先讲个特别生活化的例子,上个月,楼下王阿姨让我帮她看看一个买菜小程序,她一边戴老花镜一边抱怨:“这上面的字跟蚂蚁一样,我点‘加入购物车’,老是点到‘取消’。”我拿过来一看,界面确实挺“高级”:浅灰色背景、白色卡片、细细的字体,按钮还用了低饱和度的灰蓝色,设计师大概想走极简风,可王阿姨五十多岁,手指点下去没反馈,两个按钮又挨得特别近,这不是极简,是“费劲”。
后来我帮她把主按钮改成高对比色,字号调大,把“加入购物车”固定在底部,把“取消”放到二级操作里,还加了数量提示,她再用的时候说了一句:“这下我终于知道点哪儿了。”你看,ui制作的核心有时候不是“美不美”,而是“这一屏用户到底要完成什么任务”,如果用户是老年人,字号、对比度、点击区域就是硬指标;如果用户是年轻人,信息层级和操作效率同样不能含糊。
再说我朋友小周的事,他在一家餐饮软件公司做设计,前阵子接了个点单页的ui制作,老板说:“参考大厂,做得高级一点。”结果首页塞了八个入口:会员、储值、优惠券、积分、外卖、堂食、预约、活动,看着挺丰富,服务员培训了半天还是记不住,高峰期一忙,顾客站在旁边等,服务员在屏幕上找“开台”按钮,急得直冒汗,后来小周他们砍到三个高频入口:开台、点单、结账,把最常用的动作做大,其他功能收进二级页,改完之后,培训时间短了,出错也少了。
这事让我特别想发表一个个人观点:ui制作一定要有产品思维,不能只当“美工”,你得知道这个页面给谁用、在什么场景下用、用户最怕哪一步麻烦,餐饮服务员不是坐办公室慢慢研究界面的,他可能一手拿点菜单,一手戳屏幕,身后还有人催,这个时候,少一个花哨动效,多一个清楚的按钮,比什么都强。
我也不是说审美不重要,审美是底线,是让人愿意用、信任你的第一步,但审美不是自嗨,很多新手做ui制作,容易陷进“我觉得这个渐变好看”“这个阴影有质感”里,最后做出来像作品集,不像能落地的产品,我自己也踩过坑,早些年帮朋友做一个活动报名页,我把表单做得特别有设计感,结果用户填到一半不知道下一步在哪,朋友后来跟我说:“你这页面挺好看,就是我不会用。”这句话我记到现在。
所以我现在看ui制作,会先问几个特别朴素的问题:用户第一眼该看什么?他下一步该点哪里?点错了能不能回来?开发能不能实现?不同手机屏幕上会不会挤?这些问题不浪漫,但特别真实,ui制作不是一个人在电脑前感动自己,它要经过真实用户的指尖检验。
对想学ui制作的朋友,我的个人建议是:别一上来就沉迷软件和模板,软件当然要会,但更重要的是拆解真实产品,去菜市场、地铁、餐厅看看别人怎么用手机;做练习时别只做“概念稿”,试着把登录、下单、支付这些流程完整走一遍;做完以后找三五个完全不懂设计的人试用,别问“好不好看”,问“你知不知道下一步点哪”,他们卡住的地方,才是你真正要改的地方。
最后也想对甲方和老板说一句:ui制作不是把东西摆漂亮就完事,它是在帮产品降低理解成本,你给设计一句“高级一点”,不如说清楚“用户是谁、这一页最重要的动作是什么、哪些信息必须第一眼看到”,沟通越具体,ui制作越不容易变成反复改稿的拉锯战。
说到底,ui制作是一门“替别人省事”的手艺,好界面不一定让你惊呼,但会让用户顺顺当当把事情办完,要是你也在做ui制作,不妨先从一句话开始:用户打开这一屏,最想完成什么?把这件事想明白,很多设计问题其实就有答案了。