SlideShare ist ein Scribd-Unternehmen logo
1 von 65
塑造产品核心亮点的设计 
--搜狗号码通改版实战总结 
SOGOU Desktop Experience Design Center
Glance Think Review Verify
Glance Think Review Verify
Glance Think Review Verify
Glance Think Review Verify
Glance Think Review Verify
Glance Think Review Verify
整理 
logo 
Title 
Tab1 Tab2 Tab3 Tab4 
Glance Think Review Verify 
框架-旧版
Glance Think Verify 
三logo 搜狗号码通logo 
三logo 搜狗号码通 
简化 
logo 
Tab1 Tab2 Tab3 
Tab1 Tab2 Tab3 
框架-新版 
Review
Glance Think Verify 
导航-旧版导航-新版 
logo 当前页面Title logloogo当前页面Title 
Review
Glance Think Review Verify 
操作区域(旧版)
Glance Think Verify 
logo 
logo 当前页面title 次要操作区域 
Button(s) 
主要操作区域(FIT原则) 
Review 
操作区域(新版)
Glance Think Verify 
弹窗(旧版) 
Review 
说明文字单选操作列表输入框
logloogo当前页面title 
Yes,我是弹窗~ 
Glance Think Verify 
Title 
Content 
Button 
弹窗规范(新版) 
Review
Glance Think Verify 
Glance 
框架 
导航 
操作 
控件 
Review
Glance Think Verify 
Glance 
框架 
导航 
操作 
控件 
Think 
Review
Glance Think Review Verify 
WHAT HOW
Glance Think Verify 
WHAT 
Review 
问:我们的目标是? 
答:提高留存率,增加用户粘度
Glance Think Verify 
WHAT 如何确定改版目标? 
Review 
掌握状况—导入观点—确定目标 
产品问诊, 
取得信息; 
检视信息, 
分析问题; 
定义问题; 
确定目标。
Glance Think Review Verify 
WHAT 如何确定改版目标? 
掌握状况—导入观点—确定目标
Glance Think Review Verify 
2014/4/09 会议邀请 
2014/4/10 第一次沟通交流会 
2014/4/15 第二次沟通交流会 
WHAT
Glance Think Verify 
WHAT 
Review 
掌握状况2014/4/09 会议邀请
Glance Think Review Verify 
掌握状况使用产品 
•寻找标记入口遇到困难; 
•有的号码可以标记,有的号码不能标记; 
•层级太深,导航混乱;
Glance Think Review Verify 
掌握状况与相关设计师/产品沟通 
•通话详情页面内操作混乱; 
•成就展示无亮点;
Glance Think Review Verify 
掌握状况与用户沟通 
标记过程中,在通话页面尝试长按,寻找标记入口;
Glance Think Review Verify 
你还可以 
找产品要数据 
线上用户反馈 
… 
掌握状况
Glance Think Review Verify 
2014/4/09 会议邀请 
使用产品 
与相关设计师/产品沟通 
与用户沟通 
找产品要数据 
线上用户反馈 
2014/4/10 第一次沟通交流会 
视觉同学引导 
提出部分问题 
掌握状况
Glance Think Review Verify 
掌握状况
Glance Think Review Verify 
掌握状况 
对产品进行问诊,取得关于现状的信息;
Glance Think Review Verify 
标记入口问题; 
标记操作流程复杂; 
页面找不到; 
弹窗样式混乱; 
结构不符合安卓用户习惯; 
… 
掌握状况
Glance Think Verify 
WHAT 
Review 
掌握状况--导入观点--确定目标
Glance Think Verify 
WHAT 
Review 
掌握状况--导入观点--确定目标
Glance Think Review Verify 
导入观点框架结构梳理 
标记功能定位; 
页面逻辑不顺; 
页面层级太深; 
…
Glance Think Review Verify 
交互准则知识积累项目经验 
导入观点
Glance Think Review Verify 
导入观点 
以各种角度检视信息,找出问题本质;
Glance Think Review Verify 
掌握状况 
•标记入口问题; 
•标记操作流程复杂; 
•页面找不到; 
•弹窗样式混乱; 
•无功能亮点; 
•不符合安卓用户习惯; 
•凸显产品核心功能; 
•信息层级梳理简化; 
•提高吸引力; 
•遵守安卓平台特性。 
导入观点
Glance Think Review Verify 
掌握状况--导入观点--确定目标 
WHAT
Glance Think Verify 
WHAT 
Review 
掌握状况--导入观点--确定目标
Glance Think Verify 
确定目标 
Review 
2014/4/15 第二次沟通交流会 
结合问题;抛出观点;确定目标;
Glance Think Review Verify 
确定目标我们的目标是? 
•凸显产品核心功能:标记; 
•信息层级梳理简化:整理; 
•提高成就吸引力:亮点设计; 
•遵守安卓平台特性:用户习惯。
Glance Think Review Verify 
掌握状况导入观点确定目标 
•试用产品 
•与设计师/产品沟通 
•用户调查 
•数据 
•用户反馈 
梳理架构 
参考基本交互原则 
经验积累 
抛出问题;定义问题; 
对问题提出合理建议 
与产品一起确定改版目标 
产品问诊,取得信息; 检视信息,分析问题; 定义问题,确定目标。
Glance Think Review Verify 
WHAT HOW
Glance Think Verify 
HOW 
Review 
简化 
删除组织隐藏
Glance Think Review Verify 
删除标记功能瘦身 
logo 标记陌生来电 
fangjietu 
logologo 当前页面title 
我是标记弹窗~ 
默认分类 
默认分类+自定义全集
Glance Think Review Verify 
logloogo已标记号码 
砍掉陌生号码页面 
三logo logo 
搜狗号码通 
Tab1 Tab2 Tab3 
已标记号码> 
删除 
已已标标记记号号码码陌生来电
Glance Think Review Verify 
删除砍掉成就页面 
三logo logo 
搜狗号码通 
Tab1 Tab2 Tab3 
4级标记英雄 
已标记号码> 
删除
Glance Think Review Verify 
删删除除去掉不必要的 
去掉重复的 
去掉残缺的 
去掉分散注意力的因素,使用户聚焦有价值的功能。
Glance Think Review Verify 
组织 
logo 
logo 当前页面title 
Button(s) 
页面操作
Glance Think Review Verify 
组织标记页面 
logologo 已标记号码 
6月25日诈骗 
外卖 
前台MM 
6月22日 
陌生人 
隔壁那家披萨
Glance Think Review Verify 
组织 
分块分层分组… 
提供良好的的界面秩序 
引导用户自然操作
Glance Think Review Verify 
隐藏抽屉菜单 
三logo logo 
搜狗号码通 
Tab1 Tab2 Tab3 
简化 
截图
Glance Think Review Verify 
隐藏点评操作 
139485674748(圆通速递) 
|还不错,推荐你试试! 
给TA的服务评价,让更多人知道。 
取消提交
Glance Think Review Verify 
隐删藏除不常用但不能少 
渐进展示 
阶段展示 
让用户聚焦核心功能
显而易见的复杂 
Glance Think Review Verify 
删除组织隐藏 
无法避免的复杂
Glance Think Review Verify 
到了设计简单用户体验的最后,往往不是问“怎 
样才能把这个功能设计得更简单”,而是问“到 
底应该把这个复杂性放到哪里”。 
最后的叮嘱
Glance Think Review Verify 
创造简单用户体验的秘诀就在于把复杂性转移到 
正确的地方,让用户每时每刻都能感受到简单之美。 
最后的叮嘱
佐藤可士和 
的超整理术 
Glance Think Review Verify 
简约至上- 
交互式设计 
四策略 
WHAT HOW 
掌握状况 
导入观点 
确定目标 
删除 
组织 
隐藏
Glance Think Review Verify 
REVIEW
Glance Think Review Verify 
••凸标显记产功品能入核口心功增强能:,标操记作流;程简化; 
•信息层级梳理简化:整理; 
删除大量冗余页面;层级明显减少; 
•提高成就吸引力:亮点设计; 
成就设计亮点增强;尤其增强新用户的使用体验; 
•遵提守供安符卓合平安台卓特平性台:用用户户习习惯惯的。 
架构,导航和控件。
Glance Think Review Verify 
设计方案还原程度 
和其他角色沟通顺畅程度 
产品数据 
用户反馈
出境花絮。。。
THANKS ALL~
敬请期待…

