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

这是一个大屏手机的时代。强调这件事情的意义在于,这已经成为事实。这是一个大屏手机的时代。

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

强调这件事的意义是这已经成为现实。在各大信息统计渠道上的个人统计信息显示在过去的 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交互设计学堂

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/2433/

(0)
TinadminTinadmin
上一篇 2015-01-05
下一篇 2015-01-06

相关推荐

  • UED建筑品谈 | 昭君博物馆:土木轮回

    📌编辑 | F.项目竣工的下午,一片低黑的云朵重重地飘盖过来,浓烈的阳光穿过云缝狠狠地砸在了和周围土地一样色质的“夯土”表面上,一派陌上苍歌的景象。新的“土木”谦虚地溶嵌在大地之上,迥异的材料体验感却反而没有让建筑消失,熟悉得甚至可以忘记的“土”和“木”。体验变得几分陌生,他们与大地一同构建了令人难忘的场所。这让我想到几米漫画书里的句子:“……看不见的,看见了;遗忘的,记住了。”——曹晓昕主创建筑师曹晓昕中国建筑设计院有限公司副总建筑师...

    2018-02-02
  • 关于文档的价值

    作者:杨蓉(资深用研专家,现任极客网运营总监)   高歌在产品经理的培训中,提到了研究分析、产品定义和交互设计,展示了不同格式的文档,几个来自创业公司的童鞋提到了老板不鼓励用文档的问题。让我想起来几个去…

    交互专题 2017-08-07
  • 有些话并不必说

    路边报亭挂着一块牌子:“本报亭有售雨伞10-30元”。这个表达有些啰嗦了,只需要写:“雨伞:10-30元”。 饭馆门口的告示:“诚聘西餐大厨,月薪XXXXXX,有意者请联系,电话:1350000XXX”。其中的“有意者请联系”是可以不…

    2016-05-31
  • APPLE WATCH案例学习!

    编者按:这篇实战的对象是Wallaby,一款个人财务APP,文章总结了四点经验:导航、通知、复杂任务以及动效。每个方面都有需要注意的问题和对应的解决方法,进入译文 >>> Wallaby是一款个人财务app,可以在…

    2015-05-21
  • 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的:

    手机地图  移动交互 数据可视化 移动大潮席卷了你我。 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的。 本文的原 po 给几乎每个案例、工具都…

    2016-04-08
  • 【译文】UI设计中七个不能违反的法则

      作者:Peter Vukovic(译者:RAS)   虽然当下的网页的功能无非是引导或者填表,但是随着新技术和新标准的发展,网页设计中出现了越来越多对动态化和定制化的要求。UI设计的工作量随之会越来越大,让我们来看看设…

    交互专题 2017-08-07
  • 交互设计用户心理学

      交互设计是个跨学科专业,其中,心理学便是其中很重要的一个部分。所以,如果你不想继续仅凭直觉和死记硬背高大上的理论原则来从事交互设计,如果你想成为优秀的交互设计师,学习一定的心理学将是很有帮助也是…

    2015-06-13
  • 阿里交互新手小记 | 交互工作流程的梳理

    头疼就是脑子里有什么正在激烈地进行改变,可能就是你从困难上学会的东西。—— 写这篇文章的人

    2017-05-23
  • Material Design设计初步尝试

    Material Design(以下简称MD)是Google在Android 5.0发布后主推的ue设计规范,旨在解决Android平台设计风格不统一的问题,其核心理念“材质化”是基于拟物与扁平之间的设计,强调真实世界元素的物理规律与空间关系,…

    Material Design 2015-08-26
  • 视觉设计-文字编排的易读性

    在视觉设计工作中,大家总习惯将重点放在图标和色彩上。但实际上,作为一个阅读类app,思考如何让文章更易于阅读是和图形、色彩处理同等甚至更为重要。 在设计工作中,如果有100个人就会有100种设计理论,我认为并…

    2014-09-08