登录界面的设计观点你知道吗?
路径清晰
登录页面通常包含多个入口:注册、登录方式
A、登录方式
B、第三方账号登录等,我们无法准确预测(predict)用户会究竟要选择(Select)哪一个,因此,各个路径必须一目了然。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。再一次以googl
E、大众点评和美团为例:在我看来三个手机界面设计(Design)在我看来都不及格。UI视觉设计一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。Google较简洁(因为它不支持第三方账号登录),功能说明和输入区域挤在同一区域,上半部屏幕直接浪费掉,也没有区分清楚登录和注册两个路径;大众点评和美团虽然界面信息更多,但比起google登录和注册路径区分更明确。
给我一个机会,我会去掉多余的一小部分网站内容(现在先说,请继续往下看)
主次分明
贪心是全人类的通病,设计(Design)师要压制好自己和产品(Product)经理的欲望。手机号快速登录逐渐成为主流,但某些产品依然不愿放弃传统(chuán tǒng)登录,鱼与熊掌不可兼得,取舍不够决绝会导致功能主次不分。设计之前请选好一种主推的登录方式,哪种是当前最急需的?哪种是符合业务长远利益(benefit)的?分清优先级的同时也要在界面上体现。对比大众点评和美团:大众点评已经把账密登录方式弱化成一个二级入口,而美团依然想保持两种登录方式直接切换的便利性(也许是数据(data)上暂时没有明显的偏向,产品经理无法拍板pa bei guo)。突出一种登录方式,其他该弱化的弱化,该抛弃的抛弃。
专注眼前
既然做了选择(Select),就不要三心二意。用户选择(Select)了一种登录方式后,其他的方式可以大胆放一边去了。然而某些设计(Design)师(或PM)一直把用户当成是购物中的选择(Select)困难(difficult)症女性,“登录方式要切换方便,万一用户要更换。。万一用户选错怎么办?”。也许有5%的用户会选错,为此就要降低(reduce)剩下95%的用户的体验?假如遵循好上述的两个观点,所谓的万一会更加少。美团在这一点做的比较好,调起键盘(Keyboard)输入并隐去第三方账号登录。
输出
综合上述观点,以下是我设计(Design)的登录手机界面设计(交互(each other)图,非效果(effect)图)。UI设计教程具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点。默认登录手机界面设计仅保留登录入口、切换登录方式、注册入口和第三方账号登录,尽可能(maybe)保持路径清晰。账密登录仅作为次要登录方式弱化成跳转入口,主次分明。调起键盘(Keyboard)后(确认登录方式)才显示验证(Experimental)码、登录按钮等控件(对数据和方法的封装),同时第三方账号登录下滑隐去,专注当前任务。
PHOTOSHOP:分场景
最后补充上次在表单设计(Design)总结的场景分析(Analyse):
登录及注册界面,其流程该是一次性展现还是按任线性务流一步步展现?线性任务流的好处是:分别对每个提交的信息检测(jiǎn cè)并反馈(feedback),用户理解起来清晰安全(safe),属于“can't go wrong” 的