Weitere ähnliche Inhalte

Andere mochten auch

从钢铁侠与美国队长看用户体验
从钢铁侠与美国队长看用户体验从钢铁侠与美国队长看用户体验
从钢铁侠与美国队长看用户体验麦哥UE
 
利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放Yang-Ming Huang
 
产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱Chiyu Zan
 
雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法NTUST
 
用戶體驗服務設計流程
用戶體驗服務設計流程用戶體驗服務設計流程
用戶體驗服務設計流程NTUST
 
帶領團隊討論與思考,從學「問」開始
帶領團隊討論與思考,從學「問」開始帶領團隊討論與思考,從學「問」開始
帶領團隊討論與思考,從學「問」開始Steven Tseng
 
ORID焦點討論法 - 白話入門篇
ORID焦點討論法 - 白話入門篇ORID焦點討論法 - 白話入門篇
ORID焦點討論法 - 白話入門篇Chuang Shu-Ting
 
Design thinking - 搞懂需求和洞見的差異 (Need & Insight)
Design thinking - 搞懂需求和洞見的差異 (Need & Insight)Design thinking - 搞懂需求和洞見的差異 (Need & Insight)
Design thinking - 搞懂需求和洞見的差異 (Need & Insight)Chuang Shu-Ting
 
User Centered Design for Projects
User Centered Design for ProjectsUser Centered Design for Projects
User Centered Design for ProjectsPeter Boersma
 
