界面设计的行业标准总结-- WEBUI设计的相关行业标准
WEBUI的特点：
1. 感官体验：呈现给用户视听上的体验，强调舒适性
2. 交互体验：呈现给用户操作上的体验，强调易用、可用性
3. 浏览体验：呈现给用户浏览上的体验，强调吸引性
4. 情感体验：呈现给用户心理上的体验，强调友好性
5. 信任体验：呈现给用户的信任体验，强调可靠性
2.1 WEBUI整体标准的制定
WEBUI的整体标准也从以下四个方面入手：
1. 规范性
2. 合理性
3. 一致性
4. 界面定制性
一、WEBUI的设计规范
WEBUI也要遵循一致性的准则，其目的与GUI一致：
1. 便于用户操作
2. 使用户感觉到统一、规范，在使用软件的过程中愉快轻松的完成操作，提高对软件的认知
3. 降低培训、支持成本，不必花费较多的人力对客户进行逐个指导
二、WEBUI布局的合理性
WEBUI界面的合理性直接影响到软件系统的可用性，下面将从几个方面讲述WEBUI的布局特点：
1.设计风格：符合目标客户的审美习惯，并具有一定的引导性
2.页面布局：重点突出，主次分明，图文并茂
3. LOGO：确保logo的保护空间，确保品牌的清晰展示而又不占据过分空间
4.页面导航：导航条清晰明了、突出，层级分明
5.图标使用：简洁、明了、易懂、准确，与页面整体风格统一
6.图片展示：比例协调、不变形，图片清晰。图片排列既不过于密集，也不会过于疏远
7.动画效果：与主画面相协调，打开速度快，动画效果节奏适中，不干扰主画面浏览
8.页面色彩：遵循GUI界面颜色标准，主色调+辅助色不超过三种颜色
9.页面底色：所选颜色不能干扰主体页面的阅读
三、WEBUI风格的一致性
WEBUI的一致性与GUI大同小义，也指相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致，但不同的是WEBUI对浏览器有一定的要求。
1. 在不同分辨率下的美观程度
2.在不同版本浏览器上的运行
3.在不同厂商的浏览器上运行
例如软件系统可以在IE、Firfox、Google等浏览器上正常运行
4.WEBUI的菜单、地址栏、图标、状态栏等风格、位置要一致
5.遵循GUI风格一致性的2-9所规定的一致性
四、WEBUI的可定制性
WEBUI的可定制性大致可分为以下几个特性：
1.界面元素可定制
允许用户定义工具栏、状态栏、地址栏等是否显示，工具栏显示在界面上的位置；允许用户定义菜单的位置等。
2.工具栏可定制
不同用户对常用工具的使用是不同的，因此允许用户建立新的工具栏，选择要显示的工具栏，定制工具栏上的按钮等功能在软件系统中经常被用到
2.2 WEBUI所包含各类元素标准的定制
WEBUI所包含各类元素：
在WEBUI中页面所包含元素与GUI有所不同，大至分为页面、界面控件、菜单、图标、鼠标、文字、帮助，见下图2-1为WEBUI的基本页面构成
一、WEBUI页面的标准
根据WEBUI的特性，下面列出十六个点来分别描述页面的制定：
1.页面大小：适合多数浏览器浏览，如15寸、17寸、19等显示器
2.按钮设置：对于交互性的按钮必须清晰突出，以确保用户可以清楚地点击
3.点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读
4.错误提示：若表单填写错误，应指明填写错误之处，并保存原有填写内容，减少重复工作
5.显示路径：无论用户浏览到哪一个层级，哪一个页面，都可以清楚知道看到该页面的路径
6.栏目的命名：与栏目内容准确相关，简洁清晰，不宜过于深奥
7.栏目的层级：最多不超过三层，导航清晰
8.内容的分类：同一栏目下，不同分类区隔清晰，不要互相包含或混淆
9.页面的长度：设置一定的页面长度，避免页面过长而影响阅读
10.分页浏览：对于较长的内容可以进行分页浏览
11.表单填写：尽量采用下拉选择，需填写部分需注明要填写内容，并对必填字段作出限制
12.页面速度：正常情况下,尽量确保页面在5秒内打开，对于大型软件可以适当的延长等待时间
13.页面刷新：尽量减少页面的刷新率，或采用无刷新技术
14.新开窗口：尽量减少新开的窗口，以避免开过多的无效窗口，设置弹出窗口的关闭功能
15.网页地图：为用户提供清晰的网页指引
16.可以复用一些GUI窗口的相关标准，如菜单、标签、按钮的位置、字体、颜色等标准
二、WEBUI其他元素的标准
WEBUI的其他元素的制定标准，包括界面控件、菜单、图标、鼠标、文字、帮助信息等与GUI一致，并且可根据具体情况酌情予以改变。
网友评论