安徽电信WEB门户UE设计规范.pdfVIP

安徽电信WEB 门户UE 设计规范 安徽电信WEB 门户UE 设计规范 PAGE 1 OF 10 安徽电信WEB 门户UE 设计规范 1 UE 设计规范概述 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而 且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同 人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和 成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在 用户的畏惧与放弃中付诸东流。 1.1 制定目的 本规范是用来指导产品开发人员和视觉设计人员在开发或升级改版WEB 的相关产 品，本规范用以保证电子渠道门户的产品的视觉和交互行为的一致性和兼容性。遵循这 个规范可以获得很多好处，因为：  新设计的产品的使用界面和操作习惯和原有的产品保持一致能够缩短用户使用 新系统的学习时间和学习成本；  良好的用户交互设计系统能够帮助用户更快的达到目的；  保持电子渠道门户的所有产品的一致性和良好的连贯性，便于版本升级；  简化您的产品设计文档和操作说明的撰写，因为很多界面和标准的交互行为的 描述不再需要过多的解释；  便于电子渠道门户整体提升用户体验；  保证所有电子渠道门户产品的易用、友好、美观和大方； 1.2 使用范围 电子渠道门户所有产品开发人员，包括：产品经理、UE 工程师、需求人员、UI 工 程师和其它相关技术开发人员。 PAGE 2 OF 10 安徽电信WEB 门户UE 设计规范 1.3 文档结构 1 UE 设计规范概述2 1.1 制定目的2 1.2 使用范围2 1.3 文档结构3 2 视觉设计准则4 2.1 规范性4 2.2 合理性4 2.3 独特性4 2.4 美观性4 2.5 统一性4 3 交互设计准则4 3.1 可用性4 3.2 易用性5 3.3 容错性5 3.4 一致性5 4 设计依据6 4.1 数据分析6 4.2 用户调研与反馈6 4.3 可用性测试6 4.4 上线跟踪6 5 设计执行细则6 5.1 通用格式（COMMON FORMATS ）6 5.2 色调（COLOUR ）7 5.3 文字（FONT ）7 5.4 按钮（BUTTON ）8 5.5 图形（FIGURE）8 5.6 表格（TABLE ）8 5.7 框架（FRAME ）8 5.8 鼠标（MOUSE ）8 5.9 日期选择（DATE PICKER）9 5.10 显示和隐藏（HIDE AND SHOW ）9 5.11 提示信息（INLINE MESSAGING AND TIPS）9 6 电子渠道WEB 门户设计准则9 PAGE 3 OF 10 安徽电信WEB 门户UE 设计规范 2 视觉设计准则 2.1 规范性 产品界面设计遵