User-centered Design
User-centered DesignUser-centered Design
User-centered Designuxdesign101
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshopPatrick McNeil
 
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC
 
iPhone App Design: A user-centered approach
iPhone App Design: A user-centered approachiPhone App Design: A user-centered approach
iPhone App Design: A user-centered approachGinsburg Design
 
web-frontend-overview
web-frontend-overviewweb-frontend-overview
web-frontend-overviewotakustay
 
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714麦哥UE
 
Material design分享
Material design分享Material design分享
Material design分享麦哥UE
 
HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具
HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具
HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具Conrad Peng
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good ForDan Saffer
 

Andere mochten auch (20)

从钢铁侠与美国队长看用户体验
从钢铁侠与美国队长看用户体验从钢铁侠与美国队长看用户体验
从钢铁侠与美国队长看用户体验
 
利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放
 
产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱
 
雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法雲端產品的用戶體驗檢測重要性與作法
雲端產品的用戶體驗檢測重要性與作法
 
用戶體驗服務設計流程
用戶體驗服務設計流程用戶體驗服務設計流程
用戶體驗服務設計流程
 
帶領團隊討論與思考,從學「問」開始
帶領團隊討論與思考,從學「問」開始帶領團隊討論與思考,從學「問」開始
帶領團隊討論與思考,從學「問」開始
 
ORID焦點討論法 - 白話入門篇
ORID焦點討論法 - 白話入門篇ORID焦點討論法 - 白話入門篇
ORID焦點討論法 - 白話入門篇
 
Design thinking - 搞懂需求和洞見的差異 (Need & Insight)
Design thinking - 搞懂需求和洞見的差異 (Need & Insight)Design thinking - 搞懂需求和洞見的差異 (Need & Insight)
Design thinking - 搞懂需求和洞見的差異 (Need & Insight)
 
市場調查
市場調查市場調查
市場調查
 
User Centered Design for Projects
User Centered Design for ProjectsUser Centered Design for Projects
User Centered Design for Projects
 
User-centered Design
User-centered DesignUser-centered Design
User-centered Design
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
 
