ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

55

Upload: xiaskyer

Post on 04-Jul-2015

495 views

Category:

Design


6 download

DESCRIPTION

Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

TRANSCRIPT

Page 1: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Page 2: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

Amy Ip 葉慧兒 2013. 6 . 23

从效益角度选择合适的设计工具与流程

Page 3: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

高级用户体验设计师 ( Redmond,USA) 负责产品: Windows Live Messenger, Spaces, Lync 交互设计师 (香港) 第⼀一位招聘的交互设计师, 除了负责网站设计, 也肩负帮助推动和落实交互流程工作 在互联网起步时跟朋友建立设计公司, 为不同的startup 提供设计服务

设计专家 / 设计总监

社交用户体验设计部 ISUX (深圳)

管理SNS应用设计中心,QQ会员设计中心, 云平台设计中心

Lumit

交互设计硕士,卡内基.梅隆大学 MDes. Interaction Design, Carnegie Mellon University

Introduction

Page 4: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

效率 从效益角度选择 合适的设计工具与流程

Page 5: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  流程过于理想, 不能落地

•  时间太短, 跑不了流程

•  没有足够资源了解用户想法

•  流程跑了,没达到理想效果

•  ???

Introduction

工作坊探讨的问题

Page 6: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

Agenda

2:00 – 2:30pm 工作坊的目标 + 自我介绍 2:30 – 3:00pm 用户体验设计工具基础 3:00 – 3:20pm 小组习作1: 资源缺乏

3:20 – 3:30pm 小休 3:30 – 4:45pm 小组习作 2: 头脑风暴

小组习作 3: 意见不统⼀一

4:45 – 5:00pm 总结分享

Q&A

大纲

Page 7: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

用户体验设计工具基础

Page 8: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

朋友问我什么是交互设计,很多时也不知道怎么回答 …

什么是交互设计?

Page 9: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

交互设计 = 工业设计? Interaction Design = Industrial Design?

From Wiki:

Page 10: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

交互设计 = 界面设计?

Interaction Design = User Interface Design?

From Wiki:

Page 11: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

交互设计 = 系统设计?服务设计? Interaction Design = User Experience Design / System Design /

Service Design? From Wiki:

Page 12: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  交互设计师 Interaction Designer

•  视觉设计师 Visual Designer

•  用户研究员 User Researcher

•  用户体验产品经理 UX Program Manager

•  前端、重构 Front End Developer / UI Prototyper

•  内容设计 Content Designer 、UX writer

常见用户体验设计团队的岗位

用户体验设计师 UX Designer

Page 13: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Page 14: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

用户体验设计 UX Design 交互设计 Interaction Design

我对用户体验设计的了解, 也跟JJG不⼀一样

Page 15: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

界面设计不是交互设计 User Interface Design is not Interaction Design

交互设计与用户体验设计定义通用 Interaction Design will be used interchangeably with User Experience Design at this workshop

今天工作坊使用的定义:

Page 16: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

为什么今天跟大家讨论什么是交互设计?

其实在行业内,

大家对交互设计的理解也不⼀一致;

导致选用流程和工具的判断时出现问题。

Page 17: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

也因为各位大师和专家对交互设计的

理解和关注也不⼀一致;所以不同的书本介绍的流程和侧重点也有所不同。

Page 18: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

所以流程不能墨守成规的执行,

需要按情况需要而判断那些工具最合适。

Page 19: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

交互设计是关注整体优化体验, 而不是单看⼀一个任务流程;

而重点是用户的行为,目标原因 和 关系。    “Interac)on  Design  focus  on  the  holis)c  user  experiences  rather  than  a  single  task  comple)on;    which  includes  the  context,  behaviors  and  rela)onships.”  -­‐  Wiki  

 

Page 20: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

19“不是单看⼀一个任务流程” 是什么意思?

Page 21: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

你常用的设计工具有哪些? 个人活动: 5 分钟

Page 22: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

目标用户群 / 用户画像

Page 23: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

用户使用场景 ***

想讨论 想记录 想拍照

Page 24: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

任务流程分析

Page 25: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

页面流程图

Page 26: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

页面流程图 / UI 设计 / 交互稿

Design Principles

Page 27: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

解决什么问题?

了解问题源头

定下目标

设计

认证概念和优化

上线

常见的设计工具

Design Principles

