ue设计师是做什么的(UE制作)
编辑导语:尼尔森十大可用性原则是设计师在设计产品时可以参考的准则 。结合这十大可用性原则,产品可以更好地与用户互动,帮助改善用户体验 。在本文中,作者解读了Nelson的十大可用性原则,并对相应的案例进行了拆解 。让我们看一看 。
界面设计的流程:在分工明确、人力储备充足的情况下,开发一个全新的B端业务系统时,界面设计的流程一般如下:
产品经理绘制线框图原型,表达软件中每个页面的设计需求 。UE设计师协助产品经理完善交互体验,并制作交互原型 。UI设计师基于交互原型进行美工设计,生成切图文件 。前端工程师拿到切图文件,进行前端开发,包括实现交互、动效等 。产品经理在设计前端的时候,可以参考尼尔森的十大可用性原则,下面详细介绍 。
人机交互博士雅各布·尼尔森(Jakob Nielsen)于1995年1月1日出版了《十大可用性原则》 。尼尔森十大可用性原则是尼尔森博士在分析了200多个可用性问题后提炼出的十大普适原则 。是产品设计和用户体验设计的重要参考标准,值得进一步研究和应用 。
这十个可用性设计原则是:
反馈原则、隐喻原则、回退原则、一致性原则、防错原则、记忆原则、灵活易用原则、简单设计原则、容错原则和帮助原则 。
一、反馈原则(Visibility of system status)系统应该在合理的时间,以正确的方式提示或反馈系统正在做什么,用户正在发生什么 。
人机交互的基本原则是系统和用户之间保持良好的沟通和信息传递 。系统应该通知用户发生了什么以及预期会发生什么 。如果系统不能及时反馈合适的信息给用户,用户必然会感到失控和焦虑,不知道下一步该做什么 。下面是一些遵循反馈原则的常见设计案例 。
安装程序时显示进度条,并预估还需要多久结束 。上传文件时显示进度条,并提示预估剩余时间 。提交表单时,如果校验失败,则在填写有误的内容旁边提示错误原因 。程序未响应时,系统会让用户选择是关闭程序还是等待程序响应 。图1系统安装图
二、隐喻原则(系统与现实世界的匹配)
系统应该使用熟悉的句子、短语和符号来表达意思 。遵循现实世界的认知和习惯,让信息的呈现更加自然,更容易被识别和接受 。
在人机交互的设计中,程序的交流和表达,功能的呈现,都要用最自然易懂的方式,避免计算机编程语言的表达 。设计要符合现实世界的认知,让用户通过联想、类比等方法容易理解程序的含义 。
比如一个音乐播放器APP,功能按钮的设计如图2所示,即使不做解释,用户也能很容易明白每个按钮是用来做什么的 。
图2音乐播放器应用程序的功能按钮图
比如美团APP的类目图标设计就很有意思,容易理解和使用,印象深刻,如图3 。
图3美团APP分类图标
三、回退原则(User control and freedom)用户经常会不小心出错,所以需要有一个简单的函数来快速将程序恢复到错误发生前的状态 。
用户误操作的概率极高 。对于误操作,软件系统应尽量提供“撤销”、“重做”或“后悔”的功能,使系统快速回到错误发生前的状态 。
当然,并不是所有的操作都可以“食言” 。例如,您可以取消错误的订单,但不能取消成功的转账交易 。以下是遵循回退原则的常见设计案例 。
编辑类软件都提供撤销功能,例如Word、美图秀秀等 。点击删除或关闭按钮后,会让用户进行二次确认 。电商平台允许在一定的规则下取消订单 。
四、一致原则(Consistency and standards)在同样的情境和环境下,用户进行同样的操作,结果应该是一致的;或者系统平台的风格和体验也要一致 。
在软件设计和产品设计中有许多既定的规范 。虽然没有明文规定,但是大家都在遵守,因为用户已经习惯了这些规范 。设计时要遵循常规,保持系统一致性的感觉,不要盲目标新立异 。
例如,在应用程序底部的导航图标中,“主页”总是排在第一位,个人中心(“我的”)总是排在最后 。并且对于“首页”、“购物车”、“订单”等常见按钮,不同app的设计风格非常相似 。
图3展示了美团、去哪儿、百度外卖三个app底部导航栏的设计 。可以看到上面的特点 。如果把个人中心放在第一位,或者用奇怪的图标作为个人中心图标,用户使用起来肯定会觉得别扭 。
图4三个应用程序的导航栏设计
此外,在一个或多个系统中应该采用统一的设计风格 。无论是图标的选取,还是布局规划,都要整齐一致,让用户容易理解、习惯和适应 。
推荐阅读
- 为什么做销售的人可怕(做销售的人太可怕了)
- 皮皮虾什么梗(玩皮皮虾是什么梗)
- 柳岩|假戏真做,娱乐圈的“灯下黑”,让多少女演员有苦难言?
- 下场是什么意思 牛马是什么意思
- nc 患者 nc患者是什么意思
- 关于ts版是什么意思的信息
- 寄刀片是什么意思(寄刀寓意什么)
- 质量是什么(何谓质量)
- 伯瓦尔为什么复活弗丁(阿尔萨斯是好人吗)
- 什么是感情(情感与感情的本质区别)
