SlideShare ist ein Scribd-Unternehmen logo
1 von 31
U S E R E X P E R I E N C E D E S I G N E R
吴芳葆
用户研究分析 交互设计 服务设计 部门领域协作
用户研究分析
熟悉用研方法运用分析
拥有近3年经验
交互設計
验了解组员能力进行
工作分配并适时跟进定
服务设计
经由服务设计思维
较整体的角度分析用户体
熟悉成用户研究与及设计方法运用,可独立完成用户研究、
分析、体验测试、高质量产出视觉化输出和交互设计。
清晰的逻辑思维以及良好的项目管理和跨域沟通技巧,
对于设计项目与专案的推进具有效的协助。
吴芳葆
Fang bao, Wu
跨部门沟通协调
多跨领域项目经验
与不同部门协同合作
统整规划
带领项目进行团队
工作分配并适时跟进
Wu, Fang bao │ 2018
设计项目
Design Project
海外项目-印度市场&用戶调研
教育软件-用户生态还原/3D操作体验优化
产品国际化 -多语言
设计管理
其他项目
用户调研
部门协作
交互设计
项目管理
服务设计
4
7
18
25
26
 任务需求
针对印度市场进行市场调查、远端Skype用户访谈;并配
合实际前往市场的团队完善用户研究;针对原型进行可用
性测试,协助发展核心用户测试的Demo。
 项目成果
调查成果顺利协助软件设计方向与运营的推进,完善软件
测试Demo。
海外項目【SMART India】
ROLE:市场调研、远端Skype访谈、专家评估测试
針對印度市場开发的生活型軟件,包含购物、电影购票、
聊天等应用;与印度當地支付公司Oxygnen合作,结合第
三方支付便捷付款服務。
海外项目-印度市场用戶调研
Oversea Project- India Market & User Research
Homepage
Shop
Service
Chat
图片为 Netdragon Websoft 所有
R
4
用户画像
故事版
竟品蒐集
与分析
可用性测试原型设计問卷調查
訪談
5
用户画像
故事版
竟品蒐集
与分析
可用性测试問卷調查
訪談
1. 任务列表
利用紙製原型進行測試;過程中不可提
示,用戶不可質疑問題成立性。
填寫評估表格,嚴重性越高分的優先改善。
任务场景化利于用户以
情境思维进行测验
以当地广泛使用的App作为主力竟品,收集
聊天、社交分享和購物App,找尋可借鑑的交
互操作。
后期新增点餐、定电影票等分析,符合印度
白领用户生活与休闲娱乐的需求
聊天
社交
购物
电影
外卖
2. 任务场景化
3. 测试环节
4. 启发式评估
罗列操作任务,并
以主线任务为优先
原型设计
6
教育软件-用户生态还原 & 操作体验优化
Education Software- User Analysis & Interaction Redesign
 任务需求
针对项目进行用户调研,挖掘教师需求,还原教学生态;
同时针对课堂互动工具「生字卡片」进行分析设计。
 项目成果
还原教师较学流程与生态,协助功能的优化与发展;完成课堂
互动工具「生字卡」的设计并进行落第开发。
教师备课与课堂互动软件【101PPT】
ROLE:调研规划、用户访谈&测试、方案設計
为协助教师进行备课到课堂教学的教育软件;以提供海量
的备课教学资源以及课堂互动工具。
https://ppt.101.com/
整体教学生态
7
需求分析
操作拆解
竟品蒐集
与分析
設計總結方案發想
設計
問卷访谈
用户画像
i. 梳理课堂上使用生字卡教学的过程 ii. 梳理单张生字卡使用流程,自出现到离开
1. 罗列情境、拆解使用流程
2. 针对具设计性环节进行优化
将操作的流程结合情境,寻找具有设
计价值的机会点,并分为不同设计阶段
进行发想
8
需求分析
操作拆解
设计总结方案發想
設計
問卷访谈
用户画像
与团队累积49组创意设计稿
 设计说明:
以童话丛林为主题,利用小猴
子偷桃的动作转换场景,生字
卡从丛林世界跃出,给人童趣、
惊奇的探索感。
 适用人群:
