SlideShare uma empresa Scribd logo
1 de 58
大屏手机上的设计小策略 
--单手操作痛点讨论
你有没有遇到过这种情况~
你有没有遇到过这种情况~
你有没有遇到过这种情况~
你有没有遇到过这种情况~
执行任务达到目标 
痛点
那如果这样…
然后这样…
我们会讨论什么? 
执行任务达到目标 
设计tips 
痛点
关于这次讨论~ 
2个环节2个目标 
•设计总结 
•设计应用(痛点讨论) 
•设计思路,设计意识 
•解决方案
关于这次讨论~ 
第1个环节
大屏 
单手操作 
回到痛点…
对大屏的吐槽…
对大屏的吐槽…
“大”行其道-趋势 
Iphone5 
4英寸 
三星s4 
5.1英寸 
Nexus5 
5英寸 
魅族3 
5.1英寸 
Note3 
5.7英寸 
联想K900 
5.5英寸 
华为mate 
6.1英寸
为什么喜欢大屏? 
更大的可视范围 
和操控区域 
视频游戏阅读 
体验较好 
跟随潮流…
为什么喜欢大屏?
如果,这理由还不够…
为什么喜欢大屏? 
大屏显脸小
接受大屏现象 
•大屏并非是最好;最优的屏幕大小因人而异; 
•“大行其道”的现象与市场,消费心理等多因素有关; 
•但我们可以通过设计减少因为屏幕大而带来的痛点。
关于单手操作的质疑
为单手操作的必要性 
UXmatters发布针对用户握持和操作手机习惯的研究报告
为单手操作的必要性
为单手操作的必要性 
•手机角色的转变: 
移动互联网入口; 
生活工作学习助手(手的延伸) 
通信工具 
•使用场景移动性: 
行走,站立,地铁公交,床上躺着~ 
单手操作最自然~
为单手操作设计很有必要!!
当大屏手机遇上单手操作 
矛盾:拇指覆盖区有限,顶部功能无法顺利触达。
1.魅族3—下拉悬停
1操.魅作族位3置—转下移拉悬停
1操.魅作族位3置—转下移拉悬停
1操.魅作族位3置—转下移拉悬停 
下拉悬停:降低操作区域的高度; 
优势:“强大的微创新” 
(创新性;基本可单手操作使用;) 
劣势:“使用率不高”“鸡肋” 
(成功率不高;心理负担大;拇指操作流较长;) 
总结:操作位置下移的设计思路;
2.Fuubo—菜单
2.Fuubo—发送操作
2.操Fuubo 
作位置转移 
fuubo:将常用功能放在底部(符合FIT原则的操作) 
优势:创新性强;很方便进行单手操作; 
劣势:无
3.Q立方桌面
2.操Fuubo 
作位置转移 
Q立方桌面:操作位置从顶部移到页面内所有区域; 
优势:方便操作; 
劣势:无。
4.快播—单手模式
4.快播—单手模式 
快播:将操作按钮位置移动; 
优势:大胆设计; 
劣势:操作并不方便; 
手指滑动不自然; 
操作按钮排列方式不自然; 
总结:不要为了设计而设计; 
提供方便的操作;
5.讯飞输入法-单手模式
5.Note2-单手模式
5.输入法&Note2:单手模式 
单手模式:将操作区域位置移动; 
优势:设计创新;提供了方便操作; 
劣势:点击区域减小,弱化了大屏的优势; 
切换为双手操作有障碍; 
总结:为单手操作的设计不影响双手操作;
5手势
手势操作 
优势:手势操作不受区域限制; 
操作快捷; 
劣势:需要学习成本; 
误操作; 
5手势
6.长按 
长按等于顶部的点击操作; 
优势:可方便触达; 
劣势:隐藏较深,需要用户引导;
7.软件硬件结合 
手势y阅读翻屏发微信 
语音助手、录 
音、相机等模 
块 
呼出常用操作 
Oppo N1背部触控技术; 
优势:创新性强;可实现单手操作; 
劣势:学习成本高; 
操作不是很方便; 
应用范围底;
8.传感器运用 
摇一摇 
吹一吹 
… 
作为代替顶部点击操作的方案 
优势:操作方便无局限; 
劣势:切入场景不自然;操作动作较大;
总结 
设计方法: 
1.操作位置转移: 
•从上移动到底部; 
•从居中移动到侧边; 
2.转换操作方式: 
•手势: 
•长按; 
•软硬件结合;(传感器)
设计考量因素: 
控制学习成本; 
不影响大屏的优势; 
切换到双手操作无障碍; 
总结
我们不是为了设计而设计,设计是为了解决问题。
为单手操作做设计其实是在符合产品规范,满足其可用性的基础上 
做优化的过程。
这个过程中,我们可以总结一些规律用来思考设计方案,但最 
重要的是设计意识的培养。
第1个目标:必要性 
how to do 
关于这次讨论~
关于这次讨论~ 
第2个环节:浏览器痛点 
可能的解决方案
是的,你们要开始发言了。。
浏览器痛点讨论 
你可以从这里入手 
•位于页面顶部的操作; 
•用户常用功能:搜索;收藏;下载… 
ps:由于大屏而产生的痛点奥~
我想到的: 
痛点: 
1.搜索栏,地址栏; 
2.刷新; 
3.收藏/历史/下载页面; 
4.搜索VR; 
5.分享; 
6.Action bar; 
7.长按菜单; 
8….
解决方案 
设计考量因素: 
•控制学习成本; 
•不影响大屏的优势; 
•切换到双手操作无障碍; 
设计方法: 
1.操作位置转移: 
•从上移动到底部; 
•从居中移动到侧边; 
2.转换操作方式: 
•手势: 
•长按; 
•软硬件结合;(传感器)
关于这次讨论~ 
2个目标 
•设计意识 
•解决方案
微信号:南音 
谢谢大家~

