大屏手机上的设计小策略

--单手操作痛点讨论

你有没有遇到过这种情况~

你有没有遇到过这种情况~

你有没有遇到过这种情况~

你有没有遇到过这种情况~

痛点

执行任务 达到目标

那如果这样…

然后这样…

我们会讨论什么？

执行任务 达到目标

痛点

设计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个目标

•设计意识•解决方案

微信号：南音

谢谢大家~