106
讲座即将开始 业信息系统研发与实施技术系列讲座

用户体验设计思想

Embed Size (px)

Citation preview

Page 1: 用户体验设计思想

讲座即将开始

“企业信息系统研发与实施技术”系列讲座

Page 2: 用户体验设计思想

User Experience Design

用 户 体 验 设 计 思 想

国网电力科学研究院 / 南瑞集团

信息技术研究所 / 信息系统分公司

开 发 部

李 昕

今日议题

用 户 体 验 设 计

常 见 的 用 户 界 面 类 型

用 户 体 验 设 计 的 目 标

如 何 学 好 用 户 体 验 设 计

人 机 交 互 的 未 来

“企业信息系统研发与实施技术”系列讲座

Page 3: 用户体验设计思想

beginning 开篇

Page 4: 用户体验设计思想

第一章 用户体验设计

定义什么是用户体验(UE)和用户体验设计(UED)

Page 5: 用户体验设计思想

什么是UE

UE是用户体验(User Experience)是一种纯主观的心理感受,是在用户使用产品或享受服务的过程中建立起来的。

用户体验主要指用户和人机界面的交互过程。

Page 6: 用户体验设计思想

什么是UED

UED是用户体验设计(User Experience Design )的缩写。

UED基于人机交互、图形化设计、界面设计、工业设计和其他相关理论进行设计

Page 7: 用户体验设计思想

用 户 体 验 学 科 发 展 观

Page 8: 用户体验设计思想

体验 eXperience

场景:酒店

Page 9: 用户体验设计思想

某高级酒店

Page 10: 用户体验设计思想

某师范大学大坑附近

Page 11: 用户体验设计思想

用户体验

用户体验来自于用户自身的主观感受

用户体验是一门综合性的学科

用户体验设计有工业规范遵循

用户体验设计需要人性化的人文关怀

用户体验设计需要设计师同时对用户和所处行业、业务有深入的了解

Page 12: 用户体验设计思想

用户界面

用户界面是指用户与计算机信息交换的软件、硬件部分。

软件部分包括用户与计算机信息交换的约定、操作命令等处理软件

硬件部分包括输入装置和输出装置。

Page 13: 用户体验设计思想

历史回顾

Windows简史 1985-2009

Page 14: 用户体验设计思想

Windows 1.0 - 1985

Page 15: 用户体验设计思想

Windows 2.0 - 1987

Page 16: 用户体验设计思想

Windows 3.0 - 1990

Page 17: 用户体验设计思想

Windows 95 - 1995

Page 18: 用户体验设计思想

Windows 2000 - 2000

Page 19: 用户体验设计思想

Windows XP - 2001

Page 20: 用户体验设计思想

Windows Vista - 2007

Page 21: 用户体验设计思想

Windows 7 - 2009

Page 22: 用户体验设计思想

常见的用户界面类型

命令行界面(CUI)

•俗称DOS界面,由字符组成的界面,结合键盘交互,占用资源小

图形界面(GUI)

•采用图形方式显示,通常支持键盘和鼠标,界面美观

Web 界面(Web UI)

•采用动态网页的形式,结合Flash等技术,界面新潮

移动界面(Mobile UI)

•GUI的一种,专为小屏幕和小键盘设计的人机界面

Page 23: 用户体验设计思想

体验 eXperience

无所不在的用户界面

Page 24: 用户体验设计思想

Step 1Henry 使用照相机拍摄了一组

照片。

体验:无所不在的界面

Page 25: 用户体验设计思想

Step 2Henry 使用 Photoshop 修改

加工照片。

体验:无所不在的界面

Page 26: 用户体验设计思想

Step 3Henry 访问 GMail,将照片用

邮件发送给 Marshall。

体验:无所不在的界面

Page 27: 用户体验设计思想

Step 4Email 服务器在后台处理,并

最终将邮件顺利发送给了

Marshall。

体验:无所不在的界面

Page 28: 用户体验设计思想

Step 5Marshall 在 iPhone 手机上收

到邮件,并分享了 Henry 的

照片。

体验:无所不在的界面

Page 29: 用户体验设计思想

用户界面的不同应用领域

命令行界面(CUI)

•适合运行在后台的服务程序或超市、银行等需要稳定执行的系统

图形界面(GUI)

•适用于各种与用户直接交互的程序

Web 界面(Web UI)

•适合面向信息、娱乐等应用,并适合于在线企业级MIS系统

移动界面(Mobile UI)

•适合手机、GPS及其他数码产品

Page 30: 用户体验设计思想

GUI与WebUI

WinForm GUI

界面美观

反应迅速

安全可靠

可在后台运行

Web UI

界面与GUI贴近

无需安装

无需升级

运行在任何操作系统中

对客户端性能要求较低

Page 31: 用户体验设计思想

共同繁荣

GUI Web UI Mobile UI

Page 32: 用户体验设计思想

说出下面的应用适合采用哪一种类型的界面?

银行柜台柜员操作界面

银行ATM机界面

网上银行界面

自来水抄表终端界面

Page 33: 用户体验设计思想

第三章 用户体验设计的目标

介绍UED始终追求的人机和谐理想

Page 34: 用户体验设计思想

UED的目标

Page 35: 用户体验设计思想

用户需求

用户需求永远都是设计追求的目标

前期需要经过周密专业的调研,以设计出原型界面

中期需要交给用户进行需求审核和用户测试

后期要进行需求跟踪,不断改进用户体验

Page 36: 用户体验设计思想
Page 37: 用户体验设计思想

desirable

