必威体育Betway必威体育官网
当前位置:首页 > 运营推广

大屏手机时代,如何重塑界面交互

时间:2019-08-16 20:44:23来源:运营推广作者:seo实验室小编阅读:82次「手机版」
 

大屏手机

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

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

强调这件事情的意义在于,这已经成为事实。

medium上存在一份个人统计。

在过去7年,新上市的手机屏幕尺寸越来越大。

以4.5英寸为分界点,我们更清晰的看到这一变化。过去的两年,4.5英寸的比例从10%升至80%。

在国内的过去3个季度,使用FHD HD分辨率的手机从38%的份额增至50%。

【图】《百度移动分发报告2014H1》

更大尺寸的屏幕可以承载更多的内容展现,更适合游戏、阅读与播放视频,体验得以提升。

【图】《百度移动趋势报告2014Q2》

然而屏幕尺寸的上升并没有引起用户操作上的过多不适,有51%的用户已经适应双手操作。

【图】《How Do Users Really Hold Mobile Devices》by Steven Hoober

即使用户单手操作,在操作大屏幕时的相对盲区(深色区域),需要更多的响应时间,也可以被接受。

【图】《Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?》By Mikkel Bo

即便如此。3.5英寸~4英寸,依然是平衡单手操作与体验的合理尺寸范围。

这样就产生一个矛盾:用户拥有更大屏幕的尺寸,但从人机交互的角度,并不完美。

面对这一现状,从APP产品界面设计的角度,需要做出改变。

大屏幕拥有典型的可用性问题:纵向单手操作机身,边角、顶部、左右侧边难以触达,放置在以上盲区的点击入口,将导致体验路径中断。

交互设计角度的最佳实践:

1.设计安全区域,避开操作盲区。

示例,百度搜索结果页,根据视线规律,典型的左上角操作盲区可以用于logo展现。

2.注意使用场景路径触发的连贯性。

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

3.更多的使用可拖动的浮动按钮,给用户更自由的操作可能性。

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

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

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

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

示例:生活手记中使用语音替代键盘输入。

6. 横屏Pad化的操作设计,以及更多的内容展现。

示例,百度浏览器iPhone的横屏设计,如同网页的Responsive layout概念。

在界面交互的层面之外,在不远的时间,硬件存在更多的优化可能性。

1.更窄的边框,更大的显示比例。

2.柔性材质。

3.“手机”成为服务的触发者,屏幕投射与隔空操作。

《The World as a display

之所以将讨论的范围扩展到硬件,是希望设计师在针对具体屏幕设计的同时,能够从另外的视角,思考人机交互的变化与可能性,激发创造力。

当前是大屏手机的时代,推动你的手机APP产品跟进吧!

一些有价值的相关基础研究链接

    百度移动分发报告2014H1

    百度移动互联网发展趋势报告2014Q2

    The Rise of the Phablet: Designing for Larger Phones

    Common Misconceptions About Touch

    How to design for thumbs in the era of huge screens

    Designing for Large Screen Smartphones

    Mobile UI ergonomics: How hard is it really to tap different areas of your phone interface?

    Insights on Switching, Centering, and Gestures for Touchscreens

    A comprehensive look at smartphone screen size statistics and trends

    相关阅读

    UI交互设计教程分享:提高界面交互体验的“葵花宝典”

    ​本次分享的是在界面设计中最长实用也最容易被忽略的十个原则,就是尼尔森十大可用性设计原则,这是十分基础且重要的原则。原则是死

    Axure教程:网页二级联动交互应该怎么做?

    步骤如下(1)准备下拉列表框选择一个表单元件,我们要选择的是“下拉列表框”,对表单元件进行简单的美化操作(如下图所示)。(2)添加动态面板

    一份完整的交互说明包含什么?(上)

    从你的交互说明中,即可看出你的思考是否全面,逻辑是否清晰。那么你知道交互说明都需要写些什么吗?最近,经常听到刚刚入行的小伙伴问道

    通过session实现通用爬虫--爬取到开心网账户的首页界

    目录 1.点开开心网的登录界面 2.获取login_url 以及 账号和密码 第一种方法 :F12 找到form表单 第二种方法:Network 3.开始写代码

    PyQt5高级界面控件之QTableWidget(四)

    QTableWidget 前言 QTableWidget是Qt程序中常用的显示数据表格的控件,类似于c#中的DataGrid。QTableWidget是QTableView的子类

分享到:

栏目导航

推荐阅读

热门阅读