用户界面设计课件

► ►
4.交互设计的目标
►
可用性目标：
可行性：可行性是最常见、最基本的目标，指的是产品是否“可行”。也就 是用户能否通过产品达到意图，还有达到意图的程度有多少。 有效性：有效性指的是用户在执行任务时，系统支持用户的方式是否有效， 从而避免繁琐的操作。
►
►
用户研究的内容
►
用户研究的内容包括: 目标群体的界定 用户心理模型的建构 用户需求分析 任务分析/工作流程分析 工作环境分析等
用户研究的方法
►
1.场景观察法
按照观察的场景条件，场景观察法可以分为“自然场景中的 观察”与“实验室观察”。 按观察者是否直接参与被观察者所从事的活动，场景观察法 可分为“参与式观察”与“非参与式观察”。
人—计算机系统组成
►
软件界面（狭义）
命令语言界面 菜单选择界面 对话框界面 WIMP界面（Windows, Icons, Menus, Pointing Devices）
►
UI：用户界面，User interface。从字面上看是用户与界面2 个组成部分，但实际上还包括用户与界面之间的交互关系。 所以界面设计的工作可分为3个方向，他们分别是：用户研 究与概念设计、交互设计、界面的视觉设计。
►
与界面设计相关的交叉领域
社会学与人类学
►
社会学主要涉及到人机系统对社会结构影响的研究，而人类学则涉及到人机系统 中群体交互活动的研究。
►
在用户研究中的许多研究手段、研究方法，都是从社会学和人类学中借鉴过来 的。比如说上下文调查、焦点小组、用户访谈和用户观察等。
人机工程学里的人机界面► Nhomakorabea►
在人机工程学中，人机界面是人与系统进行交互的操作方式， 即用户与系统互相传递信息的媒介，其中包括信息的输入和 输出。它可分为广义的人机界面和狭义的人机界面。 广义的人机界面：人机系统(Human-Machine System)包括人、机和环境三个组
►
►
与界面设计相关的交叉领域
计算机科学
►
研究对象：界面设计本身已经成为了计算机科学研究的对象，20世纪七八十年 代，随着软件工程和商业软件产品的兴起，对于用户界面设计的研究也纳入到了 计算机科学研究的领域。 技术支持：对于新型的交互手段的研究也与计算机科学的发展密切相关。虚拟现 实技术、语音识别、姿势表情识别等都需要计算机科学的支持。
►
► ►
原型在产品设计中的组织结构
►
根据产品设计以及界面设计流程中的不同时期，以及不同时期中原型设 计的不同特点，原型设计可以分为： 低保真（lo-fi）、中保真（mi-fi）和高保真（hi-fi）三部分。
► ►
5.启发式评估： 让3-5名评估者独立地对界面进行检查，所有评估者都完成评估之后才允 许他们进行交流，把发现的问题进行归纳总结。 评估者应对系统相当了解，同时又应该具备一定的使用性知识。
►
►
►
2.问卷调查法 它具有简明、通俗、客观、真实、反馈快、保密性好等特点， 可以在较大的范围同时使用于众多的被访人，因此能在较短 的时间内搜集到大量的数据。
►
►
问卷调查研究获得成功必不可少的四个因素： A 高质量的问卷设计， B 合理的调查对象抽样限定， C 严格的调查过程监督机制， D 科学的数据分析方法是。
►
►
在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最 终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计 很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进 步而是让人感到愚弄与羞辱。
2.交互设计的内容
► ►
►
►
理解用户需求，从而建立明确的需求 开发满足需求的一些候选方案 制作设计方案的原型 用户测评和评估
成部分，它们相互联系构成一个整体。可以用一个模型来描述人机系统。在人机系统模型 中，人与机之间存在一个相互作用的“面”，称为人—机界面，即广义的人机界面。人与 机之间的信息交流和控制活动都发生在人机界面上。
人机系统模型
人机系统模型
• 硬件界面 (广义) 硬件输入设备（各种按钮、操作控制器） 硬件输出设备（各种显示器、指示灯、扬声器） 其他新型硬件
► ►
狭义的人机界面： 狭义的人机界面主要指的 是计算机系统中的人机界 面(Human-Computer Interface)，又称用户界 面。是计算机科学与心 理学、图形艺术、认知 科学和人机工程学的交 叉研究领域，是人与计算 机之间传递和交换信息的 媒介，是计算机系统向用 户提供的综合操作环境。
►
►
使用性实验室
可用性测试
大量的个案研究证明:对5–7人的 测试就可以找出产品中75-80% 需要改善的地方。
交互设计
► ►
►
►
1.交互设计的概念 2.交互设计的内容 3.交互设计的特征 4.交互设计的目标
1.交互设计的概念
►
所谓交互设计，是指设计师对产品与它的使用者之间的互动机制进行分 析、预测、定义、规划、描述和探索的过程。 简单说，即设计和定义使用者如何使用一产品达到其目标，完成某一任 务的过程。
►
微软“软件+服务”架构理念带来的新的工作与生活方式。
►
【未来界面】【交互虚拟手机】qq概念设计.flv
几个名词
► ►
► ► ►
FACE Inter（交互）+face = Interface（人机）界面 Interface 名词 n. 1. 界面,分界面 2. 接合部 3. 【电脑】接口;连系装置 Human-Computer Interface, HCI 人机界面 User Interface 用户界面 GUI= Graphical User Interface 图形用户界面
什么是 GUI/HUI/WUI？
►
GUI
►Graphics
User Interface 图形用户界面 有时也称为WIMP=Window/Icon/Menu/Pointing Device 窗口、图标、菜单、指点设备
► ►
HUI
►Handset
User Interface 手持设备用户界面
WUI
►Web
用户界面设计的流程
►
用户研究-交互设计-界面视觉设计-可用性评估
界面结构和设计流程之间的关系 用户界面设计
用户研究
可用性测试
信息内容设计 交互设计
视觉艺术设计
用户界面设计
用户界面设计
►
用户界面设计不是界面程序设计，也不是界面图形设计
用户研究
►
►
用户研究是一个跨学科的专业，涉及可用性工程、人类功效学、心理学、 市场研究学、教育学、设计学等学科。 用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产 品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要 求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一 个新产品概念。它是得到用户需求和反馈的途径，也是检验界面与交互 设计是否合理的重要标准。 用户研究包含两个方面： 可用性工程（usability Engineering），研究如何提高产品可用性， 使产品系统的设计更容易被人使用、学习和记忆； 通过可用性工程学研究，发掘用户的潜在需求（consumer insight），为产品创新提供另外一条思路和方法。 用户研究的结果是得出：新软件产品开发的设计概念与设计结构。
用户界面设计
User Interface Design
引言
►
每天中的任何时刻，都有近千万人在发送E-mail、打手机、发送消息、 听MP3、上网等等。优秀的工程师与技术人员让这些成为可能，而交互 设计师与界面设计师会让这些事情变得可用、有用和有趣。
每天我们都能从好的交互和界面设计中受益： 走到ATM机前面，轻触几下屏幕，取出一些现金； 沉浸在电脑游戏中； 在网上购物； 用手机上微博； 在QQ上更新自己的状态… 同时，有时我们也不得不遭受各种不好的交互和界面设计的折磨，大量的交互与界面的设计问题正待解 决，例如： 费劲的将手机中的内容和计算机进行同步； 不知道如何设置微波炉的时钟； 不知道如何在自助售票机前购买一张地铁票或高铁车票，或者查询列车……
UI：本意是用户界面，是英文User和interface的缩写。从字面上看是用 户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所 以界面设计的工作可分为3个方向，他们分别是：用户研究与概念设计、 交互设计、界面的视觉设计。
►
►
GUI：很多人认为用户界面这个术语特指现在的图形用户界面（GUI） (Graphical User Interface )，拥有窗口（windows）、图标（icon），用 鼠标（points）控制的菜单（menu）。 UI ≠GUI UI > GUI
交互设计内容间的相互关系
3.交互设计的特征
►
以用户为中心，意思就是“让用户参与整个项目开发过程”。这是交互 设计的一个重要观点，因为只有用户才是产品成功与否的最终评判者。 建立明确具体的可用性标准。 反复迭代 ，你就能利用反馈来改进设计。反复进行“设计—测试”，测 试就会更全面、更彻底，最终能够发现并解决绝大多数的问题，检测方 案是不是能够满足需求。
致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解 “人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它 们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟 通。
►
►
►
交互设计是对以往的人机工程研究相关研究的继承与超越。
此处是一个三分钟的视频文件
►
►
►
早在1990年，著名设计公司IDEO的负责人Bill就意识到他们在创造一种 新的、不同于交流设计，也不是计算机科学，而是用来连接用户和产品 的新学科，成为交互设计（Interaction Design ）。