UIDesign_万朋教育博客

UI-界面视觉设计 【kadylee】

2006-09-09 20:11

  界面视觉设计的定义 
　界面视觉设计包括接口风格设计、接口皮肤设计、图符设计、字体设计、色彩设计等。

  界面视觉设计展开的时间
　界面视觉设计分为视觉方向设计和平面设计。视觉方向设计开始于用户研究之后，目的在于定义视觉的导向；页面视觉设计是开始于交互设计
　完，通常交互设计和视觉设计和交互设计师迭代的。

  界面视觉设计的方法：
  界面设计风格定位： 根据用户研究的结论我们知道产品的最终用户群和定位，我们需要从这些内容中提取用户的对产品的喜好元素，比如喜欢看什么样的电影、喜欢什么样子的车子、喜欢什么颜色的东西、喜欢去什么样的餐厅吃饭等等。可能刚开始会定义多种风格，这些信息就可以作为我们对视觉设计的基础，根据这个总的方向我们在设计具体的接口。

  图形概念设计：根据符号学的原理，同样一个元素可以设计成多种的样式和风格，比如可以是三维效果的、可以是油画效果的、可以是线条感的等等。在这个阶段还需要采用比喻和语义的方法来设计图符，产品语义学要求产品图符能达到以下三个目的：
一、不言自明，使产品能够立即被认出来他是什么；
二、语义适应，采用易懂的操作过程构成人机界面的结构；
三、自教自学，使用户能够自然掌握操作方法。

  详细设计：在界面风格和图形设计完成后，就开始根据交互设计说明书设计所有的页面以及页面的所有的元素，定义每个接口元素的坐标，图标的状态，提交给程序员。主要包括：接口背景图片、图标及各种不同状态、色彩的定义、字体的设计等等。

 

  界面视觉设计花费的时间
　一般一个软件界面设计需要视觉设计时间为 3 周 ，根据用户研究内容和项目大小作调整。 

  界面视觉设计的文档
　

界面设计风格选择文档
　

界面设计需求调查表
　

界面设计裁图说明书
　

 裁图库

固定链接┆ 评论(0)┆ 阅读(67)┆ 引用通告(0)

UI-可用性测试 【kadylee】

2006-09-09 20:10

  可用性测试的定义
　可用性测试是指在设计过程中被用来改善易用性的一系列方法。我们为用户提供一系列操作场景和任务让他们去完成，这些场景和任务与您的产品或服务密切相关。通过观察，我们来发现过程中出现了什么问题、用户喜欢或不喜欢哪些功能和操作方式，原因是什么。针对问题所在，我们会提出改进的建议。

  可用性测试的价值
　可用性测试的价值在于及早发现您的产品或服务中将会出现的用户使用的问题，在产品开发或正式投产之前给出改进建议，以较小的投入帮助您全面改善产品，节约开发成本。

  可用性测试的开展时间
　取决于产品设计进行程度 

   可用性测试的方法
1 、一对一用户测试： 一个可用性测试部分包括测试人员（主持人 / 助理）和一个目标用户，这个目标用户会在测试人员的陪同下完成一系列的典型任务。征得参与者的同意后测试过程将被摄像，测试人员将持续观察、了解用户的操作过程、思维过程以及相关各项指标（包括用户出错次数、完成任务的时间等），记录用户遇到的可用性问题并分析。

2 、启发式评估（ Heuristics Evaluation ）： 我们邀请 5-8 名用户作为评估人员来评价产品使用中的人机交互状况，发现问题，并根据可用性设计原则提出改进方案。

  启发式评估法（ Heuristic Evaluation ）是一种用来发现用户界面设计中的可用性问题从而使这些问题作为再设计过程中的一部分被重视的内容可用性检查方法。

  启发式评估法旨在利用已确立的可用性原则来解释每个发现的可用性问题，所以要根据由已经被违背的、好的交互系统需具备的原则所规定的设计准则来制定一个修正的设计方案是相当容易的。

  根据 Nielsen （ 1994 ）的研究发现，一般情况下， 5 个评估人员能够发现 75% 的可用性问题，从可用性问题产出的市场价值与评估费用的比率来看，是较为理想的数字。

