UI设计

《锦绣蓝图》笔记(1)

作者:口袋使者 2016-10-26 我要评论

信息架构的首要目的就是实现可查找性。 八项基本原则: 标识导引设计 设定期望并提供反馈 基于人类工程学设计 保持一致,考虑标准 提供纠错支持--预防、保护和通...

信息架构的首要目的就是实现可查找性。

八项基本原则:

  1. 标识导引设计
  2. 设定期望并提供反馈
  3. 基于人类工程学设计
  4. 保持一致,考虑标准
  5. 提供纠错支持--预防、保护和通知
  6. 要靠辨识,而不要仅靠记忆
  7. 考虑到不同水平的用户
  8. 提供上下文帮助和文档

一、标识导引设计:
网站与现实不同,不能通过方位和距离来定位,只能通过地标,即标识。主要有4个方面:
(1)用户身在何处:logo、面包屑、页面标题
(2)用户寻找的东西在哪里,或者说,我们希望用户轻松找到什么:全局导航、目标变大等等
(3)如何得到所搜索的东西:巧妙地导航设计、导航本身表现形式以及上下文的关系
(4)用户已经搜索过哪些地方:比如点击过的链接和未点击的颜色是不一样的

二、设定期望并提供反馈:
在web上,单击链接、提交表单或者按下按钮时,你并不知道会发生什么。要由设计者为每一个动作设定相应的期望,并清楚地显示这些动作的结果。
(1)在动作真正发生之前要让用户知道动作尚未发生:裁剪图片的例子,对于珍贵的内容可以让用户觉得放心。
(2)提醒用户正处在过程中的哪个阶段:标识或者动效

三、基于人类工程学设计
在数字空间中完成设计时,一定要记住一个常常被人遗忘的事实:每个人都有自己的身体,不同的人身体条件可能千差万别。主要要考虑这几个方面:
(1)手:滚动距离、滚动频率、快捷方式
(2)眼睛:视力的问题
(3)耳朵:背景音乐,不要自动播放。

四、保持一致,考虑标准
你的网站很可能不是用户访问的第一个网站,这意味着人们在浏览器窗口中键入你的网站URL时,他们已经对你将提供的内容心存期待。
但是借鉴时要经过深思熟虑,不能盲目复制,而是要去探究这样做的原因。这算不算是一个最佳实践,或是一种惯用做法,抑或是一个毫无缘由的突发奇想。

五、提供纠错支持
(1)预防:明确清晰地告诉用户应该怎样避免错误
(2)保护:随时自动保存
(3)通知:客观表明错误并告诉用户该怎么恢复

六、要靠辨识,而不是凭记忆
之前关于心理学的部分有介绍过,这个其实也很直观。主要有以下几个方法:
(1)保存输入过的内容
(2)自动联想
(3)尽量显示隐藏的内容

七、考虑到不同水平的用户
为新手设计简单的网站,再为专家构建途径和特殊特性。

八、提供上下文帮助和文档
在适当的时间以最简练的方式提供帮助,应当把信息放在有明确标注的位置,而不要统统都归入help之下。



阅读原文 本文来自:口袋知识网 news.papocket.com

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 没灵感?这里是最全的15个设计风格总结

    没灵感?这里是最全的15个设计风格总结

  • 没灵感?这里是最全的15个设计风格总结

    没灵感?这里是最全的15个设计风格总结

  • 淘宝刚发布的新版本,可能会引领2017年

    淘宝刚发布的新版本,可能会引领2017年

  • 学会这个教程,可以把任何一张人物照都

    学会这个教程,可以把任何一张人物照都