具象的小动物元素,适用于较
低龄的小学生,以调皮趣味的
风格及转场手法,带给学生趣
味性和探索惊奇感。
「生字卡片」设计呈现
Demo影片为 Netdragon Websoft 所有
R
可点击观看Demo
竟品蒐集
与分析
需求分析
操作拆解
竟品蒐集
与分析
设计总结方案發想
設計
問卷访谈
用户画像
设计项目完成后进行设计总结,目的:总结设计项目的分析与思
路方式、沈淀设计手法、设计其交互体验的要点,以利类似设计项
目的发展,加速设计效率。
 情境&适用人群
 操作拆解
 整体要点
 白板授课操作情境
 童趣风格运用
 酷炫简洁动效
 颜色不宜过浅
 动效三一原则
 视觉可视性范围
1. 设计思路&分析
2. 设计体验注意要点
设计
目的
设计
手法
Chec
k List
罗列设计需避免的误区
以及应注意的要点
沈淀「卡片类互动」设计的方式
审视设计目的,以及帶給
产品、公司面相的价值
10
教育软件-用户生态还原 & 操作体验优化
Education Software- User Analysis & Interaction Redesign
 任务需求
针对项目进行用户调研,挖掘教师需求,还原教学生态。
 项目成果
规划完整的用户调研,藉由深度访谈与产品测试,分析并呈现需
求和痛点优先级,协助产品方向的修正。
专业学科课堂互动软件【虚拟实验室】
交互设计:操作分析、体验交互优化设计
为解决中国初、高中物理及化学科目其教学痛点的一款教育互
动类软件;利用虚拟的实验过程,让学生更接触剧危险性的实
验,融入知识点且更具学习动力。
11
竟品蒐集
与分析
推案落地操作优化
设计
体验走查
分析
用户访谈
产品测试
12
1. 透过访谈及产品测试,汇总分析得出用户需求本质,针对产品发展方向进行调整优化;
2. 同时配合对于产品的体验走查,检视产品功能,以更贴近用户需求,针对功能操作提升体验。
竟品蒐集
与分析
推案落地操作优化
设计
体验走查
分析
用户访谈
产品测试
体验走查,罗列个模块的问题描述,定义其模块的操作定义与目的,并呈现以
修正的总览落实设计成果;由整体布局到工具的操作。
主框架布局
实验示意图
实验用品栏
常用操作功能键
实验工具操作
竟品蒐集
与分析
推案落地操作优化
设计
用户访谈
产品测试
14
体验走查
分析
 针对功能完全相同,脊不分相同的竟品,
进行长期追踪
 定期体验同时更新具借鉴或亮点的功能、
操作交互方式等
1. 主要竟品长线追踪
2. 组内沈淀:功能提取
 项目成员以每周蒐集操作竟品,分为通
用操作、引导提示、视觉反馈、介面布
局等类别,进行讨论并沈淀
 每月统整对于操作优化具帮助性的,或
者具开发亮点的功能,与项目方推案
竟品蒐集
与分析
推案落地操作优化
设计
用户访谈
产品测试
体验走查
分析
主负责实验工具的操作优化,并且以白板端的操作为主,以下举例
点击导线线端并以拖移方式
连结接线柱,连结成功具有
蓝色光圈的反馈
完成连接两点后,会出现曲线调节,
直接拖动鼠标调节导线到理想曲度,
如图示。
点击鼠标完成导线编辑,编辑
成功后,有导线整条发光圈表
示编辑成功,随后消失。
Step.1 连接端点
Step.2 鼠标托动调节曲度
Step.3 点击完成导线编辑的反馈
↓ 可点击观看Demo
竟品蒐集
与分析
推案落地操作优化
设计
用户访谈
产品测试
体验走查
分析
最终项目方采取功能模块整合与新增,同时针对重点实验资源进行工具优化,以下呈现最大差异的设计亮点
通过三种不同实验模式,以
满足不同情景下的教学形式:
 自由模式
 智能模式
 自动模式
02 多种实验模式,兼容不同授课形态
03 多种实验模式,兼容不同授课形态
 实验知识点模块
 快捷的实验步骤数据记录
