SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
User experience




                             User Centered Design




                          User Interface




UX story of websites
——谈谈我们理解的用户体验及如何改善用户体验




                                     用户体验部UDC 罗伟 2011-11-20
U   U   U   U
I   E   X   C
            D
是否走进
                            一家餐厅
                            不仅仅取
                            决于食物
                            很可能会被体验的其他环
                            节(餐厅的环境、服务态
                            度、是否有停车位、是否
                            要排位等)影响




Photo from http://www.flickr.com/photos/34792370@N02/4714347188/
产品成功
                  也不仅仅
                  取决于能
                  否帮用户
                  完成任务
                  IPad的成功更在于其使得
                  人机交互的新形态得以普
                  及,人们对于数字产品有
                  了更形象化的控制方式




Photo from http://www.flickr.com/photos/pmorgan/8395382/
“用户体验设计则是以此概念为中心的一套设计流
程。在英语中常被简写为UX Design。全名是User
Experience Design。此流程完整的包括了有目标用户
设定,满意度的范围和主题设定,用户需求的功能,
交互研究,系统反馈和最终的报告与成果。”
用户体验设计的核心目标
帮助用户理解和信任
帮助用户高效完成任务和目标
传递情感


So,关键问题是如何理解用户
所以,了解你的用户
身份
知识水平
计算机操作能力
生活习惯
行为和目的
<img src=”download.jpg” />




了解用户所处的场景
为什么需要
什么情况下使用
如何使用


......
设计就是创造沟通的过程
We make things(communities) easy
And people like easy
And easy cause confortable and happy
Most important, confortable+happy = ¥
衡量用户体验的四个维度




品牌          内容          功能          可用性
让用户能够信任;帮   为用户提供有价值    任务是否能够完成;   帮助用户规避错误;
助用户识别和记忆    的、简单明了的内容   流程是否明白      为使用场景优化

                                    wap版网站的下载按钮
                                    是一个很好的例子
依赖技术的可用性
系统响应时间
-0.1秒,1秒,10秒 (VIA)


页面打开速度
-即使页面未完全加载,也能使得主要内容可见或功能可用


系统稳定性


容错处理(404)
不依赖技术的可用性七原则[?]
[?] 亦可参考
有助理解可用性设计的30个原则
高可用性设计的20条原则
品牌传递的一致性(Logo、色彩、布局等)
Rule1. 一致性   流程、控件的一致性
             文案表达的一致性
信息和功能的传递有优先级,别把页面当成造房子
Rule2. 重要内容功能可见   为80%的用户进行设计,为用户最常见的任务设计
操作前,可预期;操作中,有反馈;操作后,可撤销
Rule3. 反馈及时有效   给用户有意义的反馈,而不是”错误代码02345“
规避可能会使用户丢失输入或数据的操作
Rule4. 非破坏性操作   在可能无法挽回损失的情况下,让用户意识到风险
“发布采购信息很麻烦,我们是不是应该允许用户发信息时少填
        写一些内容?”




                    界面的扩展性,为极限情况做好准备
Rule5. 扩展性          未未来设计,引导正确使用习惯
“美国网络安全公司 Scan Alert 在其2006 年的“数字视窗购物行
        为研究报告”中指出:从一个消费者初次访问某网站到他在该网
        站进行购买的平均时长超过了19小时。大约35%的被调查消费者需
        要超过12 小时的时间才能做出一个购买决定,而21%的人要3 天
        多的时间,14%的人甚至需要一周多的时间来决定在哪里购买。”


                          From http://wenku.baidu.com/view/
                          e608723331126edb6f1a1004.html




                 避免用户预期外的结果,因为我们都厌恶弹出广告,更讨厌标题党

Rule6. 可信赖       展示你的专业性,专业人士更值得信赖
                 必要时给于承诺,让用户不再徘徊
View

                                http://www.groupon.com/unsubscribed/



              功能的满足是基本需求,那是底线
Rule7. 赋予情感   情感的满足才能带来粘度、忠诚度和消费
[?] So, 如何评估哪种设计方案更好
(基于目标用户的)同理心 》 经验 》 用户研究/数据
Bucket test
...
QA & UX
[?] 如何提升对于用户体验的敏感度




  Senstive       Go deep
谢谢!



用户体验部-UDC 罗伟
新浪微博:@罗伟_Ali
阿里旺旺:luoweihc
分机:39043

