用户界面设计整理.docx

《用户界面设计整理.docx》由会员分享，可在线阅读，更多相关《用户界面设计整理.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、用户界面设计整理 专家用户：(1)专家需要的快捷模式。(2)专家用户会持续学习。(3)专家用户更希望有更新更强大的功能。 3.用户研究方法 1)定性研究的目标 （1）现有的产品和使用情况 （2）潜在用户的情况 （3）产品中涉及的技术情况 2)定性研究的方法 3)建立人物角色模型步骤： 研究准备与数据收集 亲和图：是把大量收集到的事实、意见或构思等定性资料，将其相近性进行归纳整理的一种方法。 用户角色框架 优先级排列：考虑1.使用频率2市场大小3收益的潜力4竞争优势/策略等 用户角色（这里主要是完善用户角色） 4.了解用户需求的意义：(1)对于项目：要保证项目顺利进行，交互和视觉设计能够更好地表

2、达产品意图，我们需要对产品有了解，不能望文生义。(2)对于产品：摸清产品的底线，抓住基础需求，改善基础体验，才能降低用户的门槛，有利于项目、产品的可持续发展。(3)对于资源：在没有用户研究团队支援的情况下，通过快捷、便利的方法，独立研究，产生结论，无疑是节约资源的最佳办法。 1.互联网的本质：信息的传递。 2.信息可视化概念：研究大规模非数值型信息资源的视觉呈现，如软件系统中众多的文件或者一行行的程序代码，以及利用图形图像方面的技术与方法，帮助人们理解数据。科学可视 化处理的数据具有天然几何结构，信息可视化处理的数据更为抽象。 3.信息可视化形式：柱状图、趋势图、流程图、UML图、树状图。 交

3、互设计的优劣直接影响操作结果和用户感受。 4.信息可视化中的交互设计包括：数字交互、人机交互。 5.人机交互要达到两个阶段的目标：可用性目标、用户体验目标。 6.信息可视化(Information Visualization)包含两个过程：1)将数据转化为视觉图形。2)通过人机交互，用户控制转化过程的各个阶段以获取信息。 7.界面隐喻：以现实世界上已经存在的事物为蓝本，通过对界面组织和交互方式的比拟，将人们对这些事物的知识运用到人机界面中来，从而减少用户必需的认知和努力。界面隐喻是指导用户界面设计和实现的基本思想。 8.信息可视化原则：对原始数据进行筛选寻找合乎用户心智模型的视觉呈现形式信息元

4、素的正确表示清晰简洁的传达信息提供给用户多种选择 1.交互设计中的问题分为：引导、易用、反馈、视觉化。 引导：操作入口明确：(1)强化重点，弱化周边。(2)入口信息明确，易识别。(3)根据用户定制合适的入口。 避免用户迷路：(1)帮助用户确定“当前位置”(2)根据用户需求，确定导航机制。(3)通过压力测试检验页面的导航能力。 易用：1.一次点击。2.减少记忆负担。3.别让用户思考。4.可及性。 如何减少用户的附加工作，保证用户的工作效率？1.保证主操作及用户常用功能的方便展现。2.合适地关闭与隐藏新手培训工具。3.平衡好视觉装饰元素对用户操作的干扰。4.不要轻易打断用户操作流。5、改善导航 两

5、种记忆负担：1.产品给予用户的记忆负担，包括产品的内容信息、操作功能等。2.用户自 己的记忆负担，包括自己的个人信息、安全问题的答案、输入内容、上次操作行为、操作流程等。 如何减轻用户的记忆负担？1.使用常用的交互方式和文案。2.保持正确的对应关系。3.控制信息量。4.帮助用户记忆。 设计方法：1.使用形状+色彩的信息提示。2.简化操作方式。3.容错和及时帮助。4.使用视觉、听觉、触觉等多元化的手法传达必要的资讯。 反馈：1.反馈及时,有效,友好2.适时帮助。 如何做到反馈及时、有效、友好：(1)及时：立刻：让用户经历最短的等待时间；适时：在最合适的时候回应用户的操作。(2)有效：交互力反馈的