01 整體框架與工具操作改善
整框架重新调整,示意图的收起、改善重点实验
颗粒公寓操作,以導線操作與反饋为主
可点击观看Demo
竟品蒐集
与分析
推案落地操作优化
设计
用户访谈
产品测试
体验走查
分析
给予项目方推案形式的汇报,结合一线用户调
研结论 & 竞品亮点提炼,梳理3D虚拟实验室
体验优化方向及设计模式,以帮助探讨更准确
的产品定位。从设计关键字聚焦,罗列五个设
计方向,并与项目方讨论优先级排序。
 任务需求
配合公司产品进入国际化发展,针对多个产品进行文字溢出进
行方案产出,并与交互、UI、程序、项管多方协作完成。
 项目成果
提供解决方案,并规整设计规范;启动多语言项目开展,推进
多语言的重要性,并落实于设计阶段。
产品多语言发展
项目推进:方案产出、跨部门协作、开发落地沟通
配合公司产品进入国际化发展,产品进入多国语言的需求,
为此推展多语言项目。
产品国际化-多语言专案
Product Internationalization - Multilingual Project
18
自适应换行
(设定以显示完整单字换行)
只显示图标,不显示文案
自适应完整显示
当显示不下时会自动缩小字号/进行换行等
完整显示
完整显示
大量icon
單純icon+點開文字標題說明
使用「文字....」
保留两行的換行空間
利用符號「●●●」「v」
表示更多設定相关信息
【资讯收纳】
多一个符号,点击后给予更多的操作(如右建一搬)
竟品蒐集
与分析
推案落地設計优化
方案
设计规范体验走查
分析
针对软件进行全面的体验盘点走查,包含PC、
白板端和手机端平台;罗列出有文字溢出,或在
多语言上具溢出风险的模块。
1. 软件整体盘点走查
以平台进行区分,收集模块在文字溢出的解决方
式,融入使用情境、平台操作特性,将解决方案
进行分类。
2. 竟品搜集与分析
向上、向下滑动之后展开/区间
放大
出现全页/半页面型说明
(想法来自:鼠标滑过)
点击/长按,操作符号(播放)才
出现
(想法来自:鼠标滑过)
鼠标移动,细节内容以「上提」的方式显示
展示區域放大
出现更多操作/說明
点击后将字符转换为图标
1、默认画面展现文字说明 2、用户操作点击搜索框后,说明文字消失,并转为图标模式
【资讯收纳】
手机端
垂直淡掉+收纳起来
1、底端淡掉,利用「展开」收纳更多信息 2、底端淡掉,利用鼠标滚轮的操作看清信息【资讯收纳】
鼠标滑过显示完整title
只显示图标,不显示文案
PC端 白板端
竟品蒐集
与分析
推案落地設計优化
方案
设计规范体验走查
分析
考慮PC端的「默认状态」、「鼠标懸
停」、「滑鼠点击」等三種狀態
 多手势操作特性(点击、滑动、拖移、长按、
无鼠标悬停等)
 融入手机端使用情境的考虑
方案的对考虑平台的操作特性、情境等;同时
与UI、程序讨论可行性以及设计成本
 操作情境、「无鼠标悬停」状态;
 硬件降级,滑动灵敏度相对低的操作限制
手机端
白板端
PC端
←考量多语言的文字信息量,
鼠标悬停滑出完整工具名称
←适应多语言以及更多讯息的
可能,文字改为图标;标悬停
资讯模块上滑呈现
竟品蒐集
与分析
推案落地設計优化
方案
设计规范体验走查
分析
考慮PC端的「默认状态」、「鼠标懸停」、
「滑鼠点击」等三種狀態
 多手势操作特性(点击、滑动、拖移、长按、
无鼠标悬停等)
 融入手机端使用情境的考虑
方案的对考虑平台的操作特性、情境等;同时
与UI、程序讨论可行性以及设计成本
 操作情境、「无鼠标悬停」状态;
 硬件降级,滑动灵敏度相对低的操作限制
