交互设计的四大原则
作者:优漫动游设计部 2023-07-19 17:12 查看: 320

  对于用户的每步操作,系统都要及时反馈。


交互设计的四大原则


  用户在界面上的任何操作,不论是单击、滚动还是双击,系统都应及时给予反馈,该反馈包括显示变化和结果反馈。

  显示变化:显示变化是对用户的鼠标事件、手势操作或焦点事件的反馈。在用户触发这些事件后,系统要有显示上的变化。

  比如,焦点位于输入框内,则输入框颜色要变化;焦点移出输入框,则输入框的颜色也要变化。再如,鼠标悬停在确认按钮上,则按钮颜色要变化。

  系统通过显示上的变化,可让用户知道操作是有效的。在用户操作后显示有变化,这自然是好的,因此显示变化可多多使用。

  结果反馈:在用户输入完信息后,系统要给予用户结果上的反馈,这个结果可以是错误、失败或成功等。结果反馈要考虑两点,分别是输入完和提交完。

 1输入完的案例

  用户输入完手机号并将焦点移开,系统提示用户手机号错误;用户输入登录名并将焦点移开,系统提示登录名字数不够。

 2提交完的案例

  用户单击按钮,系统提示登录成功,并跳转到下一页面。

  和显示变化不同,结果反馈只是偶尔使用,使用太多反而不好。一方面,研发人员实现起来困难,另外一方面,在用户没操作完之前,系统不应该有太多的结果反馈。

  二防错原则

  在错误发生之前,就防止用户出错。

  好的设计在错误发生之前就会避免它出现,而不是在错误发生后告诉用户错了,还要用户重做。防错的方法有友好提示和禁止错误。

  1友好提示

  给用户清晰的提示,从而避免用户产生错误。

  比如,在用户填写手机号码时,系统可将手机号码按“3-4-4”格式进行分段显示。

  2禁止错误

  友好提示只能对错误做提示,更好的办法是禁止用户产生错误,不给错误产生创造机会。禁止错误的方法是不让用户填错,或者在填错后系统自动忽略。

  a不让用户填错的案例

  用户填写手机号时,系统要禁止用户填写非数字字符,并且超过11位就不允许输入。

  禁止验证码中出现数字1或字母I

  b填错后系统自动忽略案例

  用户在下载网盘文件时,要输入验证码,用户在粘贴验证码时,有时会将空格粘贴进来,此时系统应忽略空格。

  三撤回原则

  在错误发生后,提供撤回的功能。

  用户会输错信息,或误触功能。在这些错误发生后,界面应支持撤销和重做。

  例如,在输入框旁加删除按钮或在发送消息后加撤回操作。

  四容错原则

  指出错误并给出建议,降低用户损失。

  撤回原则强调的是撤销用户的操作,而容错原则强调的是当用户已经做完任务且错误已经产生时,系统应如何应对。方法有两种:指出错误和降低损失。

  1指出错误

  用户要注册新邮箱,但该邮箱已被注册,此时系统就要提示“邮箱已被注册”,并给出建议。

  2降低损失

  用户要批量删除照片,这属于危险操作,此时系统就要尽到提示义务——提示照片会被删除。如果用户仍然坚持删除,这就有可能导致错误产生,此时系统应提供回收站,给予用户反悔的机会。

  广州UI设计培训,系统学习,融会贯通,直奔主流技术,节省时间,老师督促指导,学习效率高,随堂练习,及时解决问题,企业IT大牛指导实战落地项目,与企业需求无缝连接,签订就业协议,诸多合作名企,4个月后直接走向工作岗位,避免工作后的水土不服。高薪名企有增加!了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服