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

相关推荐

  • 在交互稿中,应重视「键盘类型」的标注

    在交互稿的标注中,我们经常会忽略键盘的说明,这是不对的。键盘在用户的交互过程中起到了非常重要的作用,尤其在多个输入框的场景下。

    2017-05-13
  • 不止是划条线!移动端UI中常见的视觉分隔设计技巧

    即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

    2017-05-18
  • 2017年交互设计的10大趋势

    UI 设计的趋势是变化非常快的,有的时候我们的脚步总是可能慢了一拍。 随着 2016 年接近尾声,Lin. 为大家整理了外网大牛 Jamie Leeson 总结的 2017 年 UI 设计的 10 个重要的趋势。01. 沉浸式的全屏视频Campos Cof…

    2017-08-02
  • 这些走心的用户体验应该多学学

    不仅仅局限于互联网的设计,可能还有服务,线下的设计等。先问一下自己,到底什么是好的用户体验?我认为有以下三点:第一,无需思考,符合本能的设计。(反例,各种需要用户大量动脑的设计)第二,不打扰用户,让用户沉浸的设计。(反例,各种不必要的弹窗提示)第三,温暖的设计,细节打动人心,超出用户的心理预期。(反例,各种冰冷的缺省页面)1.网易云音乐分享提示最近发现了网易云音乐的一个小彩蛋,那就是在播放页当你点了某一首音乐喜欢后,会给你跳出来一个可爱...

    2018-02-01
  • 交互设计师的60日计划之第七天

    心情由好转糟,由糟转好的一天。 20150803 每次跟老大过方案都深深的意识到自己的不足上周基本已经敲定的方案等这周老大回来拍板,跟老大一过就是一堆问题。你的交互稿是要怎么看?跳转关系是怎么样的?这个图文混…

    交互专题 2015-08-20
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 3种空状态出现场景,5种消灭空状态的技能教你玩转空状态

    举个例子:假设有一款图片分享类的应用,然后有个页面是“我的图片”,如果在我从来没有发布过图片的时候,这个页面理所应当就是空的。并且在这个时候,第一种方法显然是不可行的。当然,空荡荡的界面有不好,所以此时可以通过操作指引来引导用户产生内容。

    2017-05-28
  • 王者荣耀 安卓用户体验服礼包第二波 疯狂放送中

    王者荣耀武则天夺宝多少必出?在游戏中武则天是通过夺宝才能获得的,属于稀有英雄。不过武则天也确实强大,今天小编就为大家带来武则天的解析攻略,告诉大家武则天怎么才能获得,武则天的实战技巧有哪些,快一起来看看吧!武则天详解攻略:1、获取途径:抽奖这个是靠运气,但是抽取次数越多中奖概率会越大,根据土豪玩家反映,夺宝100次左右能获得英雄,100次到200次获得稀有英雄概率很大,所以一般在200次以内就可以抽到武则天。2、技能介绍:【女帝辉光】武...

    2018-04-09
  • 移动端文字与排版设计的六个原则

    .space-betw {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    }

    - (NSDictionary *)demoTextAttributes {
    NSMutableParagraphStyle *ps = [NSMutableParagraphStyle new];
    ps.alignment = NSTextAlignmentJustified;
    // here, NSBaselineOffsetAttributeName must be set though the default value is 0 to make the justified work.
    return @{NSParagraphStyleAttributeName :ps, NSBaselineOffsetAttributeName : @0.0f};
    }

    2017-05-31
  • 我是如何从测试转到产品的?

    为什么我从测试转产品?无论硬件研发还是软件研发,都需要测试工程师找出软件缺陷、保障产品质量,以降低项目风险,我们可能听到过由于某一个漏洞导致公司损失多少钱的例子。而测试的价值就是尽可能早的——发现这些会给公司造成损失的问题,在项目交付前反馈到开发修复。所以测试岗位对于企业来说也至关重要。在做测试时,我一直期望能发挥自己的最大价值,无论是功能性问题还是用户体验问题,我都会一一跟踪。当兼顾项目进度,有些问题来不及修复时,遗留问题我会...

    2018-04-02