PC端
白板端
手机端
长桉显示完整工具名称 →
↑ 适应多语言,文字改为图标
竟品蒐集
与分析
推案落地設計优化
方案
设计规范体验走查
分析
考慮PC端的「默认状态」、「鼠标懸停」、
「滑鼠点击」等三種狀態
 多手势操作特性(点击、滑动、拖移、长按、
无鼠标悬停等)
 融入手机端使用情境的考虑
方案的对考虑平台的操作特性、情境等;同时
与UI、程序讨论可行性以及设计成本
 操作情境、「无鼠标悬停」状态;
 硬件降级,滑动灵敏度相对低的操作限制
PC端
手机端
白板端
竟品蒐集
与分析
推案落地設計优化
方案
设计规范体验走查
分析
最终将方案统整为Axure文
档,便于UI、程序、项管、
QA进行查看验收时,更具资
讯的统一性。
← GIF
竟品蒐集
与分析
推案落地設計优化
方案
设计规范体验走查
分析
文案翻译用语限制 多语言设计模式沈淀
 简要说明什么是产品国际化
 对于产品发展的重要性
 设计模式的分类
 针对项目统整TIPS
产品国际化汇整
 盘点各模块涉语言及功能国际化状况
 包含功能、功能资源呈现
 模块的情境描述,以辅助翻译的准确性
 包含文案、语意、操作等
设计管理
Design management
经手项目统筹与管理工作,过程中大量跨部门沟通协做,
根据个夥伴职能进行适当的工作分配,同时担任设计用
研技术指导。
国际实习工作营 Summer camp
跨 部 门 协 作
技 术 指 导 与 分 享
管 理 分 工
25
针对中国福建VR体验中心优化其导览体验。
针对导览员进行一系列深度访谈并提出多
个解决方案,最后建立预约平台机制,成
功落实使用,顺利解决导览团队痛点。
福建VR体验中心导览体验设计
China Fujian VR Experience Center-Online booking platform
中国福建VR体验中心-线上预约平台
担任角色/主负责
 用户调研&分析、痛点疏理
 方案设计、配音
 发表推案
其他设计专案
Other Design Projects
Others design service project :
高端演讲体验设计、餐厅体验设计、魔域酒店点入住体验优化、新人入司体验优化
26
Service Design
可点击观看
Demo
其他设计专案
Other Design Projects
举办设计工作坊,进行教育产品其用户
生态的分享。集结策画、交互、用研、
界面等不同职能与部门,针对教师课堂
互动痛点进行解决方案的脑力激荡。
设计工作坊-教師的课堂互动
担任角色/主负责
 规划组织
 解说与主持
27
Others design workshop:
互动工具设计发想、酷炫设计与操作、餐厅优化体验、新人入司体验
Design Workshop
为一款以电视剧、电影场景导向的旅游行
动系统。目标将Q CAR SDK技术与扩增
实境沿用在新领域,提供影迷在地朝圣时,
可藉此APP搜寻到喜爱的电影或电视剧拍
摄场景,并与剧中人物互动合照。
Travel in a Movie,电影游人生
担任角色/主负责
 交互设计
 海报传达排版
其他设计专案
Other Design Projects
App Design
29
其他设计专案
Other Design Projects
产品设计故事版 人物志_高端演讲体验优化专案
Sketch
THANK YOU FANG BAO, WU
185-0602-7501
NitaW@qq.com
https://www.linkedin.com/in/nitawu

Weitere ähnliche Inhalte

Ähnlich wie Portfoli2018_ Nita wu

設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考 設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考 小均 張
 
service design 20230915
service design 20230915service design 20230915
service design 20230915Winny Wang
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
20230615_資策會數轉院課程簡報.pdf
20230615_資策會數轉院課程簡報.pdf20230615_資策會數轉院課程簡報.pdf
20230615_資策會數轉院課程簡報.pdfColab4
 
Agile summit 2018
Agile summit 2018Agile summit 2018
Agile summit 2018Nor chen
 
User Research Report_Pan
User Research Report_PanUser Research Report_Pan
User Research Report_PanMingde Pan
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計Charles (XXC) Chen
 