iPhone App Design: A user-centered approach
iPhone App Design: A user-centered approachiPhone App Design: A user-centered approach
iPhone App Design: A user-centered approach
 
web-frontend-overview
web-frontend-overviewweb-frontend-overview
web-frontend-overview
 
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714
 
Material design分享
Material design分享Material design分享
Material design分享
 
HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具
HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具
HPX讀書會之《體驗設計-整合品牌、經驗以及價值的架構》-CH 6 產品/服務的架構與工具
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good For
 

Ähnlich wie 塑造产品核心亮点的设计

重构 这一路走来
重构 这一路走来重构 这一路走来
重构 这一路走来Webrebuild
 
A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018Juggernaut Liu
 
Getting Real
Getting RealGetting Real
Getting Realrogerwang
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例Bob Chao
 
數據如何輔助 App 設計流程
數據如何輔助 App 設計流程數據如何輔助 App 設計流程
數據如何輔助 App 設計流程Soldier Hsieh
 
可用性测试篇__android客户端设计研究系列.pptx
可用性测试篇__android客户端设计研究系列.pptx可用性测试篇__android客户端设计研究系列.pptx
可用性测试篇__android客户端设计研究系列.pptxetaoux
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startupYenwen Feng
 
应用开发一般工作流程和注意
应用开发一般工作流程和注意应用开发一般工作流程和注意
应用开发一般工作流程和注意cucued
 
The way to continuous delivery
The way to continuous deliveryThe way to continuous delivery
The way to continuous deliveryQiao Liang
 
開源教 教我 Odoo 管理 ERP 和 CRM
開源教 教我 Odoo 管理 ERP 和 CRM開源教 教我 Odoo 管理 ERP 和 CRM
開源教 教我 Odoo 管理 ERP 和 CRMTsungWei Hu
 
Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化Vinny Wu
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”btpig
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comdrewz lin
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comdrewz lin
 
商業模式創新起手式
商業模式創新起手式商業模式創新起手式
商業模式創新起手式基欽 劉
 
7分钟打动投资人_天使轮融资版
7分钟打动投资人_天使轮融资版7分钟打动投资人_天使轮融资版
7分钟打动投资人_天使轮融资版Shawn-Michael Cui
 

Ähnlich wie 塑造产品核心亮点的设计 (20)

北區啟程學院第二組(橘子紅了)-總結PPT
北區啟程學院第二組(橘子紅了)-總結PPT北區啟程學院第二組(橘子紅了)-總結PPT
北區啟程學院第二組(橘子紅了)-總結PPT
 
重构 这一路走来
重构 这一路走来重构 这一路走来
重构 这一路走来
 
北區啟程學院第四組(Oh愛你)-總結PPT
北區啟程學院第四組(Oh愛你)-總結PPT北區啟程學院第四組(Oh愛你)-總結PPT
北區啟程學院第四組(Oh愛你)-總結PPT
 
A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018A dev ops team's practice in trend micro in agile summit 2018
A dev ops team's practice in trend micro in agile summit 2018
 
Getting Real
Getting RealGetting Real
Getting Real
 
北區啟程學院第三組(台灣好功夫)-總結PPT
北區啟程學院第三組(台灣好功夫)-總結PPT北區啟程學院第三組(台灣好功夫)-總結PPT
北區啟程學院第三組(台灣好功夫)-總結PPT
 
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
給 FLOSS 社群網站管理志工的網站分析入門 - 以 Google Analytics 為例
 
數據如何輔助 App 設計流程
數據如何輔助 App 設計流程數據如何輔助 App 設計流程
數據如何輔助 App 設計流程
 
可用性测试篇__android客户端设计研究系列.pptx
可用性测试篇__android客户端设计研究系列.pptx可用性测试篇__android客户端设计研究系列.pptx
可用性测试篇__android客户端设计研究系列.pptx
 
Our experience to start a startup
Our experience to start a startupOur experience to start a startup
Our experience to start a startup
 
