用户界面设计整理.docx

用户界面设计整理 专家用户：(1)专家需要的快捷模式。(2)专家用户会持续学习。(3)专家用户更希望有更新更强大的功能。 3.用户研究方法 1)定性研究的目标 （1）现有的产品和使用情况 （2）潜在用户的情况 （3）产品中涉及的技术情况 2)定性研究的方法 3)建立人物角色模型步骤： 研究准备与数据收集 亲和图：是把大量收集到的事实、意见或构思等定性资料，将其相近性进行归纳整理的一种方法。 用户角色框架 优先级排列：考虑1.使用频率2市场大小3收益的潜力4竞争优势/策略等 用户角色（这里主要是完善用户角色） 4.了解用户需求的意义：(1)对于项目：要保证项目顺利进行，交互和视觉设计能够更好地表达产品意图，我们需要对产品有了解，不能望文生义。(2)对于产品：摸清产品的底线，抓住基础需求，改善基础体验，才能降低用户的门槛，有利于项目、产品的可持续发展。(3)对于资源：在没有用户研究团队支援的情况下，通过快捷、便利的方法，独立研究，产生结论，无疑是节约资源的最佳办法。 1.互联网的本质：信息的传递。 2.信息可视化概念：研究大规模非数值型信息资源的视觉呈现，如软件系统中众多的文件或者一行行的程序代码，以及利用图形图像方面的技术与方法，帮助人们理解数据。科学可视 化处理的数据具有天然几何结构，信息可视化处理的数据更为抽象。 3.信息可视化形式：柱状图、趋势图、流程图、UML图、树状图。 交互设计的优劣直接影响操作结果和用户感受。 4.信息可视化中的交互设计包括：数字交互、人机交互。 5.人机交互要达到两个阶段的目标：可用性目标、用户体验目标。 6.信息可视化(Information Visualization)包含两个过程：1)将数据转化为视觉图形。2)通过人机交互，用户控制转化过程的各个阶段以获取信息。 7.界面隐喻：以现实世界上已经存在的事物为蓝本，通过对界面组织和交互方式的比拟，将人们对这些事物的知识运用到人机界面中来，从而减少用户必需的认知和努力。界面隐喻是指导用户界面设计和实现的基本思想。 8.信息可视化原则：对原始数据进行筛选寻找合乎用户心智模型的视觉呈现形式信息元素的正确表示清晰简洁的传达信息提供给用户多种选择 1.交互设计中的问题分为：引导、易用、反馈、视觉化。 引导：操作入口明确：(1)强化重点，弱化周边。(2)入口信息明确，易识别。(3)根据用户定制合适的入口。 避免用户迷路：(1)帮助用户确定“当前位置”(2)根据用户需求，确定导航机制。(3)通过压力测试检验页面的导航能力。 易用：1.一次点击。2.减少记忆负担。3.别让用户思考。4.可及性。 如何减少用户的附加工作，保证用户的工作效率？1.保证主操作及用户常用功能的方便展现。2.合适地关闭与隐藏新手培训工具。3.平衡好视觉装饰元素对用户操作的干扰。4.不要轻易打断用户操作流。5、改善导航 两种记忆负担：1.产品给予用户的记忆负担，包括产品的内容信息、操作功能等。2.用户自 己的记忆负担，包括自己的个人信息、安全问题的答案、输入内容、上次操作行为、操作流程等。 如何减轻用户的记忆负担？1.使用常用的交互方式和文案。2.保持正确的对应关系。3.控制信息量。4.帮助用户记忆。 设计方法：1.使用形状+色彩的信息提示。2.简化操作方式。3.容错和及时帮助。4.使用视觉、听觉、触觉等多元化的手法传达必要的资讯。 反馈：1.反馈及时,有效,友好2.适时帮助。 如何做到反馈及时、有效、友好：(1)及时：立刻：让用户经历最短的等待时间；适时：在最合适的时候回应用户的操作。(2)有效：交互力反馈的对称性。(3)友好：不批评用户，不打扰用户。 视觉化：1.简洁清晰，自然易懂。2.突出重点，一目了然。3.标签明晰，有效。 一致性：1.系统工作的方式和人的思维方式的一致（心理一致）2.同一系统的不同部分或不同系统间有相似的显示格式（外观一致）3.同一系统的不同部分或不同系统间有相似的操作方式（行为一致）4.交互设计的目标是一致的（概念一致） 交互设计一致性的优点:1.改善了易用性和易学性2.有效降低产品的开发成本,保证质量和效率。3.帮助企业树立品牌4.提升用户满意度。 保证设计一致性的方法:1.研究用户的心理和使用习惯，尽量将用户现实世界中已有的使用经验延续到产品设计中。2.研究同类产品中用户已经非常有使用经验的的设计，将其用到自己的产品中。3.同公司的一系列产品，需要通过规范来统一界面风格，文案，信息提示，布局，操作流程等各个方面，从而实现一致性的设计。4对于同一产品中同样的功能模块，一般的情况下，需保证其设计一致性。5.保证产品各个细节的设计有同样的理念。 什么时候适时帮助：(1)适时：1.在新用户第一次使用某产品功能的时候。2.在用户已经出错或将要出错的时候。3.在用户遇到不明白的问题的时候。(2)帮助：1.帮助信息明显，提示方 式灵活。2.及时反馈操作，防止用户出错；分析错误原因，给出合理建议。3.及时补充，信息完整。 什么是“简洁自然，清晰易懂”？(1)简介清晰：使信息最简化。提倡使用最少的元素来表达最多的信息。如果信息负载，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。(2)自然易懂：使用用户语言。用户获取的方式多样，对信息的理解程度也各有不同，所以用户平时使用和理解的表达方式去传递信息，更容易被用户接受。如何达到“突出重点，一目了然”？ (1)为扫描而设计,不是阅读：1.尽量符合用户习惯的设计，让人接收陌生的东西需要付出代价，除非我们觉得这个代价是必需的。2.在页面上最重要的东西越突出，建立清楚的视觉层次。3.可以点击的地方必须突出，让人明显知道可以点击。4.把页面划分成明确定义的区域。 5.省略多余文字。(2)将功能“藏起来”。 信息表述的种类与设计原则：1.页面布局。2.交互文本：产品界面涉及交互操作中需要用户理解并反馈的所有的文字。包括标题、按钮文字、链接文字，对话框提示、各种提示信息、帮助等。 3.界面色彩：1)根据不同的产品使用“场景”，选择其合适的颜色。如，管理界面经常使用蓝色。2)考虑颜色对用户的心理和文化的影响。比如，黄色代表警告，绿色代表成功等。3)避免界面中同时出现3种以上的颜色。4)颜色的对比度明显，如在深色的背景中使用浅色的文字。5)使用颜色指导用户关注到到最重要的信息。 4.图像图标：1)表意清晰明确，有高度的概括性与指向性，让用户能够快速的联想到对应的功能和操作。2)同类或同一纬度的信息，在形式和色彩风格上尽量保持一致性；3)仅在突出重要信息，用户可能产生理解偏差的情况下使用。避免滥用。4)尽量与交互文本结合使用。 5.声音：(1)表述清晰，语气亲切，不生硬，有礼貌。(2)使用符合用户认知习惯的声音。(3)使用不让用户反感的声音。(4)在用户可预知的情况下发出声音。 好的交互文本的特征：1.表述的信息尽量口语化，不用或少用专业术语。2.表述语气柔和、礼貌，避免使用被动语态、否定句等。3.简洁清楚的表达，文字较多要适当断句，尽量避免左右滚屏，折行。4.对于同种操作的交互文本，操作行文字保持统一性。5.字体使用默认/标准的字体，大小以用户的视觉清晰分辨为主。 怎样的标签才能称作好的标签？ 1.好的标签，应该使用客户的语言，避免使用术语、行话、缩写词等用户难以理解的词语。 2.采用描述性的标签，避免使用过于宽泛的词语，尽量以某种方式加以限定。 3.标签之间的互斥性要强，尽可能地寻找差异化。 4.使用聚焦地标签 5.在粒度、语法、展现、用法等方面保持标签的一致性。 6.较长的标签往往比短标签更好，但并非越长越好。