3 、焦点小组： 由 6-12 人所组成的富有创造力的小群体，在一名主持人的引导下对某一主题或观念进行讨论。藉由参与者之间的互动来激发想法和思考，从而使讨论更加深入、完整。在可用性测试中，焦点小组可用于对已有原型的比较、修改建议的讨论。

方法	特征	数据输出
一对一用户测试	多人（按客户需求）；用户实验操作；了解用户的操作和思维；专业评估人员来发现问题；数据详细深入	多层问卷、访谈记录、用户操作记录、实验录像
启发式评估	5-8 人；用户根据可用性原则来发现问题；用户对问题作优先的评定；快速；成本较低	背景资料问卷、用户评估记录、录像
焦点小组	6-12 人；成组讨论；多思路；实验周期短	问题卡片、讨论录像

  可用性测试的纬度
　典型的可用性测试会包含以下纬度：任务操作的成功率、任务操作效率、任务操作前的用户期待、任务操作后的用户评价、用户满意度、各任务出错率、二次操作成功率、二次识别率用户操作过程中各认知纬度（视产品情况而定）等。

  可用性测试花费的时间
　典型的可用性测试，需要 2 周的前期沟通和准备， 1 个星期测试， 2 个星期提交分析报告。根据测试的内容及项目规模作调整。

  可用性测试的文档
　用户甄别文档 (user screener) 
　日程安排文档 (testing schedule) 
　用户背景资料文档 (user profile) 
　用户协议 (user concert form & DNA) 
　测试脚本 (script) 
　测试前问卷 (pre-test questionnaire) 
　测试后问卷 (post-test questionnaire)
　任务卡片 (task card) 
　测试过程检查文档 (checklist) 
　过程记录文档 (logging sheet) 
　测试报告 (report) 
　影音资料 (DVD)

固定链接┆ 评论(0)┆ 阅读(72)┆ 引用通告(0)

UI-交互设计 【kadylee】

2006-09-09 20:10

   交互设计的定义
　交互设计是指设计人和产品或服务互动的一种机制 , 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程
　中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。

交互设计可以划分为纵向和横向（动态的和静态的）：

纵向太深，用户会在一层一层挖掘后，感觉焦躁，同时也容易迷失。横向太宽，信息量多了，用户会觉得复杂，找不到自己想要的东西。

相同的宽度，不同的布局，会带来不同的交互结果

   交互设计的目的
　为了产品有效易用，为了让客户对产品产生依赖，为了让客户使用产品愉悦。当客户想要设计或者改进一个交互式系统，
　使用户与其交互的过程更加有效、易用， ETU 可以为其提供交互设计服务，比如：
　　

某个交互系统，用户通过它来进行日常的工作，通过执行一系列的步骤来完成某项任务。交互设计可以系统变得简单易用，
　　　用户使用其工作的效率大大提高。
　　

某购物系统，流量很大，但是在生成订单的过程中，用户却大量流失。交互设计帮助该系统找到用户流失，不能完成购买的原因，
　　   进行改进，让用户获得良好的购买体验。 
     

某电子产品，技术先进，但其人机界面的设计可能由研发技术人员来完成，用户觉得产品的使用方法比较费解。交互设计可以帮
         助其存在的可用性问题，帮助改进，让用户很容易学会使用它。 

   交互设计的价值
    1．通过改进设计，使得产品的使用者可以很好的学习、快速有效的完成任务、访问到所需的信息、购买到所需的产品，并且在使用的过程中获得独特的体验，情感上的满足。
   2．交互设计的好坏会影响用户对产品的印象，同时也会影响用户对品牌的看法。好的交互设计会给市场带来增值、会提高用户对品牌的忠诚度、会促进销量，从而使公司业务带来良性循环。

  交互设计展开的时间
　新产品研发过程中，新的用户界面的产生可以引入交互设计。
　已有的产品，对产品的人机界面的交互部分需要改进，可以引入交互设计。

  交互设计的方法