目标用户群 / 人物角色, 场景, 故事漫画…

探索和了解问题,市场调研, 设计调研, 头脑风暴 …

按场景定下用户目标和任务…

信息结构图, 流程图, 交互稿…

可用性测试,问卷…

Page 28: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

1. 小组讨论 : 10 分钟

没有资源做用户调研, 怎么办?

想出3个解决方案

Introduction

Page 29: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  参考其他调研报告

•  做竞品分析

•  自己找几个朋友测试⼀一下

•  先假设, 后测试

解决方案参考

Page 30: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

用户调研 (市场调研 vs 用户行为调研 vs 可用性调研)

Page 31: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  不是所有问题调研都能解决的

•  按照不同的需求和限制,采用不同的调研方 (家访,focus group,问卷…)

•  先梳理问题,并评估预期结果对设计的影响

常见问题 - 用户调研

Page 32: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

2. 小组讨论 : 20 分钟

投资开发⼀一个APP

构思3个新概念, 并把评审纬度列出来

Page 33: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  Useful, Usable, Desirable

•  考虑资源可行性方案(保守, 平衡, 创新)

•  配合目标用户群?

•  Who? When? What? Why? Where?

•  市场竞争力

头脑风暴後, 有很多概念, 选哪个好?

Page 34: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

成功的产品

交互设计

商业

技术

⼀一个产品的需要多方面的平衡

Page 35: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

⼀一个成功产品的主要原素

Desirable

Usable 可用性

有用性 Useful

吸引性

“Useful, Usable, and Desirable” - Liz Sanders

Page 36: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

3. 小组讨论 : 10 分钟

团队不认同你的概念,

怎么说服他们?

Introduction

Page 37: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

你跟团队的目标是否⼀一致? 在不同的时间点, 处理目标不⼀一致的解决方案可能不⼀一样。

Page 38: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  目标不⼀一致

•  把评价纬度清晰分享, 确保同步

•  先做demo

•  加班处理?

常见问题

Page 39: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  了解用户是怎么使用我们的产品

•  协助定下产品的定位和目标

•  协助定下产品的需求

•  设计交互流程

•  跟用户研究员共同利用调研结果和数据优化产品

•  是用户的发言人

用户体验设计的工作包括:

Page 40: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

要达到平衡,设计,业务和技术往往产生矛盾

在大公司推动设计方案,成功必须有3个元素:

•  设计方法论

•  沟通能力

•  项目及时间管理能力

Page 41: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

总结分享

Introduction

Page 42: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

如何落实? 如果你很努力, 但也达不到理想的效果, 那需要探索问题的核心是否拿準了?

Page 43: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

使用工具的目的?

Page 44: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

工具的作用是帮助我们达到目的

Page 45: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

如何判断设计工具是否高效? Work Smart Not Hard

Page 46: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

衡量?

怎样选择工具? 没有使用合适工具, 再努力, 也是没有成果的!

Page 47: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

交互设计工作很广泛, 应该怎么选择合适的工具?

Page 48: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

如可量化? 你的研发流程是…

•  你的设计流程是什么?

•  评估时间表拿不准,怎么办?

•  流程过于复杂, 怎么简化?

Page 49: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

清晰的目标

•  产品目标 Business Goals

•  用户目标 User Needs / Goals

•  设计评价纬度 Measure for Success

挑战: 1.  讨论後有记录吗?

2.  在不同阶段量度进度是否有偏离计划? 3.  跑偏了, 怎么办?

Page 50: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

当流程跑不顺, 你做了什么?

•  放弃! 这些流程不合适我们的!

•  坚持, 但很痛苦!

•  时间不够,是否第⼀一时间对接口人沟通?

•  如果流程太复杂, 怎么简化?

Page 51: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

你现在做的工作是否最重要? “7 habits” - Steven Covey

Page 52: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

•  流程过于理想, 不能落地

•  时间太短, 跑不了流程

•  没有足够资源了解用户想法

•  流程跑了,没达到理想效果

今天跟大家⼀一起探索了⼀一些常见问题。。。

Page 53: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

“从效益角度选择合适的设计工具与流程”

其实今天的重点是如何灵活做判断

Making  Smart  Decisions  

Page 54: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿

Q&A

谢谢! Amy Ip QQ:1545777817 电邮:[email protected]

Page 55: Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