界面设计 UI.docx

艺术界面设计用户研究1交互设计4界面视觉设计6可用性测试9手机可用性测试11网站可用性测试12网站可用性评估案例13软件交互设计案例15用户研究用户研究的定义用户研究是用户中心的设计流程中的第一步。它是一种理解用户，将他们的目标、需求与您的商业宗旨相匹配的理想方法。用户研究的首要目的是帮助企业定义产品的目标用户群、明确、细化产品概念，并通过对用户的任务操作特性、知觉特征、认知心理特征的研究，使用户的实际需求成为产品设计的导向，使您的产品更符合用户的习惯、经验和期待。 用户研究的价值用户研究不仅对公司设计产品有帮助，而且让产品的使用者受益，是对两者互利的。对公司设计产品来说，用户研究可以节约宝贵的时间、开发成本和资源，创造更好更成功的产品。 对用户来说，用户研究使得产品更加贴近他们的真实需求。通过对用户的理解，我们可以将用户需要的功能设计得有用、易用并且强大，能解决实际问题。要实现以人为本的设计，必须把产品与用户的关系作为一个重要研究内容，先设计用户与产品关系，设计人机界面，按照人机界面要求再设计机器功能，即“先界面，后功能”，同时二者要协调配合。我们的用户研究能够帮助改善网站、软件应用、手机、游戏等等交互式产品，包括消费类电器产品。 用户研究在UCD项目中开展时间和作用1 在功能框架已被定义完整的项目开发过程中（国内大部分企业的现有开发流程）： 用户研究帮助定义目标用户群，确定用户策略；帮助细化功能，使功能与用户需求相符合；提供 UI (GUI)设计的依据；帮助可用性测试：选择被试、具有针对性地制定测试计划、支持数据分析。 2 在新概念产品的项目开发中（未来的项目开发模式）： 用户研究帮助完善完整产品 概念；定义产品功能。用户研究的方法ETU 运用访谈、问卷测试和现场观察等方法，进行用户群确认与分类，再运用深度访谈、用户测试、焦点小组、启发式评估，建立用户模型。为客户提供产品定位以及产品设计的依据。 用户研究的内容用户群特征 产品功能架构 用户任务模型和心理模型。 用户角色设定用户研究花费的时间根据用户研究内容和项目大小作调整。 用户研究花的基本文档问卷调查：问卷设计报告问卷调查表问卷调查结果分析报告用户访谈：被访用户筛选表访谈脚本配合记录表被访用户确认联系列表访谈阶段总结报告焦点小组：焦点小组用户筛选表焦点小组执行脚本焦点小组参与用户确认联系列表焦点小组影音资料项目最后：用户研究分析报告 ETU的用户研究与调研公司的差别ETU： 1 对于不同文化背景用户根据系统的心理模型研究定位产品设计方向, 关注用户的价值观、基本的知觉特性、操作习惯和思维方式，这些因素是稳定的可持续的，这些因素的调查才能够真正对产品的开发有用。 2 用科学测量方法和仪器，全程参与产品的需求、设计、测试研发过程，提供系统的数据支持。 调研公司： 主要关注产品现有的销售情况、使用优缺点、用户现有态度和看法，关注用户行为数据的收集，从而预测需求，这些因素容易受外界因素的影响而变化，是不稳定的，难以对未来的设计和产品开发起指导作用。交互设计交互设计的定义交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计可以划分为纵向和横向（动态的和静态的）纵向太深，用户会在一层一层挖掘后，感觉焦躁，同时也容易迷失。横向太宽，信息量多了，用户会觉得复杂，找不到自己想要的东西。交互设计的目的为了产品有效易用，为了让客户对产品产生依赖，为了让客户使用产品愉悦。当客户想要设计或者改进一个交互式系统，使用户与其交互的过程更加有效、易用，ETU 可以为其提供交互设计服务，比如： 某个交互系统，用户通过它来进行日常的工作，通过执行一系列的步骤来完成某项任务。交互设计可以系统变得简单易用，用户使用其工作的效率大大提高。 某购物系统，流量很大，但是在生成订单的过程中，用户却大量流失。交互设计帮助该系统找到用户流失，不能完成购买的原因，进行改进，让用户获得良好的购买体验。 某电子产品，技术先进，但其人机界面的设计可能由研发技术人员来完成，用户觉得产品的使用方法比较费解。交互设计可以帮助其存在的可用性问题，帮助改进，让用户很容易学会使用它。交互设计的价值通过改进设计，使得产品的使用者可以很好的学习、快速有效的完成任务、访问到所需的信息、购买到所需的产品，并且在使用的过程中获得独特的体验，情感上的满足。 交互设计的好坏会影响用户对产品的印象，同时也会影响用户对品牌的看法。好的交互设计会给市场带来增值、会提高用户对品牌的忠诚度、会促进销量，从而使公司业务带来良性循环。 交互设计的开展时间新产品研发过程中，新的用户界面的产生可以引入交互设计。已有的产品，对产品的人机界面的交互部分需要改进，可以引入交互设计。交互设计的方法交互设计一般从标识需求开始，不管是新产品还是改进产品。在这之后，进行任务分析 /功能分析, 提出满足需求的概念设计，提出候选设计方案，接着制作原型的交互式版本，并进行评估，根据评估结果可能进行重新发掘需求、修改需求，也可能直接进入重设计。 交互设计中使用的方法包括角色设定，情景设定，故事版，认知走查，用户可用性测试，眼动仪分析等等。交互设计花费的时间根据用户研究内容和项目大小作调整。 交互设计的文档最终原型设计UI 设计规格说明书界面视觉设计界面视觉设计的定义界面视觉设计 包括接口风格设计、接口皮肤设计、图符设计、字体设计、色彩设计等。 界面视觉设计的开展时间界面视觉设计分为视觉方向设计和平面设计。视觉方向设计开始于用户研究之后 ,目的在于定义视觉的导向;页面视觉设计是开始于交互设计完成,通常交互设计和视觉设计和交互设计师迭代的。 界面视觉设计的方法界面设计风格定位：根据用户研究的结论我们知道产品的最终用户群和定位，我们需要从这些内容中提取用户的对产品的喜好元素，比如喜欢看什么样的电影、喜欢什么样子的车子、喜欢什么颜色的东西、喜欢去什么样的餐厅吃饭等等。可能刚开始会定义多种风格，这些信息就可以作为我们对视觉设计的基础，根据这个总的方向我们在设计具体的接口。 图形概念设计：根据符号学的原理，同样一个元素可以设计成多种的样式和风格，比如可以是三维效果的、可以是油画效果的、可以是线条感的等等。在这个阶段还需要采用比喻和语义的方法来设计图符，语义学要求图符能达到以下三个目的：一、不言自明，使产品能够立即被认出来他是什么；二、语义适应，采用易懂的操作过程构成人机界面的结构；三、自教自学，使用户能够自然掌握操作方法。 详细设计：在界面风格和图形设计完成后，就开始根据交互设计说明书设计所有的页面以及页面的所有的元素，定义每个接口元素的坐标，图标的状态，提交给程序员。主要包括：接口背景图片、图标及各种不同状态、色彩的定义、字体的设计等等。 界面视觉设计花费的时间一般一个软件界面设计需要视觉设计时间为 3 周 ，根据用户研究内容和项目大小作调整。界面视觉设计的文档界面设计风格选择文档界面设计需求调查表界面设计裁图说明书裁图库可用性测试可用性测试的定义可用性测试是指在设计过程中被用来改善易用性的一系列方法。我们为用户提供一系列操作场景和任务让他们去完成，这些场景和任务与您的产品或服务密切相关。通过观察，我们来发现过程中出现了什么问题、用户喜欢或不喜欢哪些功能和操作方式，原因是什么。针对问题所在，我们会提出改进的建议。 可用性测试的价值可用性测试的价值在于及早发现您的产品或服务中将会出现的用户使用的问题，在产品开发或正式投产之前给出改进建议，以较小的投入帮助您全面改善产品，节约开发成本。可用性测试在UCD项目中开展时间取决于产品设计进行程度 可用性测试的方法1 一对一用户测试： 一个可用性测试部分包括测试人员（主持人 / 助理）和一个目标用户，这个目标用户会在测试人员的陪同下完成一系列的典型任务。征得参与者的同意后测试过程将被摄像，测试人员将持续观察、了解用户的操作过程、思维过程以及相关各项指标（包括用户出错次数、完成任务的时间等），记录用户遇到的可用性问题并分析。 2 启发式评估（Heuristics Evaluation ）： 我们邀请 5-8 名用户作为评估人员来评价产品使用中的人机交互状况，发现问题，并根据可用性设计原则提出改进方案。 启发式评估法（Heuristics Evaluation ）是一种用来发现用户界面设计中的可用性问题从而使这些问题作为再设计过程中的一部分被重视的内容可用性检查方法。 启发式评估法旨在利用已确立的可用性原则来解释每个发现的可用性问题，所以要根据由已经被违背的、好的交互系统需具备的原则所规定的设计准则来制定一个修正的设计方案是相当容易的。 根据 Nielsen （ 1994 ）的研究发现，一般情况下，5 个评估人员能够发现 75% 的可用性问题，从可用性问题产出的市场价值与评估费用的比率来看，是较为理想的数字。3 焦点小组：由 6-12 人所组成的富有创造力的小群体，在一名主持人的引导下对某一主题或观念进行讨论。藉由参与者之间的互动来激发想法和思考，从而使讨论更加深入、完整。在可用性测试中，焦点小组可用于对已有原型的比较、修改建议的讨论。可用性测试的纬度典型的可用性测试会包含以下纬度：任务操作的成功率、任务操作效率、任务操作前的用户期待、任务操作后的用户评价、用户满意度、各任务出错率、二次操作成功率、二次识别率用户操作过程中各认知纬度（视产品情况而定）等。 可用性测试花费的时间 典型的可用性测试，需要 2 周的前期沟通和准备， 1 个星期测试， 2 个星期提交分析报告。根据测试的内容及项目规模作调整。 可用性测试的文档日程安排文档 (testing schedule) 用户背景资料文档 (user profile) 用户协议 (user concert form & DNA) 测试脚本 (script) 测试前问卷 (pre-test questionnaire) 测试后问卷 (post-test questionnaire) 任务卡片 (task card) 测试过程检查文档 (checklist) 过程记录文档 (logging sheet) 测试报告 (report) 影音资料 (DVD) 手机可用性测试可用性测试在手机这个行业里已经不陌生了，特别是规模较大的公司更是非常重视。但是到底一款手机要做多少次的可用性测试以及在什么阶段进行呢？这确是困扰大家的一个问题。在这里，ETU 公司把可用性测试分为四个类型，分别讲述在手机开发的各个阶段的不同的可用性测试。 A. 多方案可用性比较评价 在手机设计的前期和中期，往往会有多种方案产生，包括外观设计、概念设计、交互设计、界面风格、界面设计。这种情况下就需要运用多方案比较的方式来分析各方案的优缺点从而得出最优的设计方案。在将要开发新手机的时候也会先比较市场上各手机的优劣情况，来作为下一款手机的设计输入。 测试的主要内容 ： 外观 ：形状、大小、厚薄、重量、色彩、材质、手感等 10 个纬度的比较。 界面设计 ：屏幕显示图标符号的含义识别、图标显示位置、图标大小、菜单样式等 12个纬度的比较。 交互方式 ：时间效率、动作效率、流程合理性、一致性、易学习性、用户满意度方面的比较。 软硬件配合 ：按键色彩与材质搭配、按键上的符号识别、面板上符号与按键配合等纬度的比较。 不同的纬度比较需要使用相应的可用性测试方法 B. 手机软硬件可用性测试手机的硬件外观设计固然重要，但软硬件的设计是否协调是否好用、高效却直接影响到最终用户今后使用手机的真实感受。软硬件操作设计不协调会引起用户使用手机时的误操作、降低效率，影响了用户使用手机的满意度，从而影响了用户对品牌认可度和忠诚度。 测试形式 ：1 专家评估：在硬件的模具出来的时候，软件界面只是原型，所以不能正常使用，这时候需要通过专家评估的方式来做；2 一对一实验室可用性测试：在软硬件都已经相对稳定，或者可以是 beta 版的时候执行。 测试的主要内容 ： 触摸屏手机：屏幕位置、屏幕按键标识、硬件按键的布局、硬件按键的识别性等 10 个参数。 键盘手机：按键和屏幕的对应关系、屏幕设计和按键设计的一致性、完成若干主要任务的手指移动距离和弯曲弧度。 C. 手机交互设计评价 由于手机是移动便携式产品，所以注定手机的体积小巧，屏幕面积小，要在如此小巧的手机上实现厂商追加的功能使得功能的设计更加要考虑手机信息架构的设计，从而手机的交互设计显得更加重要。这时候需要以效率、易学习性、动作负荷等为指标来评价手机的交互设计，并提供手机交互设计整体解决方案。 测试主要内容 ： 典型任务：拨打电话、保存电话号码及电话本设置、通过通讯录拨打电话、发送短信息给通讯录中的联系人、设置闹钟、改变情景模式等 6-10 个任务的用户体验测试。 任务指标：时间效率、手指负荷、任务正确率、易学习性、满意度。 D. 手机界面设计评价手机的界面设计，尤其是首页面以及二级三级页面的设计，对于手机是致关重要的因素；手机的图形界面测试可以检查和纠正界面的风格设计以及具体的界面内容设计。 测试主要内容 ： 风格测试 ：色彩、质感、布局、字体、图符、审美意象。 内容测试 ：易读性、注视区域（ AOI ）、 首视点、 视觉驻留时间、 频度。网站可用性测试网页用户研究： 研究用户特点，确定网页使用的目标用户群，构建网页用户心理和需求模型，为网页优化提供设计基础。 网页可用性测试：对网页设计原型，或者网页进行可用性测试，确定网页的可用性程度和问题所在，为提高网页的可用性提出完整的解决方案。 网页界面和导航优化设计： 基于用户和可用性测试结果，通过研究，最终实现网页设计的优化，具体的研究包括： 界面研究：对网页界面图符、字体、色彩、菜单、版面设计、整体布局、广告设置等设计要素的可用性研究。 导航研究：对用户操作流程、浏览方式等研究。 我们的技术焦点小组、访谈、现场观察、启发式评估、问卷采用焦点小组、访谈这些常用可用性研究方法研究网页用户的操作特点、规律、习惯和偏爱。 可用于：建立用户模型 分析用户产品偏爱 调查用户产品使用的态度 分析用户产品使用的特点 眼动绩效分析使用美国 ASL（应用科学实验室）最新的眼动跟踪系统，通过记录、分析眼睛注视点，扫描轨迹和瞳孔直径等眼动绩效指标，构建用户在网页操作时的眼动操作模型，用数据表征用户对网页的关注点、观察网页各视觉对象的先后顺序，对各视觉对象的注视时间和感兴趣区域（ AOI 、Area of Interest ）。 可用于： 评价版面和栏目设计 分析网页总体和局部密度 评价网页内容分析 评价标题和字体设计 评价网页的美工设计 评价网页广告设置 操作任务分析 使用在荷兰 Noldus 公司最新的动作分析系统基础上专门开发的网页操作测试系统，通过记录用户网页屏幕操作（驻留点、操作流程等），用户操作表情、用户键盘鼠标操作轨迹等各实证指标，构建用户在网页操作时的操作动作模型，分析用户网页操作的绩效（时间和准确率），操作过程和操作难点（易错点）。 可用于： 评价网页操作的绩效 分析网页操作的路径 分析网页浏览特点分析网页迷路特征 分析网页操作错误特点 网站可用性评估案例客户： 阿里巴巴中国网站项目执行时间：1个月 项目执行地点：中国杭州阿里巴巴中国网站 测试对象：阿里巴巴中国网站Offer List页面被测用户：若干名分级用户项目介绍 测试过程 项目案例 标准文档 项目介绍： 阿里巴巴（ ）是全球企业间（ B2B ）电子商务的著名品牌，是全球国际贸易领域内最大、最活跃的网上交易市场和商人社区，每日向全球各地企业及商家提供几百万条商业供应信息，成为全球商人网络推广的首选 B2B 网站。 阿里巴巴网站的供应信息页面设计的目的是提供给买家供应信息，让买家更方便找到自己想要的东西，让商家信息更好的吸引买家，也就是提高商家信息的点击率。通过对目标用户的测试观察用户使用 “ 阿里巴巴中国网站 List 页面 ” 的情况，了解他们对网站使用的需求和期待，明确网页上现存问题，并由此提高信息条目的点击率，这就是此次可用性测试的目的。 测试过程： 项目案例： 如何结合线上数据与线下测试方法设计可用性方案？线上数据是我们的很好的一项资源，它能够弥补线下测试的不足。首先，线上能够帮助我们快速地发现实际问题，在此基础上，我们利用线下的测试和用户调查来解释问题、理解问题并给出建议；其二，线下测试和用户调查由于人数和调查内容的限制，只是一种定性的研究方法，线上数据能够对我们的调查结果给出定量的支持；第三，线上数据的变化能够检验测试给出建议的可行性。当然，线上数据的获取与线下测试的思路并不一致，如何结合两者来设计改善网站可用性的方案，关键在于找到两类数据的结合点。 选择什么样的标准判断网页的可用性？页面链接的点击率是判断网站价值的一个指标。因此，可用性测试是否有助于提高网页价值的一个重要判断标准就是：在同等条件下，根据测试结果改进后的网页上的点击率是否也得到相应提升。不可否认，有时网站的商业目的与改善用户体验的测试目的并不完全一致，在项目中我们努力在两者之间寻找平衡点，希望在提升网站用户体验的同时，符合网站给出的判断标准。寻找用户能够理解的方式来表达信息：使用用户的语言来编写网站内容，使用用户的思路给出用户期待的信息，这是作为信息交流平台的商务网站的理想的用户体验状态，要做到这些，我们首先要做的是了解：我们的用户是哪一群人？他们有什么特点？他们想要什么？他们日常获取信息的