6、对称性。(3)友好：不批评用户，不打扰用户。 视觉化：1.简洁清晰，自然易懂。2.突出重点，一目了然。3.标签明晰，有效。 一致性：1.系统工作的方式和人的思维方式的一致（心理一致）2.同一系统的不同部分或不同系统间有相似的显示格式（外观一致）3.同一系统的不同部分或不同系统间有相似的操作方式（行为一致）4.交互设计的目标是一致的（概念一致） 交互设计一致性的优点:1.改善了易用性和易学性2.有效降低产品的开发成本,保证质量和效率。3.帮助企业树立品牌4.提升用户满意度。 保证设计一致性的方法:1.研究用户的心理和使用习惯，尽量将用户现实世界中已有的使用经验延续到产品设计中。2.研究同类产品中

7、用户已经非常有使用经验的的设计，将其用到自己的产品中。3.同公司的一系列产品，需要通过规范来统一界面风格，文案，信息提示，布局，操作流程等各个方面，从而实现一致性的设计。4对于同一产品中同样的功能模块，一般的情况下，需保证其设计一致性。5.保证产品各个细节的设计有同样的理念。 什么时候适时帮助：(1)适时：1.在新用户第一次使用某产品功能的时候。2.在用户已经出错或将要出错的时候。3.在用户遇到不明白的问题的时候。(2)帮助：1.帮助信息明显，提示方 式灵活。2.及时反馈操作，防止用户出错；分析错误原因，给出合理建议。3.及时补充，信息完整。 什么是“简洁自然，清晰易懂”？(1)简介清晰：使信

8、息最简化。提倡使用最少的元素来表达最多的信息。如果信息负载，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。(2)自然易懂：使用用户语言。用户获取的方式多样，对信息的理解程度也各有不同，所以用户平时使用和理解的表达方式去传递信息，更容易被用户接受。如何达到“突出重点，一目了然”？ (1)为扫描而设计,不是阅读：1.尽量符合用户习惯的设计，让人接收陌生的东西需要付出代价，除非我们觉得这个代价是必需的。2.在页面上最重要的东西越突出，建立清楚的视觉层次。3.可以点击的地方必须突出，让人明显知道可以点击。4.把页面划分成明确定义的区域。 5.省略多余文字。(2)将功能“藏起

9、来”。 信息表述的种类与设计原则：1.页面布局。2.交互文本：产品界面涉及交互操作中需要用户理解并反馈的所有的文字。包括标题、按钮文字、链接文字，对话框提示、各种提示信息、帮助等。 3.界面色彩：1)根据不同的产品使用“场景”，选择其合适的颜色。如，管理界面经常使用蓝色。2)考虑颜色对用户的心理和文化的影响。比如，黄色代表警告，绿色代表成功等。3)避免界面中同时出现3种以上的颜色。4)颜色的对比度明显，如在深色的背景中使用浅色的文字。5)使用颜色指导用户关注到到最重要的信息。 4.图像图标：1)表意清晰明确，有高度的概括性与指向性，让用户能够快速的联想到对应的功能和操作。2)同类或同一纬度的信

10、息，在形式和色彩风格上尽量保持一致性；3)仅在突出重要信息，用户可能产生理解偏差的情况下使用。避免滥用。4)尽量与交互文本结合使用。 5.声音：(1)表述清晰，语气亲切，不生硬，有礼貌。(2)使用符合用户认知习惯的声音。(3)使用不让用户反感的声音。(4)在用户可预知的情况下发出声音。 好的交互文本的特征：1.表述的信息尽量口语化，不用或少用专业术语。2.表述语气柔和、礼貌，避免使用被动语态、否定句等。3.简洁清楚的表达，文字较多要适当断句，尽量避免左右滚屏，折行。4.对于同种操作的交互文本，操作行文字保持统一性。5.字体使用默认/标准的字体，大小以用户的视觉清晰分辨为主。 怎样的标签才能称作好的标签？ 1.好的标签，应该使用客户的语言，避免使用术语、行话、缩写词等用户难以理解的词语。 2.采用描述性的标签，避免使用过于宽泛的词语，尽量以某种方式加以限定。 3.标签之间的互斥性要强，尽可能地寻找差异化。 4.使用聚焦地标签 5.在粒度、语法、展现、用法等方面保持标签的一致性。 6.较长的标签往往比短标签更好，但并非越长越好。