　交互设计一般从标识需求开始，不管是新产品还是改进产品。在这之后，进行任务分析 / 功能分析 , 提出满足需求的概念设计，
　提出候选设计方案，接着制作原型的交互式版本，并进行评估，根据评估结果可能进行重新发掘需求、修改需求，也可能直接进入重设计。
　交互设计中使用的方法包括角色设定，情景设定，故事版，认知走查，用户可用性测试，眼动仪分析等等。 

  交互设计花费的时间
　根据用户研究内容和项目大小作调整。

  交互设计的文档
　1．最终原型设计 
　2．UI 设计规格说明书

固定链接┆ 评论(0)┆ 阅读(75)┆ 引用通告(0)

UI-用户研究 【kadylee】

2006-09-09 20:09

  用户研究的定义
　用户研究是用户中心的设计流程中的第一步。它是一种理解用户，将他们的目标、需求与您的商业宗旨相匹配的理想方法。
   用户研究的首要目的是帮助企业定义产品的目标用户群、明确、细化产品概念，并通过对用户的任务操作特性、知觉特征、认知心理特征的研究，
   使用户的实际需求成为产品设计的导向，使您的产品更符合用户的习惯、经验和期待。

  用户研究的价值
　用户研究不仅对公司设计产品有帮助，而且让产品的使用者受益，是对两者互利的。
　对公司设计产品来说，用户研究可以节约宝贵的时间、开发成本和资源，创造更好更成功的产品。
　对用户来说，用户研究使得产品更加贴近他们的真实需求。通过对用户理解，我们可以将用户需要的功能设计得有用易用并且强大，能解决实际问题。
　要实现以人为本的设计，必须把产品与用户的关系作为一个重要研究内容，先设计用户与产品关系，设计人机界面，按照人机界面要求再设计机器功
　能，即“先界面，后功能”，同时二者要协调配合。 我们的用户研究能够帮助改善网站、软件应用、手机、游戏等等交互式产品，包括消费类电器产
　品。

  用户研究在UCD项目中开展时间和作用
　1．在功能框架已被定义完整的项目开发过程中（国内大部分企业的现有开发流程）：
　　  用户研究帮助定义目标用户群，确定用户策略；帮助细化功能，使功能与用户需求相符合；提供 UI （ GUI ）设计的依据；
        帮助可用性测试：选择被试、具有针对性地制定测试计划、支持数据分析。

2．在新概念产品的项目开发中（未来的项目开发模式）：
用户研究帮助完善完整产品 概念；定义产品功能。

  用户研究的方法 
 　ETU 运用访谈、问卷测试和现场观察等方法，进行用户群确认与分类，再运用深度访谈、用户测试、焦点小组、启发式评估，建立用户模型。}
    为客户提供产品定位以及产品设计的依据。

步骤	方法	目的
前期用户调查	访谈法（专家访谈、深度访谈）；背景资料问卷。	目标用户定义；用户特征及设计客体特征的背景知识积累。
情景实验	验前问卷 / 访谈、观察法（典型任务操作）、有声思维、现场研究、验后回顾。	用户细分；用户特征描述；定性研究；问卷设计基础。
问卷调查	单层问卷 / 多层问卷；纸质问卷 / 网页问卷； 验前问卷 / 验后问卷；开放型 / 封闭型问卷；	获得量化数据，支持定性和定量数据分析。
数据分析	常见分析方法：单因素方差分析、描述性统计、聚类分析、相关分析等数理统计分析方法； 另：主观经验测量（常见于可用性测试的分析）； Noldus 操作任务分析仪、眼动绩效分析仪 。	用户模型建立依据；提出设计简易和解决方法的依据。
建立用户模型	任务模型；思维模型（知觉、认知特性）。	分析结果整合，指导可用性测试和界面方案设计。

  用户研究的内容：

用户群特征

产品功能架构

用户任务模型和心理模型。

用户角色设定

  用户研究花费的时间
　根据用户研究内容和项目大小作调整。

  用户研究的基本文档