Design Method & Skill_20210924
Design Method & Skill_20210924Design Method & Skill_20210924
Design Method & Skill_20210924Winny Wang
 
设计资料总结
设计资料总结设计资料总结
设计资料总结yamingd
 
Ix d2013 b3_体验设计的逆向工程_周陟
Ix d2013 b3_体验设计的逆向工程_周陟Ix d2013 b3_体验设计的逆向工程_周陟
Ix d2013 b3_体验设计的逆向工程_周陟sutahuhu
 
User Experience 20211007
User Experience 20211007User Experience 20211007
User Experience 20211007Winny Wang
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享Justin Lee
 
如何选择和运用不同的用户研究方法
如何选择和运用不同的用户研究方法如何选择和运用不同的用户研究方法
如何选择和运用不同的用户研究方法Alite Yu
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)Ian Jang
 
林子傑 互動科學工作坊@Nctu 20111207
林子傑 互動科學工作坊@Nctu 20111207林子傑 互動科學工作坊@Nctu 20111207
林子傑 互動科學工作坊@Nctu 20111207turtleknight
 
CBAP商業分析讀書會 20140218 CH13
CBAP商業分析讀書會 20140218 CH13CBAP商業分析讀書會 20140218 CH13
CBAP商業分析讀書會 20140218 CH13moris lee
 

Ähnlich wie Portfoli2018_ Nita wu (20)

設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考 設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
設計思考讀書會: 一些很少人在談的東西 深入服務設計思考
 
service design 20230915
service design 20230915service design 20230915
service design 20230915
 
SD 20231110
SD 20231110SD 20231110
SD 20231110
 
Ch10
Ch10Ch10
Ch10
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
20230615_資策會數轉院課程簡報.pdf
20230615_資策會數轉院課程簡報.pdf20230615_資策會數轉院課程簡報.pdf
20230615_資策會數轉院課程簡報.pdf
 
Agile summit 2018
Agile summit 2018Agile summit 2018
Agile summit 2018
 
User Research Report_Pan
User Research Report_PanUser Research Report_Pan
User Research Report_Pan
 
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
 
DMS 20220225
DMS 20220225DMS 20220225
DMS 20220225
 
Design Method & Skill_20210924
Design Method & Skill_20210924Design Method & Skill_20210924
Design Method & Skill_20210924
 
设计资料总结
设计资料总结设计资料总结
设计资料总结
 
Ix d2013 b3_体验设计的逆向工程_周陟
Ix d2013 b3_体验设计的逆向工程_周陟Ix d2013 b3_体验设计的逆向工程_周陟
Ix d2013 b3_体验设计的逆向工程_周陟
 
User Experience 20211007
User Experience 20211007User Experience 20211007
User Experience 20211007
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
 
如何选择和运用不同的用户研究方法
如何选择和运用不同的用户研究方法如何选择和运用不同的用户研究方法
如何选择和运用不同的用户研究方法
 
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
2012 May UiGathering: Design and Communication in Co-creation (by Ian Jang)
 
林子傑 互動科學工作坊@Nctu 20111207
林子傑 互動科學工作坊@Nctu 20111207林子傑 互動科學工作坊@Nctu 20111207
林子傑 互動科學工作坊@Nctu 20111207
 
CBAP商業分析讀書會 20140218 CH13
CBAP商業分析讀書會 20140218 CH13CBAP商業分析讀書會 20140218 CH13
CBAP商業分析讀書會 20140218 CH13
 

Portfoli2018_ Nita wu

Hinweis der Redaktion

  1. 在专业技能方面 >> 对于用研方法的运用拥有许多经验 ,并且带领团队触服务设计的设计思维和方法 于网龙担任主设计师与组长+以往在acer的经验,在统整规划上能适当工作分配并跟进,同时也接触跨部门需要大量协调与合作的项目
  2. 关于这次员工晋升陈述,首先 我先自我介绍!
  3. 备注: 目前Netdragon已无接洽Smart India项目,为现Smart India Wallet 的前身 https://www.smartindiawallet.com/
  4. # 2016国际实习营 # VR体验设计_验证设计 # 服务设计_新人入司优化