Mais conteúdo relacionado

Destaque

Temple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocationTemple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocationWolfzHowl Strategic instigation
 
web-frontend-overview
web-frontend-overviewweb-frontend-overview
web-frontend-overviewotakustay
 
Material design分享
Material design分享Material design分享
Material design分享麦哥UE
 
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714麦哥UE
 
Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)a bu
 
Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪麦哥UE
 
SOBO Design profile
SOBO Design profileSOBO Design profile
SOBO Design profileSOBO Design
 
Design Patterns in Luster
Design Patterns in LusterDesign Patterns in Luster
Design Patterns in LusterJason Chung
 
Git 零基础介绍
Git 零基础介绍Git 零基础介绍
Git 零基础介绍Ethan Zhang
 
創業這條不歸路
創業這條不歸路創業這條不歸路
創業這條不歸路Norika
 
Paganini+ OOH Media Deck
Paganini+ OOH Media DeckPaganini+ OOH Media Deck
Paganini+ OOH Media DeckNorika
 
KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit Norika
 
我的自學人生
我的自學人生我的自學人生
我的自學人生Norika
 
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力Etu Solution
 
台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦Jack Dai
 
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会Joseph Chiang
 
Digital Strategy - Playground Sessions
Digital Strategy - Playground SessionsDigital Strategy - Playground Sessions
Digital Strategy - Playground SessionsLiane Siebenhaar
 

Destaque (20)

Temple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocationTemple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocation
 
基富通證券品牌識別
基富通證券品牌識別基富通證券品牌識別
基富通證券品牌識別
 
web-frontend-overview
web-frontend-overviewweb-frontend-overview
web-frontend-overview
 
Material design分享
Material design分享Material design分享
Material design分享
 
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714
 
Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)
 
Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪
 
SOBO Design profile
SOBO Design profileSOBO Design profile
SOBO Design profile
 
