View
135
Download
4
Category
Preview:
DESCRIPTION
手机屏幕越来越大,适合操作的创新我们做了归纳。
Citation preview
大屏手机上的设计小策略
--单手操作痛点讨论
你有没有遇到过这种情况~
你有没有遇到过这种情况~
你有没有遇到过这种情况~
你有没有遇到过这种情况~
痛点
执行任务 达到目标
那如果这样…
然后这样…
我们会讨论什么?
执行任务 达到目标
痛点
设计tips
关于这次讨论~
2个环节 2个目标
•设计总结•设计应用(痛点讨论)
•设计思路,设计意识•解决方案
关于这次讨论~
第1个环节
大屏
单手操作
回到痛点…
对大屏的吐槽…
对大屏的吐槽…
“大”行其道-趋势
Iphone54英寸
三星s45.1英寸
Nexus55英寸
魅族35.1英寸
Note35.7英寸
联想K9005.5英寸
华为mate6.1英寸
为什么喜欢大屏?
更大的可视范围和操控区域
视频 游戏 阅读体验较好
跟随潮流…
为什么喜欢大屏?
如果,这理由还不够…
为什么喜欢大屏?
大屏显脸小
•大屏并非是最好;最优的屏幕大小因人而异;
•“大行其道”的现象与市场,消费心理等多因素有关;
•但我们可以通过设计减少因为屏幕大而带来的痛点。
接受大屏现象
关于单手操作的质疑
为单手操作的必要性
UXmatters发布针对用户握持和操作手机习惯的研究报告
为单手操作的必要性
•手机角色的转变:
移动互联网入口;
生活工作学习助手(手的延伸)
为单手操作的必要性
•使用场景移动性:
行走,站立,地铁公交,床上躺着~
单手操作最自然 ~
通信工具
为单手操作设计很有必要!!
当大屏手机遇上单手操作
矛盾:拇指覆盖区有限,顶部功能无法顺利触达。
1.魅族3—下拉悬停
操作位置转移1.魅族3—下拉悬停
操作位置转移1.魅族3—下拉悬停
操作位置转移1.魅族3—下拉悬停
下拉悬停:降低操作区域的高度;
优势:“强大的微创新”(创新性;基本可单手操作使用;)
劣势:“使用率不高”“鸡肋”(成功率不高;心理负担大;拇指操作流较长;)
总结:操作位置下移的设计思路;
2.Fuubo—菜单
2.Fuubo—发送操作
操作位置转移
fuubo:将常用功能放在底部(符合FIT原则的操作)
优势:创新性强;很方便进行单手操作;劣势:无
2.Fuubo
3.Q立方桌面
操作位置转移
Q立方桌面:操作位置从顶部移到页面内所有区域;优势:方便操作;劣势:无。
2.Fuubo
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个目标
•设计意识•解决方案
微信号:南音
谢谢大家~
Recommended