《交互设计精髓》读书笔记(2)

原则与模式

设计原则:指导我们如何设计美好,有效的产品,以及系统与服务,并且正直成功地从事设计工作。
设计模式:是针对某类特定的设计问题,可供效仿的概括性解决方案。

交互设计原则

  • 是关于行为,形式与内容的普遍适用法则,促使产品行为支持用户目标与需求,创造积极的使用体验。
  • 设计价值
  • 概念原则:界定产品定义,产品如何融入广泛的情境。
  • 行为原则:描述产品在一般情境与特殊情境中应有的行为。
  • 界面原则:描述行为及信息有效的视觉传达策略。

设计价值

  • 正直
  • 目标明确:帮助用户实现目标,适应使用情境和用户能力。
  • 有实效:帮助企业实现目标,适应商业需要和技术条件。
  • 优雅:最简介的完整解法。

交互设计模式

  • 定位模式:概念层面,帮助界定产品对于用户的整体定位。
  • 结构模式:解答如何在屏幕上安排信息和功能元素之类的问题。
  • 行为模式:解决功能活数据元素的具体交互问题。

平台和姿态

选择合适平台的过程是在个方面因素中找平衡点的过程。通过姿态我们可以讨论用户将投入多大的注意力在产品交互上,产品的行为对这样注意力如何来响应。

界面软件独占姿态

  • 一个程序长时间占据使用者的注意力,这个程序就是独占姿态的应用程序。
  • 独占应用的使用者一般都是中间用户。
  • 慷慨使用屏幕空间。全屏幕使用独占应用,让它发挥最优效果。
  • 使用最小的视觉风格。弱化视觉表现上的颜色和纹理,使用颜色保守一些。
  • 丰富的视觉反馈。可以大量的在节目上添加额外的信息。状态栏,滚动条,标题栏等等。
  • 丰富的输入。
  • 以文档为中心的应用,让文档视图最大化。

暂时姿态:暂时应用必须简单,清晰并且意思明确。明亮而清晰;保持简单。只使用一个窗口和视图。记住用户的选择。

手持设备

  • 做好功能集成,让导航操作最小化。
  • 要考虑人们将如何持握和携带设备。
  • 尽早决定下来设备是单手操作还是双手操作。
  • 考虑好设备是卫星式的还是完全独立的。
  • 避免使用多个窗口或者弹出窗口。

附加工作

设计原则

  • 不要极端愚蠢地停止进度。
  • 不要让用户请求允许。
  • 在有输出的地方允许输入。

附加工作陷阱

  • 强迫用户到另外一个窗口中完成影响本窗口的功能。
  • 强迫用户记住他将事物放在层次文件系统中的哪个位置。
  • 强迫用户调整窗口大小。
  • 请破用户重新进入个人设置,除非他想改变。

导航是一种附加工作

任何将用户带到新的界面部分,定位对象,工具活着数据的动作都是导航。应该尽量减少或者消除。

  • 多个屏幕,视图活着页面之间的导航
  • 在窗格之间的导航
  • 在工具和菜单之间导航
  • 信息导航:滚动;链接;缩放和平移。

改善导航

  • 减少目的地数量
  • 提供导航标志:用户参考节目上的持久对象来导航。主窗口及标题,菜单栏,工具栏。
  • 提供总体视图:总体视图区域本身应该是持久的,内容应该取决于正在导航的数据。
  • 提供合适的控件——功能映射
  • 调整界面以适应用户需要:相称的努力。如果回报值得,用户愿意付出相称的努力。
  • 避免层次关系
  • 调整界面以适应用户需要
  • 避免层次关系

界面范例

  • 实现为中心的界面:用户必须理解软件内部的工作方式,以为着用户节目设计只基于现实模型。
  • 隐喻界面:依赖于用户在界面视觉提示与功能之间建立的直觉联系,而不必了解软件的运行机制。
  • 习惯用法界面

视觉界面设计

设计者必须掌握一些基本的视觉要素,如颜色,typography,form和composition。必须了解如何运用这些要素来有效地传递行为和信息创建自情感和内心的反应。也必须掌握交互原则和界面习惯用法的基本知识。

视觉界面设计的组成要素

  • 形状:想吸引,形状并不是用来产生对比的最佳属性。
  • 尺寸:尺寸是顺序和可以量化的变量。
  • 值:可以利用值来突出那些需要引起人们注意的元素。也是顺序的变量。
  • 颜色:注意颜色的特殊意义,并加以利用。
  • 方位:最好作为次要的传达矢量。
  • 纹理:用做重要的启示暗示。
  • 位置:是顺序的,也是定量的变量。用来传达层次结构方面的信息。

交互界面设计的原则

  • 运用视觉属性将元素分组,创作清晰的层次结构:视觉模式是视觉界面的基础。

    • 按照场景剧本来分析和决定哪些控件和数据需要立即被理解和访问,哪些次之,哪些是偶尔才需要被理解和访问。用颜色,饱和度,值,尺寸和位置来区分层次结构中每个层次。
    • 建立关系:常被同时使用的元素在空间上通常可以组织在一起。
    • 眯眼测试:眯眼看元素突出与否,看布局和构成的问题。
  • 在组织上的每一层都提供视觉结构和流:对齐和网格,注意比例,并让比例明确突出和干脆。

  • 创建逻辑路径:从上到下,从左到右。

  • 对称和平衡

视觉信息设计的原则

  • 加强视觉对比
  • 显示因果关系
  • 显示多个变量
  • 在一个显示中结合文本,图形,及数据
  • 确保内容的品质,相关性和完整性
  • 在相邻空间上显示食物,而不按时间堆积
  • 可量化的数据就要量化
2015-06-10 16:4845