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

大屏手机时代 ，如何重塑界面交互 这是一个大屏手机的时代。强调这件事情的意义在于 ，这已经成为事实。 这是一个大屏手机的时代。 强调这件事情的意义在于 ，这已 成为事实。 Medium上存在一份个人统计。 在过去7年 ，新上市的手机屏幕尺寸越来越大。 以4 .5英寸为分界点 ，我们更清晰的看到这一变化。过去的两年 ，4 .5英寸的比例从10%升至80%。 在国内的过去3个季度 ，使用FHD HD分辨率的手机从38%的份额增至50%。 【图】 《百度移动分发报告2014 H1》 更大尺寸的屏幕可以承载更多的内容展现 ，更适合游戏、阅读与播放视频 ，体验得以提升。 【图】 《百度移动趋势报告2014 Q2》 然而屏幕尺寸的上升并没有引起用户操作上的过多不适 ，有51%的用户已 适应双手操作。 【图】 《How Do Users Really Ho ld Mo bile De ices》by St e en Hoo ber 即使用户单手操作 ，在操作大屏幕时的相对盲区 （深色区域 ），需要更多的响应时间 ，也可以被 接受。 【图】 《Mo bile UI ergo no mics: How hard is it really t o t ap dif f erent areas of yo ur pho ne int erf ace?》By Mikkel Bo 即便如此。3.5英寸~4英寸 ，依然是平衡单手操作与体验的合理尺寸范围。 这样就产生一个矛盾 ：用户拥有更大屏幕的尺寸 ，但从人机交互的角度 ，并不完美。 面对这一现状 ，从A PP产品界面设计的角度 ，需要做出改变。 大屏幕拥有典型的可用性问题 ：纵向单手操作机身 ，边角、顶部、左右侧边难以触达 ，放置在以上 盲区的点击入口 ，将导致体验路径中断。 交互设计 度的最佳实践 ： 1.设计安全区域 ，避开操作盲区。 示例 ，百度搜索结果页 ，根据视线规律 ，典型的左上角操作盲区可以用于logo展现。 2.注意使用场景路径触发的连贯性。 示例 ，在百度手机助手A ndro id中下载百度浏览器 ，操作区域集中在安全区域。 3.更多的使用可拖动的浮动按钮 ，给用户更自由的操作可能性。 示例 ，百度浏览器A ndro id中翻页/返回顶部的组合按钮。 4 .更多的使用手势 ，并提供暗示。 示例 ，百度浏览器A ndro id的删除窗口操作。 5.更多的使用语音作为输入方式。 示例 ：生活手记中使用语音替代键盘输入。 6. 横屏Pad化的操作设计 ，以及更多的内容展现。 示例 ，百度浏览器iPho ne的横屏设计 ，如同网页的Respo nsi e Layo ut 概念。 在界面交互的层面之外 ，在不远的时间 ，硬件存在更多的优化可能性。 1.更窄的边框 ，更大的显示比例。 2.柔性材质。 3.“手机”成为服务的触发者 ，屏幕投射与隔空操作。 《T he Wo rld as a Display》 之所以将讨论的范围扩展到硬件 ，是希望设计师在针对具体屏幕设计的同时 ，能够从另外的视角 ， 思考人机交互的变化与可能性 ，激发创造力。 当前是大屏手机的时代 ，推动你的手机A PP产品跟进吧 ！ 一些有价值的相关基础研究链接 1. 百度移动分发报告2014 H1 2. 百度移动互联网发展趋势报告2014 Q2 3. T he Rise of t he Phablet : Designing f o r Larger Pho nes 4 . Co mmo n Misco ncept io ns A bo ut To uch 5. How t o design f o r t humbs in t he era of huge screens 6. Designing f o r Large Screen Smart pho nes 7. Mo bile UI ergo no mics: How hard is it really t o t ap dif f erent areas of yo ur pho ne int erf ace? 8. Insight s o n Sw it ching, Cent ering, and Gest ures f o r To uchscreens 9. A co mprehensi e loo k at smart pho ne screen size st at ist ics and t rends 文章来源 ：百度MUX 人人都是产品 理 （woshipm.co m ）中国最大最活跃的产品 理学习、交流、分享