长沙网站设计_读书笔记-认知与设计:理解UI设计准则(三)

发布日期:2016-10-31 08:01

长沙网站设计第三章:我们寻找和使用视觉结构

在我们所处的环境里,感知结构让我们更快的了解事物和事体。为了让人们能够快速浏览并理解,信息的组织应该精练、结构和不重复,同时要遵从图形设计的规则。第三章将举几个例子,说明信息以简洁和结构化的方式呈现时,人们更容易的浏览和理解

(1)我们可以通过信息结构化和避免重复的“噪声”来提高用户的浏览速度,以下实例也证明了结构提高了用户浏览长数字的能力。

如上图:结构化展示的航班预订信息能够更加清晰明了的浏览和理解

(2)分隔字段是信息更具有可读性,还能防止输入错误,可参考的方法有:用户界面明确地为不同部分提供独立字段;界面提供一个字段,但允许用户输入时将号码用空格或者其他符合分隔开。

下图去掉了上图中重复的文字

(3)数据专用控件提供了更多的结构

设计师可以用适合的控件来显示某个具体类型的数据的值和接收输入,这比(不论是分割还是不分割的)文本输入框要更便于用户输入信息。也可将二者(文本框和控件)合并起来使用。

例如:日期可以用菜单与弹出日历控件合并的形式来显示和接受

将分段的文本字段和数据专用控件合并起来也可以提供可视化结构。

(4)视觉层次让人专注于相关的信息

▪  视觉层次的实现:

可视化信息显示的最重要的目标之一是提供一个视觉层次,即信息布置安排能够:

①将信息分段,把大块整段的信息分割为各个小段;

②显著标记每个信息段和子段,以便清晰地确认各自的内容;

③以一个层次结构来展现各段及其子段,使得上层的段能够比下层更重点地被展示。

▪  视觉层次的作用: 

当用户查看信息时,视觉层次能够让人从与其目标不想管的内容中立刻区分出与其目标更相关的内容,并将注意力放在他们所关心的信息上。因为他们能够轻松地跳过不相关的信息,所以能更快地找到要找的内容。

可视化层次的方式(右)能够让人们忽略与自己不相关的事物。这体现了视觉层次在文本、只读的信息展示中的价值。在交互控制面板和表单中,可视化层次也同样重要。

以上信息由长沙网站建设--长沙蒲公英网络收集与整理,禁止用于任何商业行为