美文网首页源代码
尼尔森十大交互原则

尼尔森十大交互原则

作者: Lzer0 | 来源:发表于2017-04-21 15:07 被阅读1047次

    尼尔森十大交互原则

    以CSDN网页为例,解释尼尔森十大交互原则。

    一、状态可见原则

    用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

    举例:CSDN上文章底部都会有一个[喜欢]按钮,当我们把鼠标移到[喜欢]按钮之后,按钮就会在原来的单纯的心形按钮外圈出现一个圈,这个状态只要是鼠标放上去之后,就会存在。

    这能够反馈给用户的信息就是:您的操作正确,喜欢的话就点下去吧。

    二、环境贴切原则

    网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),而不要使用第二世界的语言。

    《iPhone人机交互指南》里提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。

    举例:CSDN在网页的表现和表述上,主要是使用拟物化的方法来表述的。

    第一:这种方法不仅简便而且还易懂。

    第二:这里面用的拟物化的方法,

    比如写作这个模块,这里并没有用汉字来表达,而是用了一个书写的图标来表示,能够让人联想到奋笔疾书的感觉。

    三、撤销重做原则

    为了避免用户的误用和误击,网页应提供撤销和重做功能。

    举例:csdn上面,我没有找到比较具体的案例,所以采用了360极速浏览器为例说明,在左上角的按钮中,有一个撤销的按钮,如果是误操作导致的页面关闭,这时候可以点击它恢复原来的页面,如果是浏览器直接被关闭的话,那么可以通过撤销来恢复所有误关闭的页面。

    四、一致性原则

    同一用语、功能、操作保持一致。

    举例:CSDN上鼠标按钮悬浮在写作按钮上,会自动单出一个选框,这里面有6个按钮,在文字描述上,而且文字之前还有图标。

    让人眼前一亮的是,每个图标都是符合后面文字的,比如创建代码片,用的是代码里面标签的图标。能够让人直观的看出每个按钮的用途。

    五、防错原则

    通过网页的设计、重组或特别安排,防止用户出错。

    举例:在写代码片的页面内,点击[删除代码片]后,会弹出一个对话框,让你确认是否删除文章,在网页上官方设计的时候给[确认]按钮填充了醒目的蓝色,多重防止误操作。

    六、易取原则

    好记性不如烂笔头。尽可能减少用户回忆负担,把需要记忆的内容摆上台面。

    示例五中的图片也说明了这个原则的重要性,一个确认对话框很好的减少了用户的回忆负担。

    七、灵活高效原则

    中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。

    示例:在CSDN中,用户拥有[富文本编辑器]、[Markdown编辑器]、[XHTML语言],这样满足了由基础到高不同层次的用户的需求,[富文本编辑器]满足了基础用户的需求,不需要记住太多的语法,一样可以编写文章,而高层次的用户可以使用三种方法来完成自己编写文章的需求。如果只有[XHTML语言]的话,无疑会流失大量的用户。

    八、易扫原则

    互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

    示例:在CSDN中执行删除代码片的操作,点击[删除]后,会出现弹出提示是否删除的对话框,在对话框中点击[删除]后,没有提示出现,因为已经让用户确认是否删除,而用户确认删除之后可不宜用任何提示了,CSDN在这方面剔除了无关信息。

    九、容错原则

    帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。

    示例:CSDN中关键词未找到的话,会显示一下页面,页面上有一个放大镜的图标,并且提供了原因、建议、和知道方向,并非直接使用404代码。

    十、人性化帮助原则

    帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

    示例:CSDN中在文档方面,用户肯定会出现一些对问答的规则不太明确的用户,所以在右方有一个帮助文档。

    而且在用户编写文档时最先出现的编辑器是[富文本编辑器],能够满足所有用户的编辑要求,

    技术更高的用户还可以根据自身的要求改变编辑器。

    相关文章

      网友评论

        本文标题:尼尔森十大交互原则

        本文链接:https://www.haomeiwen.com/subject/dypdzttx.html