Más contenido relacionado

Destacado

A2 media short film storyboard
A2 media short film storyboardA2 media short film storyboard
A2 media short film storyboard
hhunjan07
 
Ewrt 1 c class 22 post qhq
Ewrt 1 c class 22 post qhqEwrt 1 c class 22 post qhq
Ewrt 1 c class 22 post qhq
jordanlachance
 
04 Lehen Mundu Gerra
04 Lehen Mundu Gerra04 Lehen Mundu Gerra
04 Lehen Mundu Gerra
Hegoa
 
9 ingurumena
9 ingurumena9 ingurumena
9 ingurumena
j errando
 
Should factual writing contain bias
Should factual writing contain biasShould factual writing contain bias
Should factual writing contain bias
ZkyQatDalyani
 
Saci navidad 2001-02
Saci navidad 2001-02Saci navidad 2001-02
Saci navidad 2001-02
google
 
Diego velez ensayo capitalismo
Diego velez ensayo capitalismoDiego velez ensayo capitalismo
Diego velez ensayo capitalismo
marialesan18
 
Mysql Script
Mysql ScriptMysql Script
Mysql Script
lotlot
 
Capacity and Performance of Rails Applications
Capacity and Performance of Rails ApplicationsCapacity and Performance of Rails Applications
Capacity and Performance of Rails Applications
Jim Van Fleet
 

Destacado (20)

A2 media short film storyboard
A2 media short film storyboardA2 media short film storyboard
A2 media short film storyboard
 
Framework
FrameworkFramework
Framework
 
CERN slideshare
CERN slideshareCERN slideshare
CERN slideshare
 
DCNS : retour d’expérience sur les wikis
DCNS : retour d’expérience sur les wikisDCNS : retour d’expérience sur les wikis
DCNS : retour d’expérience sur les wikis
 
Poblenou
PoblenouPoblenou
Poblenou
 
Ewrt 1 c class 22 post qhq
Ewrt 1 c class 22 post qhqEwrt 1 c class 22 post qhq
Ewrt 1 c class 22 post qhq
 
Tips for Working with Photos
Tips for Working with PhotosTips for Working with Photos
Tips for Working with Photos
 
Multimode Interference (MMI) coupler based All Optical Switch: Design, Applic...
Multimode Interference (MMI) coupler based All Optical Switch: Design, Applic...Multimode Interference (MMI) coupler based All Optical Switch: Design, Applic...
Multimode Interference (MMI) coupler based All Optical Switch: Design, Applic...
 
Microcontroller based mho relay part 3
Microcontroller based mho relay part 3Microcontroller based mho relay part 3
Microcontroller based mho relay part 3
 
Presentation
PresentationPresentation
Presentation
 
04 Lehen Mundu Gerra
04 Lehen Mundu Gerra04 Lehen Mundu Gerra
04 Lehen Mundu Gerra
 
9 ingurumena
9 ingurumena9 ingurumena
9 ingurumena
 
Should factual writing contain bias
Should factual writing contain biasShould factual writing contain bias
Should factual writing contain bias
 
Saci navidad 2001-02
Saci navidad 2001-02Saci navidad 2001-02
Saci navidad 2001-02
 
Diego velez ensayo capitalismo
Diego velez ensayo capitalismoDiego velez ensayo capitalismo
Diego velez ensayo capitalismo
 
Fefco 7rules e_final
Fefco 7rules e_finalFefco 7rules e_final
Fefco 7rules e_final
 
Quimica ii
Quimica iiQuimica ii
Quimica ii
 
Josiane ScrumDay 2012
Josiane ScrumDay 2012Josiane ScrumDay 2012
Josiane ScrumDay 2012
 
Mysql Script
Mysql ScriptMysql Script
Mysql Script
 
Capacity and Performance of Rails Applications
Capacity and Performance of Rails ApplicationsCapacity and Performance of Rails Applications
Capacity and Performance of Rails Applications
 

Similar a UX story of websites

用户体验的 要素 很好的资料
用户体验的 要素 很好的资料用户体验的 要素 很好的资料
用户体验的 要素 很好的资料
grey0511
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
VImLai
 
网站用户体验提升研究
网站用户体验提升研究网站用户体验提升研究
网站用户体验提升研究
ernestzhong
 
用户体验设计思想
用户体验设计思想用户体验设计思想
用户体验设计思想
Henry Lee
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
Miya Chang
 
