交互界面

web界面设计

ぐ巨炮叔叔 提交于 2019-11-26 21:23:01
本书描述了6个设计原理,即直截了当、简化交互、足不出户、提供邀请、使用变换、即时反应。      一、直截了当(alan cooper:"在哪里输出,就要允许在哪里输入")      1.1 行内编辑和覆盖层编辑的最佳实践   通过使用业内编辑,用户在修改页面显示的内容时可以观察到上下文的变化。以下是一些相关的最佳实践:   对单个字段使用行内编辑。   当编辑多个项中的一个时使用行内编辑。这样可以保持视图中的上下文。   尽可能保证显示和编辑模式的大小相同。这样可以避免页面抖动,同时减少两个模式间切换对用户造成的干扰。   尽可能让显示与编辑模式之间的变换平滑而连续。   在主要考虑易读性时,通过鼠标悬停邀请用户编辑。   不要让用户通过双击切换至编辑模式。   如果用户频繁编辑某个项的可能性较大(即可编辑性与易读性同等重要),或者须要编辑的项比较少,可以再被编辑项旁边放一个加方括号的“[edit]”链接。这样既可以从视觉上区分链接与显示的文本,又不至于分散用户注意力。   在编辑系列中的某一项时,应该在原地显示编辑链接(以便保持上下文)。   如果须要用户更多地关注被编辑的项,可以使用覆盖层。这样可以消除意外修改关键值的可能性。   不要针对多个字段创建多个覆盖层。如果想通过复杂的表单编辑一系列元素,应该使用一个覆盖层。   在使用覆盖层时,尽量使用最轻量级的样式