交互设计 图形用户界面

Big Than Big ,在移动设备屏幕变大的时代,交互师!你的交互该怎么进行设计?

0
登录或者登记去做吧。

这是一个时代的大屏幕手机。

强调这件事的意义是这已经成为现实。在各大信息统计渠道上的个人统计信息显示在过去的 7 年中,新的手机屏幕大小正在增长。

20141230_54a26448d97011

分界点在 4.5 英寸,我们清楚地看到这种变化。在过去的两年中,4.5 英寸比例从 10%上升到 80%。

20141230_54a26449764171

在家里,最后的 3 季度,枳椇子高清分辨率使用手机从 38%的股份增加到 50%。

20141230_54a26449d1cef1

"地图"的百度移动分布报告 2014 H 1

更大尺寸屏幕可以承载更多的内容,以显示更适合玩视频游戏,阅读和经验可以得到改善。

20141230_54a2644a501bd1

"地图"的百度移动趋势报告 2014Q2

然而屏幕大小增加并未造成太多的不适对用户操作 51%的用户已经适应了双手来操作。

20141230_54a2644ac28cb1

"地图"的如何做用户真的持有由 Steven Hoober 的移动设备

即使需要用户单手操作手术时大屏幕相对阴影 (黑区),更多的响应时间,也可以被接受。

20141230_54a2644b1ab3f1

"图"移动用户界面人机工程学: 如何努力是它真的可以充分利用您的手机界面的不同领域?,由 Mikkel 博

即便如此。3.5 英寸 ~ 4 英寸遗骸平衡单手操作和经验的尺寸的合理范围。

20141230_54a2644b66ff31

这引起了一个悖论: 用户更大的屏幕尺寸,但从人机交互的角度并不完美。

面对这种情况,从应用程序界面设计的角度您需要进行更改。

大屏幕提供典型的可用性问题: 垂直单手操作的机身,角落,左上侧和难以触摸起来,放在死区点击上面入口处,将导致经历路径中的断开。

交互设计的最佳做法:

1.设计一个安全地带,避免盲目经营。

示例中,百度搜索结果页面,视线的规则下,典型的操作盲点可以用于展示的标志,在左上角。

20141230_54a2644bdd40a1

2.注意到使用场景和路径来触发中的一致性。

例子,下载 Android 手机助手在百度浏览器操作集中在一个安全区域中。

20141230_54a2644c7a1201

3.更多使用的可拖动的浮动按钮,为用户提供更大的业务可能性。

示例中,百度浏览器 Android 页/回到顶部的组合按钮。

20141230_54a2644d2dc6c1

4.使用更多的手势,并提供提示。

例如,百度浏览器 Android 删除窗口操作。

20141230_54a2644d5b8d81

5.更多的使用声音作为输入的方式。

示例: 使用的演讲而不是键盘输入的注释。

20141230_54a2644d94c5f1

6.景观设计的键盘操作,以及更多的内容显示。

例如,百度浏览器 iPhone 在景观设计中,作为响应概念页面的布局。

20141230_54a2644e0f4241

外部接口级别和在附近的时间,更多的优化可能存在的硬件。

1.窄的国界,更大的放大倍数。

20141230_54a2644e632ea1

2.灵活的材料。

20141230_54a2644ec65d41

3."移动电话"服务能触发、 屏幕投影和心灵遥控操作。

20141230_54a2644f44aa21

延伸将讨论设计师旨在响应式设计,从另一个角度来看,不断变化与人机互动的可能性的思考,有希望和激发创造出有出有惊艳的、创造力的硬件或软件设备。

Now,大的时代,你的移动应用程序产品跟进了吗?

下面是链接相关研究材料,各位看官自行搜索。

  1. 百度移动分发报告2014H1
  2. 百度移动互联网发展趋势报告2014Q2
  3. The Rise of the Phablet: Designing for Larger Phones
  4. Common Misconceptions About Touch
  5. How to design for thumbs in the era of huge screens
  6. Designing for Large Screen Smartphones
  7. Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?
  8. Insights on Switching, Centering, and Gestures for Touchscreens
  9. A comprehensive look at smartphone screen size statistics and trends

资料来源: 百度多路复用器    

更多交互设计资讯请继续关注- 木卫艾欧网-IxD交互设计学堂

商业化的产品设计方向
高保真APP原型-IAMUE网分享