七个提高网站设计一致性的方法( 二 )


为了最有效的做好这项工作,你最好创建一个可视化的图像集,收集大量的高质量,高分辨率的图像以方便你的重复使用 。
6、工作自然的用户模式
你的设计应该跟现有类似的设计按着相同的方式发挥作用,并遵循那些公认的用户模式 。设计师们往往想要做些违背事物自然规律、与众不同的事情,你千万不要掉入这个陷阱 。
如果一个网站或者应用程序亦或是任何印制元素能按着用户期待的方式工作,那么他们之间便能轻而易举的产生交互 。这因为个时候,用户本身清楚的知道自己要做什么以及该如何达到目标,而设计本身则变为一只无形之中指引用户方向的手(其实这也正应该是一个设计师的真实目标才对) 。
这里有四种类型被普遍接受的设计模式值得我们来思考:
(1)内容模式:设计样式和内容的情感语气以及你的品牌 。
(2)标记模式:在设计整个网站页面时,你需要用到的 HTML 和 CSS。
(3)设计模式:每一个元素的外观和所有相关的风格 。
(4)用户模式:用户如何与设计元素,如按钮、菜单或图标产生交互 。
7、一致的界面元素
虽说这不是粘性导航,但是思路相似 。
对于你的网站来讲,其中的每一个交互动作和界面元素应该以同样的方式工作 。
(1)链接直接在当前标签页打开或在新的标签页中打开(为每个链接选择一个相同的打开方式) 。
(2)按钮自始至终采用相同的颜色 。
(3)导航位置固定且选项不变 。
(4)页脚和侧边栏应持有一个特定的位置和大小(不应使页脚在一个页面上巨大而在另一个页面很小) 。
(5)所有图标易于识别,且其指向符合用户的预期 。
(6)可点击的元素应该总是可点击的(如有链接的图片) 。
上班列出的这几项展示了所有你在考虑用户粘性和网站可用性时需注意的一些细节 。一定要记住,如果你允许一个元素能执行一个动作,元素本身的样式和交互动作就应该是统一的 。
结论
设计上的一致性能够创造出符合用户心理模型的产品结构 。它也能创建一个有助于提升产品可用性,用户能够理解并愿意与之交互的框架 。
对每个项目来讲,一致性开始于一些列的规则和样式指南 。即使你是单兵作战,也一定要先创建出一套规则,指出在设计中该如何使用颜色、字体、尺寸、间距、界面元素以及交互动作等等 。这种做法将会加快你的设计进程并让你设计出更具可用性的好设计 。
【七个提高网站设计一致性的方法】

推荐阅读