Enviar pesquisa
Carregar
最终 大屏手机上的设计策略
•
Transferir como PPTX, PDF
•
3 gostaram
•
640 visualizações
麦哥UE
Seguir
手机屏幕越来越大,适合操作的创新我们做了归纳。
Leia menos
Leia mais
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 58
Baixar agora
Recomendados
手机助手Phone端竞品分析
手机助手Phone端竞品分析
麦哥UE
塑造产品核心亮点的设计
塑造产品核心亮点的设计
麦哥UE
从钢铁侠与美国队长看用户体验
从钢铁侠与美国队长看用户体验
麦哥UE
Brand Strategy
Brand Strategy
Dean Harris
Design disruption kalyan
Design disruption kalyan
WolfzHowl Strategic instigation
The perfect handjob
The perfect handjob
WolfzHowl Strategic instigation
Deccan chargers-brand-strategy
Deccan chargers-brand-strategy
WolfzHowl Strategic instigation
Creating Great Branding Practices
Creating Great Branding Practices
Laura Sweeney
Recomendados
手机助手Phone端竞品分析
手机助手Phone端竞品分析
麦哥UE
塑造产品核心亮点的设计
塑造产品核心亮点的设计
麦哥UE
从钢铁侠与美国队长看用户体验
从钢铁侠与美国队长看用户体验
麦哥UE
Brand Strategy
Brand Strategy
Dean Harris
Design disruption kalyan
Design disruption kalyan
WolfzHowl Strategic instigation
The perfect handjob
The perfect handjob
WolfzHowl Strategic instigation
Deccan chargers-brand-strategy
Deccan chargers-brand-strategy
WolfzHowl Strategic instigation
Creating Great Branding Practices
Creating Great Branding Practices
Laura Sweeney
Temple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocation
WolfzHowl Strategic instigation
基富通證券品牌識別
基富通證券品牌識別
紐約設計品牌顧問 New York Design (Principle)
web-frontend-overview
web-frontend-overview
otakustay
Material design分享
Material design分享
麦哥UE
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714
麦哥UE
Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)
a bu
Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪
麦哥UE
SOBO Design profile
SOBO Design profile
SOBO Design
Design Patterns in Luster
Design Patterns in Luster
Jason Chung
Git 零基础介绍
Git 零基础介绍
Ethan Zhang
創業這條不歸路
創業這條不歸路
Norika
Paganini+ OOH Media Deck
Paganini+ OOH Media Deck
Norika
Let's Redux!
Let's Redux!
Joseph Chiang
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
紐約設計品牌顧問 New York Design (Principle)
KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit
Norika
我的自學人生
我的自學人生
Norika
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Etu Solution
台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦
Jack Dai
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
Digital Strategy - Playground Sessions
Digital Strategy - Playground Sessions
Liane Siebenhaar
陌生到熟悉
陌生到熟悉
Wei Zhang
13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會
Joey Tai
Mais conteúdo relacionado
Destaque
Temple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocation
WolfzHowl Strategic instigation
基富通證券品牌識別
基富通證券品牌識別
紐約設計品牌顧問 New York Design (Principle)
web-frontend-overview
web-frontend-overview
otakustay
Material design分享
Material design分享
麦哥UE
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714
麦哥UE
Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)
a bu
Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪
麦哥UE
SOBO Design profile
SOBO Design profile
SOBO Design
Design Patterns in Luster
Design Patterns in Luster
Jason Chung
Git 零基础介绍
Git 零基础介绍
Ethan Zhang
創業這條不歸路
創業這條不歸路
Norika
Paganini+ OOH Media Deck
Paganini+ OOH Media Deck
Norika
Let's Redux!
Let's Redux!
Joseph Chiang
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
紐約設計品牌顧問 New York Design (Principle)
KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit
Norika
我的自學人生
我的自學人生
Norika
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Etu Solution
台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦
Jack Dai
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
Digital Strategy - Playground Sessions
Digital Strategy - Playground Sessions
Liane Siebenhaar
Destaque
(20)
Temple Strategy - Product role in brand creation provocation
Temple Strategy - Product role in brand creation provocation
基富通證券品牌識別
基富通證券品牌識別
web-frontend-overview
web-frontend-overview
Material design分享
Material design分享
手机浏览器竞品分析(Home页诉求)0714
手机浏览器竞品分析(Home页诉求)0714
Lofter品牌介绍(视觉)
Lofter品牌介绍(视觉)
Axure高级技巧和文档礼仪
Axure高级技巧和文档礼仪
SOBO Design profile
SOBO Design profile
Design Patterns in Luster
Design Patterns in Luster
Git 零基础介绍
Git 零基础介绍
創業這條不歸路
創業這條不歸路
Paganini+ OOH Media Deck
Paganini+ OOH Media Deck
Let's Redux!
Let's Redux!
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
基富通,富邦,逹豐公關: 品牌重塑,開啟品牌新鮮活力
KKBOX BeatMatchSales Kit
KKBOX BeatMatchSales Kit
我的自學人生
我的自學人生
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
Data without Boundaries - 圍繞第一方數據,找到商業驅動力
台灣創意週 - 創意烏托邦
台灣創意週 - 創意烏托邦
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Digital Strategy - Playground Sessions
Digital Strategy - Playground Sessions
Semelhante a 最终 大屏手机上的设计策略
陌生到熟悉
陌生到熟悉
Wei Zhang
13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會
Joey Tai
把握设计和开发的均衡
把握设计和开发的均衡
liujingbin
「別做天兵設計」第五章需求分析-HPX讀書會分享
「別做天兵設計」第五章需求分析-HPX讀書會分享
William Lin
App 的設計、開發、與行銷 設計篇 v1.0.0
App 的設計、開發、與行銷 設計篇 v1.0.0
信宏 陳
產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP
Arden Wang
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
JoXuZi
問題的分析與解決
問題的分析與解決
Alan Feng
聊天機器人實作展示與解密 Tommy wut克邦
聊天機器人實作展示與解密 Tommy wut克邦
湯米吳 Tommy Wu
Why do we need backend testing
Why do we need backend testing
Chen Liwei
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
續談脈絡訪查|設計思考的第1.5關 Design Thinking Level 1.5
小均 張
產品企劃分享版2010十一月
產品企劃分享版2010十一月
Mr PM
Design Method & Skill_20220107
Design Method & Skill_20220107
Winny Wang
产品经理入门-人人都是产品
产品经理入门-人人都是产品
Tracy Fu
同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1
小均 張
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
Terry Wang
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC
视觉智造现场培训课程简报(www.DrawSee.org)
视觉智造现场培训课程简报(www.DrawSee.org)
Redman
Ui gathering(視覺設計)
Ui gathering(視覺設計)
Winnie Chiang
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
Jason Cheng
Semelhante a 最终 大屏手机上的设计策略
(20)
陌生到熟悉
陌生到熟悉
13 如何回應挑戰性提問_行雲會
13 如何回應挑戰性提問_行雲會
把握设计和开发的均衡
把握设计和开发的均衡
「別做天兵設計」第五章需求分析-HPX讀書會分享
「別做天兵設計」第五章需求分析-HPX讀書會分享
App 的設計、開發、與行銷 設計篇 v1.0.0
App 的設計、開發、與行銷 設計篇 v1.0.0
產品原型(Prototype)觀念分享 with Axure RP
產品原型(Prototype)觀念分享 with Axure RP
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
問題的分析與解決
問題的分析與解決
聊天機器人實作展示與解密 Tommy wut克邦
聊天機器人實作展示與解密 Tommy wut克邦
Why 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
產品企劃分享版2010十一月
產品企劃分享版2010十一月
Design Method & Skill_20220107
Design Method & Skill_20220107
产品经理入门-人人都是产品
产品经理入门-人人都是产品
同理心|設計思考的第1關 Design Thinking Level 1
同理心|設計思考的第1關 Design Thinking Level 1
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
先不談 agile 不 agile 了,你有聽過 deadline 嗎?
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
视觉智造现场培训课程简报(www.DrawSee.org)
视觉智造现场培训课程简报(www.DrawSee.org)
Ui gathering(視覺設計)
Ui gathering(視覺設計)
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
開放或封閉的安全之刃 [2018/07/13] @國際資訊安全組織台灣高峰會
Mais de 麦哥UE
设计好的用户体验 郑磊
设计好的用户体验 郑磊
麦哥UE
格子里的设计
格子里的设计
麦哥UE
重构之道 触屏篇
重构之道 触屏篇
麦哥UE
重构之道 触屏篇
重构之道 触屏篇
麦哥UE
html5和移动web应用
html5和移动web应用
麦哥UE
像素画
像素画
麦哥UE
★快乐的iOS手机游戏
★快乐的iOS手机游戏
麦哥UE
见微知著——无线产品交互细节
见微知著——无线产品交互细节
麦哥UE
Android那些事儿
Android那些事儿
麦哥UE
Mais de 麦哥UE
(9)
设计好的用户体验 郑磊
设计好的用户体验 郑磊
格子里的设计
格子里的设计
重构之道 触屏篇
重构之道 触屏篇
重构之道 触屏篇
重构之道 触屏篇
html5和移动web应用
html5和移动web应用
像素画
像素画
★快乐的iOS手机游戏
★快乐的iOS手机游戏
见微知著——无线产品交互细节
见微知著——无线产品交互细节
Android那些事儿
Android那些事儿
最终 大屏手机上的设计策略
1.
大屏手机上的设计小策略 --单手操作痛点讨论
2.
你有没有遇到过这种情况~
3.
你有没有遇到过这种情况~
4.
你有没有遇到过这种情况~
5.
你有没有遇到过这种情况~
6.
执行任务达到目标 痛点
7.
那如果这样…
8.
然后这样…
9.
我们会讨论什么? 执行任务达到目标 设计tips
痛点
10.
关于这次讨论~ 2个环节2个目标 •设计总结
•设计应用(痛点讨论) •设计思路,设计意识 •解决方案
11.
关于这次讨论~ 第1个环节
12.
大屏 单手操作 回到痛点…
13.
对大屏的吐槽…
14.
对大屏的吐槽…
15.
“大”行其道-趋势 Iphone5 4英寸
三星s4 5.1英寸 Nexus5 5英寸 魅族3 5.1英寸 Note3 5.7英寸 联想K900 5.5英寸 华为mate 6.1英寸
16.
为什么喜欢大屏? 更大的可视范围 和操控区域
视频游戏阅读 体验较好 跟随潮流…
17.
为什么喜欢大屏?
18.
如果,这理由还不够…
19.
为什么喜欢大屏? 大屏显脸小
20.
接受大屏现象 •大屏并非是最好;最优的屏幕大小因人而异; •“大行其道”的现象与市场,消费心理等多因素有关;
•但我们可以通过设计减少因为屏幕大而带来的痛点。
21.
关于单手操作的质疑
22.
为单手操作的必要性 UXmatters发布针对用户握持和操作手机习惯的研究报告
23.
为单手操作的必要性
24.
为单手操作的必要性 •手机角色的转变: 移动互联网入口;
生活工作学习助手(手的延伸) 通信工具 •使用场景移动性: 行走,站立,地铁公交,床上躺着~ 单手操作最自然~
25.
为单手操作设计很有必要!!
26.
当大屏手机遇上单手操作 矛盾:拇指覆盖区有限,顶部功能无法顺利触达。
27.
1.魅族3—下拉悬停
28.
1操.魅作族位3置—转下移拉悬停
29.
1操.魅作族位3置—转下移拉悬停
30.
1操.魅作族位3置—转下移拉悬停 下拉悬停:降低操作区域的高度; 优势:“强大的微创新”
(创新性;基本可单手操作使用;) 劣势:“使用率不高”“鸡肋” (成功率不高;心理负担大;拇指操作流较长;) 总结:操作位置下移的设计思路;
31.
2.Fuubo—菜单
32.
2.Fuubo—发送操作
33.
2.操Fuubo 作位置转移 fuubo:将常用功能放在底部(符合FIT原则的操作)
优势:创新性强;很方便进行单手操作; 劣势:无
34.
3.Q立方桌面
35.
2.操Fuubo 作位置转移 Q立方桌面:操作位置从顶部移到页面内所有区域;
优势:方便操作; 劣势:无。
36.
4.快播—单手模式
37.
4.快播—单手模式 快播:将操作按钮位置移动; 优势:大胆设计;
劣势:操作并不方便; 手指滑动不自然; 操作按钮排列方式不自然; 总结:不要为了设计而设计; 提供方便的操作;
38.
5.讯飞输入法-单手模式
39.
5.Note2-单手模式
40.
5.输入法&Note2:单手模式 单手模式:将操作区域位置移动; 优势:设计创新;提供了方便操作;
劣势:点击区域减小,弱化了大屏的优势; 切换为双手操作有障碍; 总结:为单手操作的设计不影响双手操作;
41.
5手势
42.
手势操作 优势:手势操作不受区域限制; 操作快捷;
劣势:需要学习成本; 误操作; 5手势
43.
6.长按 长按等于顶部的点击操作; 优势:可方便触达;
劣势:隐藏较深,需要用户引导;
44.
7.软件硬件结合 手势y阅读翻屏发微信 语音助手、录
音、相机等模 块 呼出常用操作 Oppo N1背部触控技术; 优势:创新性强;可实现单手操作; 劣势:学习成本高; 操作不是很方便; 应用范围底;
45.
8.传感器运用 摇一摇 吹一吹
… 作为代替顶部点击操作的方案 优势:操作方便无局限; 劣势:切入场景不自然;操作动作较大;
46.
总结 设计方法: 1.操作位置转移:
•从上移动到底部; •从居中移动到侧边; 2.转换操作方式: •手势: •长按; •软硬件结合;(传感器)
47.
设计考量因素: 控制学习成本; 不影响大屏的优势;
切换到双手操作无障碍; 总结
48.
我们不是为了设计而设计,设计是为了解决问题。
49.
为单手操作做设计其实是在符合产品规范,满足其可用性的基础上 做优化的过程。
50.
这个过程中,我们可以总结一些规律用来思考设计方案,但最 重要的是设计意识的培养。
51.
第1个目标:必要性 how to
do 关于这次讨论~
52.
关于这次讨论~ 第2个环节:浏览器痛点 可能的解决方案
53.
是的,你们要开始发言了。。
54.
浏览器痛点讨论 你可以从这里入手 •位于页面顶部的操作;
•用户常用功能:搜索;收藏;下载… ps:由于大屏而产生的痛点奥~
55.
我想到的: 痛点: 1.搜索栏,地址栏;
2.刷新; 3.收藏/历史/下载页面; 4.搜索VR; 5.分享; 6.Action bar; 7.长按菜单; 8….
56.
解决方案 设计考量因素: •控制学习成本;
•不影响大屏的优势; •切换到双手操作无障碍; 设计方法: 1.操作位置转移: •从上移动到底部; •从居中移动到侧边; 2.转换操作方式: •手势: •长按; •软硬件结合;(传感器)
57.
关于这次讨论~ 2个目标 •设计意识
•解决方案
58.
微信号:南音 谢谢大家~
Notas do Editor
举例子:搜索明天天气~:执行任务:激活搜索框→输入→go→点击结果→查看
举例子:搜索明天天气~:执行任务:激活搜索框→输入→go→点击结果→查看
Baixar agora