Page 38: 用户体验设计思想
Page 39: 用户体验设计思想

第四章 用户体验设计的经典条款

几个实用的设计条款,可以助你提升用户体验

Page 40: 用户体验设计思想

用户体验设计条款

findable 易查找

Page 41: 用户体验设计思想

Findable 易查找

用户能够最快速度的查找到自己所需要的内容,或找到执行操作的途径

界面中给出必要的提示,引导客户发现

界面上使用正确且标准规范的图例或图标

Page 42: 用户体验设计思想
Page 43: 用户体验设计思想
Page 44: 用户体验设计思想

案例分析 Case Studies

这些情况你遇见过吗?

Page 45: 用户体验设计思想

如何打开牙膏

case 案例

Page 46: 用户体验设计思想

如何打开台灯

case 案例

Page 47: 用户体验设计思想

这些图标是什么意思

case 案例

Page 48: 用户体验设计思想

如何设置淋喷头和温度

case 案例

Page 49: 用户体验设计思想

实践 Practice 1

设计你的微波炉控制面板

Page 50: 用户体验设计思想

实践 Practice 2

改进人员录入界面

Page 51: 用户体验设计思想

Findable 易查找

将常用的功能放在最显眼的地方

将不同的操作、属性进行归类

如果是有一定顺序的操作,那么界面上的摆放顺序应当与操作保持一致

Page 52: 用户体验设计思想

用户体验设计条款

credible 可靠性

Page 53: 用户体验设计思想

Credible 可靠性

系统自身健壮,拥有良好的容错性

在用户输入边界值或跨越值域时,及时给出提示,避免用户犯错误

在发生异常时,给予用户友好而适当的提示

Page 54: 用户体验设计思想
Page 55: 用户体验设计思想
Page 56: 用户体验设计思想

用户体验进阶要求

更上一层楼,自发式需求体验

Page 57: 用户体验设计思想

用户体验设计条款

identifiability 标识性

Page 58: 用户体验设计思想
Page 59: 用户体验设计思想
Page 60: 用户体验设计思想
Page 61: 用户体验设计思想
Page 62: 用户体验设计思想
Page 63: 用户体验设计思想
Page 64: 用户体验设计思想

用户体验设计条款

userfriendly 友好

Page 65: 用户体验设计思想

听故事 Story

难忘的两次泰国之旅

Page 66: 用户体验设计思想

余 世 维 博士

台湾资深培训师、教授

成功的跨国公司经理人

华人管理教育第一人

Page 67: 用户体验设计思想
Page 68: 用户体验设计思想
Page 69: 用户体验设计思想
Page 70: 用户体验设计思想
Page 71: 用户体验设计思想
Page 72: 用户体验设计思想
Page 73: 用户体验设计思想

三个月后...

Page 74: 用户体验设计思想
Page 75: 用户体验设计思想
Page 76: 用户体验设计思想
Page 77: 用户体验设计思想
Page 78: 用户体验设计思想
Page 79: 用户体验设计思想
Page 80: 用户体验设计思想

Userfriendly 用户友好

提供对用户的主动识别能力

处处从用户角度出发,给用户贴心的服务

挖掘历史数据,从中找寻用户习惯

Page 81: 用户体验设计思想
Page 82: 用户体验设计思想
Page 83: 用户体验设计思想
Page 84: 用户体验设计思想

用户体验设计条款

clickonce 一键操作

Page 85: 用户体验设计思想
Page 86: 用户体验设计思想
Page 87: 用户体验设计思想

用户体验设计条款

customization定制化

Page 88: 用户体验设计思想
Page 89: 用户体验设计思想
Page 90: 用户体验设计思想

用户体验设计条款

wow 体验

Page 91: 用户体验设计思想
Page 92: 用户体验设计思想
Page 93: 用户体验设计思想

第五章 如何学好用户体验设计

学好用户体验设计有窍门吗?

Page 94: 用户体验设计思想

每时每刻都是一个体验者

去超市的时候观察POS系统的操界面与作

去银行取款的时候,体验不同ATM系统的之间优劣

Page 95: 用户体验设计思想

用心观察身边的世界

从生活中去体验优秀产品的设计细微之处

提高自己的审美情趣

Page 96: 用户体验设计思想

记录每一次体验中的感动

购物网站提供贴心的功能

Google Suggest功能

服务员点餐时,根据需要推荐菜谱

Page 97: 用户体验设计思想

仿效大公司的设计

在没有积累更多的经验的时候

在没有形成自己风格的时候

请仿效大公司的设计思想,而不是抄袭设计

Page 98: 用户体验设计思想

第六章 人机交互的未来

想知道未来5年人机交互的革命吗

Page 99: 用户体验设计思想

1' THE MICROSOFT SURFACE2' VIDEO FROM CISCO

video 短片

Page 100: 用户体验设计思想

触碰和虚拟技术

触摸屏和多点触摸技术将在2年内普及到每一台个人电脑

物理和虚拟界限模糊

Page 101: 用户体验设计思想

显示技术

计算机终端的屏幕将不只一个

3D和动画将很快被运用到普通企业应用中

Page 102: 用户体验设计思想

移动与智能技术

移动设备和智能设备将扮演更重要的角色

Page 103: 用户体验设计思想
Page 104: 用户体验设计思想
Page 105: 用户体验设计思想

交流与讨论

欢迎照片上的和新来的同学们畅所欲言

Page 106: 用户体验设计思想

感谢观看

© 2006-2009 MagicCube. All rights reserved.This presentation is for informational purposes only. MagicCube makes no warranties, express or implied, in this summary.