Chapter Three 我们探索和利用视觉结构
组织精练、具有结构化特点并遵从图形设计规则的信息,人们更容易理解和浏览。
1.结构化优于松散结构
下面的机票预订信息展示明显更加利于浏览、理解
2. 精炼的重要性
不要让重要信息淹没在散乱重复的文字之中
3. 遵从图形设计的规则
成功的设计要求用户不必依靠主动思考就能明白标签的值和值之间的对应关系
🔧长数字分段
分隔字段是信息更具有可读性,还能防止输入错误,可参考的方法有:用户界面明确地为不同部分提供独立字段;界面提供一个字段,但允许用户输入时将号码用空格或者其他符合分隔开。
🔧控件优化结构
用适合的控件来显示某个具体类型的数据的值和接收输入,这比(不论是分割还是不分割的)文本输入框要更便于用户输入信息。也可将二者(文本框和控件)合并起来使用。
🔧视觉层次优化
当用户查看信息时,视觉层次能够让人从与其目标不想管的内容中立刻区分出与其目标更相关的内容,并将注意力放在他们所关心的信息上。因为他们能够轻松地跳过不相关的信息,所以能更快地找到要找的内容。
方法
a. 信息分段,大块整段的信息分割为各个小段
b. 显著标记每个信息段和子段
c. 以一个层次结构来展现各段及其子段,使得上层的段能够比下层更重点地被展示
视觉层次优化例子
Remember me
注:总结都是根据个人理解整理记录,若有疑问或异议,请参考原著~另外期待各位大大们的指正和讨论!~(@^_^@)~