应用开发一般工作流程和注意
应用开发一般工作流程和注意应用开发一般工作流程和注意
应用开发一般工作流程和注意
 
The way to continuous delivery
The way to continuous deliveryThe way to continuous delivery
The way to continuous delivery
 
開源教 教我 Odoo 管理 ERP 和 CRM
開源教 教我 Odoo 管理 ERP 和 CRM開源教 教我 Odoo 管理 ERP 和 CRM
開源教 教我 Odoo 管理 ERP 和 CRM
 
0918 產品經理先修班
0918 產品經理先修班0918 產品經理先修班
0918 產品經理先修班
 
Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化Google analytics代码部署补充 + SEO 搜索引擎优化
Google analytics代码部署补充 + SEO 搜索引擎优化
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
 
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.comDjt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
 
商業模式創新起手式
商業模式創新起手式商業模式創新起手式
商業模式創新起手式
 
7分钟打动投资人_天使轮融资版
7分钟打动投资人_天使轮融资版7分钟打动投资人_天使轮融资版
7分钟打动投资人_天使轮融资版
 

Mehr von 麦哥UE

Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪麦哥UE
 
格子里的设计
格子里的设计格子里的设计
格子里的设计麦哥UE
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇麦哥UE
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇麦哥UE
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用麦哥UE
 
★快乐的iOS手机游戏
★快乐的iOS手机游戏★快乐的iOS手机游戏
★快乐的iOS手机游戏麦哥UE
 
见微知著——无线产品交互细节
见微知著——无线产品交互细节见微知著——无线产品交互细节
见微知著——无线产品交互细节麦哥UE
 
Android那些事儿
Android那些事儿Android那些事儿
Android那些事儿麦哥UE
 

Mehr von 麦哥UE (9)

Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪
 
格子里的设计
格子里的设计格子里的设计
格子里的设计
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用
 
像素画
像素画像素画
像素画
 
★快乐的iOS手机游戏
★快乐的iOS手机游戏★快乐的iOS手机游戏
★快乐的iOS手机游戏
 
见微知著——无线产品交互细节
见微知著——无线产品交互细节见微知著——无线产品交互细节
见微知著——无线产品交互细节
 
Android那些事儿
Android那些事儿Android那些事儿
Android那些事儿
 