　问卷调查： 《问卷设计报告》《问卷调查表》《问卷调查结果分析报告》
　用户访谈： 《被访用户筛选表》《访谈脚本》《配合记录表》《被访用户确认联系列表》《访谈阶段总结报告》；
　焦点小组：《焦点小组用户筛选表》《焦点小组执行脚本》《焦点小组参与用户确认联系列表》焦点小组影音资料；
　项目最后：《用户研究分析报告》

固定链接┆ 评论(0)┆ 阅读(79)┆ 引用通告(0)

UI设计概述 【kadylee】

2006-09-09 20:08

近几年，有一个新兴的词在设计领域诞生，这个词就是“UI”。 在短短的几年里UI设计师越来越多，设立UI部门的企业越来普遍，各大院校也出现了和UI相关的专业， UI 设计的组织和网站层出不穷。这一切都预示着一个“UI”大时代已经到来。 到底什么叫UI设计，什么是UI设计师，UI设计师负责什么，UI设计师的知识背景是什么，什么样的企业需要UI设计部门， UI 设计和ID设计的关系是什么，UI设计的发展现状是什么，UI设计的将来的是什么？我想很多人都会对这些问题感兴趣。以下是在一个一线UI设计师的视角解析这个行业，这个领域。

什么叫UI设计
　　UI的本意是用户界面( user interface ) ，概括成一句话就是——人和工具之间的界面。这个界面实际上是体现在我们生活中的每一个环节的，例如我们切菜的时候刀把手就是这个界面，开车时候方向盘和仪表盘就是这个界面 ，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面。
　　于是我们可以把UI可以分成两大类：硬件界面和软件界面。本文所关注的UI设计特指软件界面，我们也可以称为特殊的或者狭义的UI设计。

UI设计师是做什么的，背景是什么
　　UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的， 其分别是研究工具，研究人与界面的关系，研究人。

(图中：蓝色代表工具，红色代表关系，绿色代表人)

　　研究界面----图形设计师Graphic UI designer
　　国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。 这
　　些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

　　研究人与界面的关系---交互设计师，interaction designer
　　在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规
　　范（spec）等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。
　　交互设计师一般都是软件工程师背景居多。

　　研究人----用户测试/研究工程师User experience engineer 
　　任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的
　　合理性以及图形设计的美观性。测试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这
　　个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。
　　用户研究工程师一般是心理学人文学背景比较合适。
　　综上所述UI设计师就是：软件图形设计师、交互设计师和用户研究工程师。

UI设计的发展阶段
　　市场经济需要竞争，竞争就会需要设计来提高产品竞争力。2000年以前国内的UI设计刚开始萌芽，但当时做UI等于做平面设计，基本也体现在网页设计上，后来随着flash的流行，一部分美术设计师开始去思考互动性。到了2002年一些企业开始重视到UI设计的重要性，纷纷把 UI部门从软件编码团队里提出来，开始有了专门针对软件产品的图形设计师和交互设计师。2004年以后随着手机，电脑附加软件，MP3等大量产品上市，ID设计就和UI设计越来越紧密了，UI设计也开始被提升到一个新的高度和重视程度。2005年国内的UI设计已经相对成熟了，有了专门的职业分工也出现了很多不错的UI一线设计师与UI设计交流组织。

什么样的企业需要UI设计部门
　　随着“UI”热的到来，近几年国内很多从事手机，软件，网站，增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。软件UI设计师的待遇和地位也逐渐上升。

软件UI设计的将来
　　软件UI 设计应该属于ID(工业产品设计)的一个特殊形式，只是针对的材质有所不同。但随着智能化电子产品的普及，带有液晶屏显示的产品将越来越多。也就意味着越来越多的产品设计需要软件UI设计。
　　随着科技的发展，不久的将来所有的产品会组成一体，变成一个无处不在的电脑，这个电脑控制着用户的所有家用产品和资料。用户只要有自己的一个账号，就可以通过任何一个产品来控制所有其它产品，而所有的产品都具有终端的功能。而这个终端操作的基本形式就是软件的UI设计。
　　产品设计由物质设计向非物质设计转变已经开始了，而且必将成为未来产品设计的主流，一个UI大时代即将到来。