Design Patterns in Luster
Design Patterns in LusterDesign Patterns in Luster
Design Patterns in Luster
 
Git 零基础介绍
Git 零基础介绍Git 零基础介绍
Git 零基础介绍
 
創業這條不歸路
創業這條不歸路創業這條不歸路
創業這條不歸路
 
Paganini+ OOH Media Deck
Paganini+ OOH Media DeckPaganini+ OOH Media Deck
Paganini+ OOH Media Deck
 
Let's Redux!
Let's Redux!Let's Redux!
Let's Redux!
 
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
 
KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit
 
我的自學人生
我的自學人生我的自學人生
我的自學人生
 
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
 
台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦
 
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
 
Digital Strategy - Playground Sessions
Digital Strategy - Playground SessionsDigital Strategy - Playground Sessions
Digital Strategy - Playground Sessions
 

Semelhante a 最终 大屏手机上的设计策略

陌生到熟悉
陌生到熟悉陌生到熟悉
陌生到熟悉Wei Zhang
 
13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會Joey Tai
 
把握设计和开发的均衡
把握设计和开发的均衡把握设计和开发的均衡
把握设计和开发的均衡liujingbin
 
「別做天兵設計」第五章需求分析-HPX讀書會分享
「別做天兵設計」第五章需求分析-HPX讀書會分享「別做天兵設計」第五章需求分析-HPX讀書會分享
「別做天兵設計」第五章需求分析-HPX讀書會分享William Lin
 
App 的設計、開發、與行銷 設計篇 v1.0.0
App 的設計、開發、與行銷 設計篇 v1.0.0App 的設計、開發、與行銷 設計篇 v1.0.0
App 的設計、開發、與行銷 設計篇 v1.0.0信宏 陳
 
產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RPArden Wang
 
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)JoXuZi
 
問題的分析與解決
問題的分析與解決問題的分析與解決
問題的分析與解決Alan Feng
 
聊天機器人實作展示與解密 Tommy wut克邦
聊天機器人實作展示與解密 Tommy wut克邦聊天機器人實作展示與解密 Tommy wut克邦
聊天機器人實作展示與解密 Tommy wut克邦湯米吳 Tommy Wu
 
Why do we need backend testing
Why do we need backend testingWhy do we need backend testing
Why do we need backend testingChen Liwei
 
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5小均 張
 
產品企劃分享版2010十一月
產品企劃分享版2010十一月產品企劃分享版2010十一月
產品企劃分享版2010十一月Mr PM
 
Design Method & Skill_20220107
Design Method & Skill_20220107Design Method & Skill_20220107
Design Method & Skill_20220107Winny Wang
 
产品经理入门-人人都是产品
产品经理入门-人人都是产品产品经理入门-人人都是产品
产品经理入门-人人都是产品Tracy Fu
 
同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1小均 張
 
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
先不談 agile 不 agile 了,你有聽過 deadline 嗎?先不談 agile 不 agile 了,你有聽過 deadline 嗎?
先不談 agile 不 agile 了,你有聽過 deadline 嗎?Terry Wang
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC
 
视觉智造现场培训课程简报(www.DrawSee.org)
视觉智造现场培训课程简报(www.DrawSee.org)视觉智造现场培训课程简报(www.DrawSee.org)
视觉智造现场培训课程简报(www.DrawSee.org)Redman
 
Ui gathering(視覺設計)
Ui gathering(視覺設計)Ui gathering(視覺設計)
Ui gathering(視覺設計)Winnie Chiang
 
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會Jason Cheng
 

Semelhante a 最终 大屏手机上的设计策略 (20)

陌生到熟悉
陌生到熟悉陌生到熟悉
陌生到熟悉
 
13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會
 
把握设计和开发的均衡
把握设计和开发的均衡把握设计和开发的均衡
把握设计和开发的均衡
 