塑造产品核心亮点的设计

  • 8. 整理 logo Title Tab1 Tab2 Tab3 Tab4 Glance Think Review Verify 框架-旧版
  • 9. Glance Think Verify 三logo 搜狗号码通logo 三logo 搜狗号码通 简化 logo Tab1 Tab2 Tab3 Tab1 Tab2 Tab3 框架-新版 Review
  • 10. Glance Think Verify 导航-旧版导航-新版 logo 当前页面Title logloogo当前页面Title Review
  • 11. Glance Think Review Verify 操作区域(旧版)
  • 12. Glance Think Verify logo logo 当前页面title 次要操作区域 Button(s) 主要操作区域(FIT原则) Review 操作区域(新版)
  • 13. Glance Think Verify 弹窗(旧版) Review 说明文字单选操作列表输入框
  • 14. logloogo当前页面title Yes,我是弹窗~ Glance Think Verify Title Content Button 弹窗规范(新版) Review
  • 15. Glance Think Verify Glance 框架 导航 操作 控件 Review
  • 16. Glance Think Verify Glance 框架 导航 操作 控件 Think Review
  • 17. Glance Think Review Verify WHAT HOW
  • 18. Glance Think Verify WHAT Review 问:我们的目标是? 答:提高留存率,增加用户粘度
  • 19.
  • 20. Glance Think Verify WHAT 如何确定改版目标? Review 掌握状况—导入观点—确定目标 产品问诊, 取得信息; 检视信息, 分析问题; 定义问题; 确定目标。
  • 21. Glance Think Review Verify WHAT 如何确定改版目标? 掌握状况—导入观点—确定目标
  • 22. Glance Think Review Verify 2014/4/09 会议邀请 2014/4/10 第一次沟通交流会 2014/4/15 第二次沟通交流会 WHAT
  • 23. Glance Think Verify WHAT Review 掌握状况2014/4/09 会议邀请
  • 24. Glance Think Review Verify 掌握状况使用产品 •寻找标记入口遇到困难; •有的号码可以标记,有的号码不能标记; •层级太深,导航混乱;
  • 25. Glance Think Review Verify 掌握状况与相关设计师/产品沟通 •通话详情页面内操作混乱; •成就展示无亮点;
  • 26. Glance Think Review Verify 掌握状况与用户沟通 标记过程中,在通话页面尝试长按,寻找标记入口;
  • 27. Glance Think Review Verify 你还可以 找产品要数据 线上用户反馈 … 掌握状况
  • 28. Glance Think Review Verify 2014/4/09 会议邀请 使用产品 与相关设计师/产品沟通 与用户沟通 找产品要数据 线上用户反馈 2014/4/10 第一次沟通交流会 视觉同学引导 提出部分问题 掌握状况
  • 29. Glance Think Review Verify 掌握状况
  • 30. Glance Think Review Verify 掌握状况 对产品进行问诊,取得关于现状的信息;
  • 31. Glance Think Review Verify 标记入口问题; 标记操作流程复杂; 页面找不到; 弹窗样式混乱; 结构不符合安卓用户习惯; … 掌握状况
  • 32. Glance Think Verify WHAT Review 掌握状况--导入观点--确定目标
  • 33. Glance Think Verify WHAT Review 掌握状况--导入观点--确定目标
  • 34. Glance Think Review Verify 导入观点框架结构梳理 标记功能定位; 页面逻辑不顺; 页面层级太深; …
  • 35. Glance Think Review Verify 交互准则知识积累项目经验 导入观点
  • 36. Glance Think Review Verify 导入观点 以各种角度检视信息,找出问题本质;
  • 37. Glance Think Review Verify 掌握状况 •标记入口问题; •标记操作流程复杂; •页面找不到; •弹窗样式混乱; •无功能亮点; •不符合安卓用户习惯; •凸显产品核心功能; •信息层级梳理简化; •提高吸引力; •遵守安卓平台特性。 导入观点
  • 38. Glance Think Review Verify 掌握状况--导入观点--确定目标 WHAT
  • 39. Glance Think Verify WHAT Review 掌握状况--导入观点--确定目标
  • 40. Glance Think Verify 确定目标 Review 2014/4/15 第二次沟通交流会 结合问题;抛出观点;确定目标;
  • 41. Glance Think Review Verify 确定目标我们的目标是? •凸显产品核心功能:标记; •信息层级梳理简化:整理; •提高成就吸引力:亮点设计; •遵守安卓平台特性:用户习惯。
  • 42. Glance Think Review Verify 掌握状况导入观点确定目标 •试用产品 •与设计师/产品沟通 •用户调查 •数据 •用户反馈 梳理架构 参考基本交互原则 经验积累 抛出问题;定义问题; 对问题提出合理建议 与产品一起确定改版目标 产品问诊,取得信息; 检视信息,分析问题; 定义问题,确定目标。
  • 43. Glance Think Review Verify WHAT HOW
  • 44. Glance Think Verify HOW Review 简化 删除组织隐藏
  • 45. Glance Think Review Verify 删除标记功能瘦身 logo 标记陌生来电 fangjietu logologo 当前页面title 我是标记弹窗~ 默认分类 默认分类+自定义全集
  • 46. Glance Think Review Verify logloogo已标记号码 砍掉陌生号码页面 三logo logo 搜狗号码通 Tab1 Tab2 Tab3 已标记号码> 删除 已已标标记记号号码码陌生来电
  • 47. Glance Think Review Verify 删除砍掉成就页面 三logo logo 搜狗号码通 Tab1 Tab2 Tab3 4级标记英雄 已标记号码> 删除
  • 48. Glance Think Review Verify 删删除除去掉不必要的 去掉重复的 去掉残缺的 去掉分散注意力的因素,使用户聚焦有价值的功能。
  • 49. Glance Think Review Verify 组织 logo logo 当前页面title Button(s) 页面操作
  • 50. Glance Think Review Verify 组织标记页面 logologo 已标记号码 6月25日诈骗 外卖 前台MM 6月22日 陌生人 隔壁那家披萨
  • 51. Glance Think Review Verify 组织 分块分层分组… 提供良好的的界面秩序 引导用户自然操作
  • 52. Glance Think Review Verify 隐藏抽屉菜单 三logo logo 搜狗号码通 Tab1 Tab2 Tab3 简化 截图
  • 53. Glance Think Review Verify 隐藏点评操作 139485674748(圆通速递) |还不错,推荐你试试! 给TA的服务评价,让更多人知道。 取消提交
  • 54. Glance Think Review Verify 隐删藏除不常用但不能少 渐进展示 阶段展示 让用户聚焦核心功能
  • 55. 显而易见的复杂 Glance Think Review Verify 删除组织隐藏 无法避免的复杂
  • 56. Glance Think Review Verify 到了设计简单用户体验的最后,往往不是问“怎 样才能把这个功能设计得更简单”,而是问“到 底应该把这个复杂性放到哪里”。 最后的叮嘱
  • 57. Glance Think Review Verify 创造简单用户体验的秘诀就在于把复杂性转移到 正确的地方,让用户每时每刻都能感受到简单之美。 最后的叮嘱
  • 58. 佐藤可士和 的超整理术 Glance Think Review Verify 简约至上- 交互式设计 四策略 WHAT HOW 掌握状况 导入观点 确定目标 删除 组织 隐藏
  • 59. Glance Think Review Verify REVIEW
  • 60. Glance Think Review Verify ••凸标显记产功品能入核口心功增强能:,标操记作流;程简化; •信息层级梳理简化:整理; 删除大量冗余页面;层级明显减少; •提高成就吸引力:亮点设计; 成就设计亮点增强;尤其增强新用户的使用体验; •遵提守供安符卓合平安台卓特平性台:用用户户习习惯惯的。 架构,导航和控件。
  • 61. Glance Think Review Verify 设计方案还原程度 和其他角色沟通顺畅程度 产品数据 用户反馈
  • 62.