视觉设计
视觉设计视觉设计
视觉设计
o0runner
 
指尖之美 如何打造优秀的移动应用
指尖之美 如何打造优秀的移动应用指尖之美 如何打造优秀的移动应用
指尖之美 如何打造优秀的移动应用
isnofate
 

Similar a UX story of websites (20)

用户体验的 要素 很好的资料
用户体验的 要素 很好的资料用户体验的 要素 很好的资料
用户体验的 要素 很好的资料
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
 
产品管理与设计分享
产品管理与设计分享产品管理与设计分享
产品管理与设计分享
 
网站用户体验提升研究
网站用户体验提升研究网站用户体验提升研究
网站用户体验提升研究
 
移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks移动互联网创新从体验开始By uxworks
移动互联网创新从体验开始By uxworks
 
用户体验设计思想
用户体验设计思想用户体验设计思想
用户体验设计思想
 
腾讯大讲堂10 customer engagement
腾讯大讲堂10 customer engagement腾讯大讲堂10 customer engagement
腾讯大讲堂10 customer engagement
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
Teaminterface company profile 2014(chn)
Teaminterface company profile 2014(chn)Teaminterface company profile 2014(chn)
Teaminterface company profile 2014(chn)
 
雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法
 
UX 策略
UX 策略UX 策略
UX 策略
 
[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來[心得分享] 如何把使用者經驗做出來
[心得分享] 如何把使用者經驗做出來
 
From UX to Product
From UX to ProductFrom UX to Product
From UX to Product
 
视觉设计
视觉设计视觉设计
视觉设计
 
如何提升网站的用户体验
如何提升网站的用户体验如何提升网站的用户体验
如何提升网站的用户体验
 
Agile UX is good, but can be better
Agile UX is good, but can be betterAgile UX is good, but can be better
Agile UX is good, but can be better
 
指尖之美 如何打造优秀的移动应用
指尖之美 如何打造优秀的移动应用指尖之美 如何打造优秀的移动应用
指尖之美 如何打造优秀的移动应用
 

Más de Robert Luo

面向未来的设计
面向未来的设计面向未来的设计
面向未来的设计
Robert Luo
 
数据化导向设计方法
数据化导向设计方法数据化导向设计方法
数据化导向设计方法
Robert Luo
 
个人知识管理
个人知识管理个人知识管理
个人知识管理
Robert Luo
 
设计师转型培训-工具篇
设计师转型培训-工具篇设计师转型培训-工具篇
设计师转型培训-工具篇
Robert Luo
 
基于对话的交互设计
基于对话的交互设计基于对话的交互设计
基于对话的交互设计
Robert Luo
 
Developer vs designer
Developer vs designerDeveloper vs designer
Developer vs designer
Robert Luo
 
常用交互设计工具
常用交互设计工具常用交互设计工具
常用交互设计工具
Robert Luo
 
增强现实技术与虚拟购物体验
增强现实技术与虚拟购物体验增强现实技术与虚拟购物体验
增强现实技术与虚拟购物体验
Robert Luo
 
Ria对交互设计的影响
Ria对交互设计的影响Ria对交互设计的影响
Ria对交互设计的影响
Robert Luo
 

Más de Robert Luo (11)

面向未来的设计
面向未来的设计面向未来的设计
面向未来的设计
 
Workshop
WorkshopWorkshop
Workshop
 
数据化导向设计方法
数据化导向设计方法数据化导向设计方法
数据化导向设计方法
 
个人知识管理
个人知识管理个人知识管理
个人知识管理
 
设计师转型培训-工具篇
设计师转型培训-工具篇设计师转型培训-工具篇
设计师转型培训-工具篇
 
基于对话的交互设计
基于对话的交互设计基于对话的交互设计
基于对话的交互设计
 
Developer vs designer
Developer vs designerDeveloper vs designer
Developer vs designer
 
常用交互设计工具
常用交互设计工具常用交互设计工具
常用交互设计工具
 
增强现实技术与虚拟购物体验
增强现实技术与虚拟购物体验增强现实技术与虚拟购物体验
增强现实技术与虚拟购物体验
 
Ria对交互设计的影响
Ria对交互设计的影响Ria对交互设计的影响
Ria对交互设计的影响
 
Apple Media
Apple MediaApple Media
Apple Media
 

UX story of websites