「別做天兵設計」第五章需求分析-HPX讀書會分享
「別做天兵設計」第五章需求分析-HPX讀書會分享「別做天兵設計」第五章需求分析-HPX讀書會分享
「別做天兵設計」第五章需求分析-HPX讀書會分享
 
App 的設計、開發、與行銷 設計篇 v1.0.0
App 的設計、開發、與行銷 設計篇 v1.0.0App 的設計、開發、與行銷 設計篇 v1.0.0
App 的設計、開發、與行銷 設計篇 v1.0.0
 
產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP
 
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
 
問題的分析與解決
問題的分析與解決問題的分析與解決
問題的分析與解決
 
聊天機器人實作展示與解密 Tommy wut克邦
聊天機器人實作展示與解密 Tommy wut克邦聊天機器人實作展示與解密 Tommy wut克邦
聊天機器人實作展示與解密 Tommy wut克邦
 
Why do we need backend testing
Why do we need backend testingWhy do we need backend testing
Why do we need backend testing
 
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
 
產品企劃分享版2010十一月
產品企劃分享版2010十一月產品企劃分享版2010十一月
產品企劃分享版2010十一月
 
Design Method & Skill_20220107
Design Method & Skill_20220107Design Method & Skill_20220107
Design Method & Skill_20220107
 
产品经理入门-人人都是产品
产品经理入门-人人都是产品产品经理入门-人人都是产品
产品经理入门-人人都是产品
 
同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1
 
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
先不談 agile 不 agile 了,你有聽過 deadline 嗎?先不談 agile 不 agile 了,你有聽過 deadline 嗎?
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
 
视觉智造现场培训课程简报(www.DrawSee.org)
视觉智造现场培训课程简报(www.DrawSee.org)视觉智造现场培训课程简报(www.DrawSee.org)
视觉智造现场培训课程简报(www.DrawSee.org)
 
Ui gathering(視覺設計)
Ui gathering(視覺設計)Ui gathering(視覺設計)
Ui gathering(視覺設計)
 
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
 

Mais de 麦哥UE

设计好的用户体验 郑磊
设计好的用户体验 郑磊设计好的用户体验 郑磊
设计好的用户体验 郑磊麦哥UE
 
格子里的设计
格子里的设计格子里的设计
格子里的设计麦哥UE
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇麦哥UE
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇麦哥UE
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用麦哥UE
 
★快乐的iOS手机游戏
★快乐的iOS手机游戏★快乐的iOS手机游戏
★快乐的iOS手机游戏麦哥UE
 
见微知著——无线产品交互细节
见微知著——无线产品交互细节见微知著——无线产品交互细节
见微知著——无线产品交互细节麦哥UE
 
Android那些事儿
Android那些事儿Android那些事儿
Android那些事儿麦哥UE
 

Mais de 麦哥UE (9)

设计好的用户体验 郑磊
设计好的用户体验 郑磊设计好的用户体验 郑磊
设计好的用户体验 郑磊
 
格子里的设计
格子里的设计格子里的设计
格子里的设计
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇
 
重构之道 触屏篇
重构之道 触屏篇重构之道 触屏篇
重构之道 触屏篇
 
html5和移动web应用
html5和移动web应用html5和移动web应用
html5和移动web应用
 
像素画
像素画像素画
像素画
 
★快乐的iOS手机游戏
★快乐的iOS手机游戏★快乐的iOS手机游戏
★快乐的iOS手机游戏
 
见微知著——无线产品交互细节
见微知著——无线产品交互细节见微知著——无线产品交互细节
见微知著——无线产品交互细节
 
Android那些事儿
Android那些事儿Android那些事儿
Android那些事儿
 

最终 大屏手机上的设计策略

Notas do Editor

  1. 举例子:搜索明天天气~:执行任务:激活搜索框→输入→go→点击结果→查看
  2. 举例子:搜索明天天气~:执行任务:激活搜索框→输入→go→点击结果→查看