Hinweis der Redaktion

  1. 与其灌输太多的理论,倒不如看看大师游刃有余的实战过程,简单而直接。 改成了什么样 改动思路:整理+简化; 改动以后的特点:优点 ,缺点; 待验证数据;留存率 安装量 标记数量 点评数据
  2. 与其灌输太多的理论,倒不如看看大师游刃有余的实战过程,简单而直接。 改成了什么样 改动思路:整理+简化; 改动以后的特点:优点 ,缺点; 待验证数据;留存率 安装量 标记数量 点评数据
  3. 与其灌输太多的理论,倒不如看看大师游刃有余的实战过程,简单而直接。 改成了什么样 改动思路:整理+简化; 改动以后的特点:优点 ,缺点; 待验证数据;留存率 安装量 标记数量 点评数据
  4. 与其灌输太多的理论,倒不如看看大师游刃有余的实战过程,简单而直接。 改成了什么样 改动思路:整理+简化; 改动以后的特点:优点 ,缺点; 待验证数据;留存率 安装量 标记数量 点评数据
  5. 与其灌输太多的理论,倒不如看看大师游刃有余的实战过程,简单而直接。 改成了什么样 改动思路:整理+简化; 改动以后的特点:优点 ,缺点; 待验证数据;留存率 安装量 标记数量 点评数据
  6. 与其灌输太多的理论,倒不如看看大师游刃有余的实战过程,简单而直接。 改成了什么样 改动思路:整理+简化; 改动以后的特点:优点 ,缺点; 待验证数据;留存率 安装量 标记数量 点评数据
  7. 试用产品 与视觉设计师/产品沟通 找用户调查 找产品要数据 找用户反馈