UI设计黄金法则

Posted 2020-09-26 Wayne Zhu

1. 网页用户界面（WUI - web user interface） 

最佳设计经验与准则

• 以主页为基准，建立标准的层级结构
• 保持布局的一致性
• 将大版本的内容或过于复杂的任务分解为多个页面显示
• 将导航的选项限制在6个以内
• 为长时间的后台服务提供用户反馈
• 谨慎使用能吸引用户注意力的技巧

 

用户体验要素

• 使用优化过的高品质图片和图形
• 支持用户快速浏览器信息块内容
• 使用醒目的菜单和链接
• 避免页面刷新和持续的动画
• 使用准确高效的文字表达
• 力求简洁并善用留白

参考网站 www.freshbooks.com/

 

2. 无障碍网页（Accessible Web）

　　这种网页是适合残障人士使用的网页界面。 无障碍网页界面需要应对的四个主要障碍是： 视觉障碍、听觉障碍、行动障碍和认知障碍。

最佳设计经验和准则

• 使用语义化的html设计导航、内容和文本
• 在CSS里编写可以改变样式、字体大小等的脚本元素
• 前景色和背景色实现良好的对比效果。

用户体验要素

• 使用精简有意义的内容，保证词汇简单，段落短小精悍。
• 使用简单的、机器易读的词语，如‘home page’， 而不是‘homepage’。
• 一个页面一个表单，避免混淆内容。　　

 

 

3. 网站 （website）

　　网站是公司或者个人在网上的形象展示。 设计网站时要关注于用户的首要任务，规划网站内容，吸引访客，支持尽可能多的浏览器和平台。

最佳设计经验和准则

• 标志和公司名要醒目。
• 把标志颜色作为网站的配色主题，最多使用3种颜色。
• 创建信息丰富的网页标题、统一的头文件，规划出标志区域，页脚和导航。
• 通过良好的背景色对比平衡页面中的内容、图片和留白。
• 给出清晰的标签和网站架构导航。

 

用户体验要素

• 注意网站性能，页面加载时间应该足够快。
• 支持多种浏览器。
• 通过论坛、建议和反馈等功能来手机浏览器的意见。
• 如果提供搜索功能，保证他在显眼的位置并支持错误拼写。