(1)创建一个前端样式指南
创建一个文档总结你的界面中每个元素的设计规范。

其他的元素包括:
颜色;
网格和布局;
尺寸与形状;
标签和语言;
导航;
表格;
列表;
链接;
语音和语调;
需要更多启发?点击这里查看更多。
(2)保持导航菜单始终出现在同一位置

14、创造美丽的视觉设计并保持视觉平衡
当你的设计从美学的角度上更讨喜时,其可用性也会增强——这就是“美观实用效应”(Kurosu & Kashimura, 1995)。
(1)使用数学原理构造设计

(2)选择鲜明的字体
有些人选择要匹配的字体时,他们常常会轻易地搜索一个看起来跟现有的一个字体类似的字体。但这实际上是错误的方法。通常情况下,选择相似性将意味着可能会是一个错误。
相反,你应该深思熟虑。选择那些可以形成鲜明对比的字体。如果你是个设计师新手,你可以选择一个衬线字体和无衬线字体的组合。

四、最大化的兼容所有用户和场景
你的用户多是抱有不同目标的不同人群,而你要设计出能够兼容所有人使用的界面。
1、最大化的兼容用户的知识和技能水平
你的用户可能是新手,专家,或介于两者之间,你要设计相应的用户界面。
(1)使用适当数量的新手引导
主要有四个新手引导策略:

这四种方法刚好组成一个 2 x 2 的矩阵。使用下图来选择出最适合你的界面的方法:

(2)在不打扰专家用户的同时添加工具提示来帮助新手用户

(3)使用卡片式的分类来构建信息架构
如果你想看到用户是如何选择菜单分类的,请使用开放式的卡片分类方法。
如果你想看看用户是如何将现有的元素组织成预先确定的类别,则使用闭合式的卡片分类法。

2、最大化的兼容用户的工作流
用户会有不同的需求,你要对这些不同的工作流定制界面。
(1)要让用户可控数据的外观样式

(2)让用户可控数据的顺序

其他的排序规则包括:
按字母;
按可用性;
按日期;
按距离;
按热度;
按价格;
按相关性;
按尺寸大小;
......
(3)让用户可控数据的数量

(4)构建用户画像来定义具体的工作流

文章源自 设计联盟 www.DesignLinks.cn 中国最具影响力的创意设计综合网站