为大屏手机设计导航的四种方法

   为拇指而设计

  Steven Hoober对1333名用户的手机使用习惯进行了观察和分析,发现其中75%的用户会依赖于拇指进行操作,而49%的用户习惯于单手持机。在大屏手机上(我们主要指4寸以上的规格),用户必须将拇指伸出舒适区域才可能触摸到界面顶部的交互对象。


  举个例子,我个人来说,每天在使用Amazon音乐应用时都会遇到这样的问题。我需要频繁使用到的导航入口恰好位于界面左上角;这个几年来约定俗成的模式,如今在大屏设备上反而成了单手操作的噩梦。和很多人一样,要触摸到这个图标,我首先必须将手掌上移,握住机身,再伸出拇指去够到它;或是伸出另一只手来帮助操作。其实事情完全可以不必这样。


  系统级的解决方案

  为了解决此类问题,如今的移动操作系统已经提供了一些相关的解决方案,帮助用户更方便的触摸到界面顶部的控件。

  在iOS方面,苹果允许用户通过连续两次轻触home键使界面整体下移,以便界面顶部的元素可以进入拇指热区。方法不坏,只是原本一次点击的操作现在需要三次了。


  此外,这种系统级的解决方案当中还有一个时间限制的问题。当你两次轻触home键使界面下移,然后让视线重新定位目标对象的新位置,并准备进行操作时,界面很可能已经自动恢复到默认的位置了;若是这样,你还需要再来过一遍;整个体验不是很优雅。

  屏幕边缘右滑手势

  让拇指在大屏手机上触摸到界面左上角的元素固然困难,但让手指从手机左边缘开始贴着底部横向滑动就简单很多了。对于展开导航菜单的交互来说,这种方式可以很好的替代传统的左上角入口模式。


  不过,与其他种类的手势操作相同,这种模式有着自身的弊端,也就是不如明确的视觉元素那样显而易见。换句话说,用户必须首先知道这种交互的存在,然后记忆下来,并在需要使用的时候记得起来才可以。所以,这类手势并不能完全代替可视化的交互元素;例如汉堡包菜单图标及点击展开的模式仍然存在,手势操作成为一种“辅助”或“优化”的角色。

  此外还有一个问题:右滑手势只是让菜单的展开更加便捷,无需拇指点击左上角的图标即可实现;但要触摸到菜单内部那些靠近屏幕顶端的选项,问题依然存在。

  底部布局

  要确保用户在单手操作时能舒服的使用重要的常用功能,我们有时需要考虑将功能或导航元素布局到界面底部。这种方案不仅为重要功能提升了可触达性,同时还可能改善其他方面的体验。最经典的案例就是Facebook在他们的iOS应用中将导航从侧边画布外移回到界面底部。“新”的设计方案不仅增强了用户参与度、满意度,而且提升了导航效率。


  在Amazon音乐应用中,我们不仅可以把导航入口扔到界面底部,同时还可以尝试在底部栏内部根据功能权重调整顺序。

  浮动按钮

  纵然很多解决方案是具有跨平台性质的,但有些时候仍需考虑到特定系统和硬件的特征。

  举例来说,安卓平台的硬件底部是系统级的操作栏,这就意味着任何被放置在界面底部的操作元素都可能与其产生冲突,造成误操作。实际上,安卓的设计规范当中明确指出了“不要在界面底部放置tab栏”。

  不过,在Google新近推出的Material Design当中出现了一类替代方案,也就是浮动按钮方案。浮动按钮是一种比较特殊的交互元素,布局位置独立,不受界面当中其他元素的局限。通常,浮动按钮适用于功能操作,而非导航;不过在Amazon音乐应用中,由于导航入口确实会被高频次的使用到,所以也许可以尝试以浮动的形式展示导航菜单按钮。


  小结

  当你在思考怎样使界面在大屏手机上更好用时,以上几种处理交互对象的设计思路可供参考。相信随着大屏手机的日益普及,类似这样的优化模式还会变得越来越多。

时间: 2024-09-30 21:17:35

为大屏手机设计导航的四种方法的相关文章

市场上大屏手机已成趋势

"更好用的大屏手机" ,魅族在给媒体的邀请函上简洁明了地说出了其新一代手机MX3特点.市场上大屏手机已成趋势,魅族毫不意外地加入了这一潮流.魅族今天晚上在北京水立方举办发布会,发布了魅族新一代的智能手机MX3. 先来看看魅族一直在呼吁用户忘记的硬件参数: 搭载5.1英寸的全高清屏幕,分辨率1800×1080,415 PPI,15:9:屏幕的合作厂商为夏普和JDI,采用TOL全贴合:继苹果之后第二家采用了屏幕颜色补正的技术: CPU采用了三星Exynos 5"A7+A15&qu

魅族发布新手机MX3,号称“更好用的大屏手机”

摘要: 更好用的大屏手机 ,魅族在给媒体的邀请函上简洁明了地说出了其新一代手机MX3特点.市场上大屏手机已成趋势,魅族毫不意外地加入了这一潮流.魅族今天晚上在北京水立方举办发布 "更好用的大屏手机" ,魅族在给媒体的邀请函上简洁明了地说出了其新一代手机MX3特点.市场上大屏手机已成趋势,魅族毫不意外地加入了这一潮流.魅族今天晚上在北京水立方举办发布会,发布了魅族新一代的智能手机MX3. 先来看看魅族一直在呼吁用户忘记的硬件参数: 搭载5.1英寸的全高清屏幕,分辨率1800×1080,4

四核大屏手机推荐 魅影A13支持NFC(组图)

NFC是近两年开始流行的一种近距离通讯协议,相比传统的蓝牙,其使用更为方便,而且 具备消费功能,因此在未来NFC是手机发展的一个趋势.今天,小编给大家推荐 一款支持NFC的6寸大屏手机-i-mate魅影A13手机. 作为老牌手机厂商i-mate,一直致力于手机技术的革新.魅影A9手机,开创大屏智能手机行业先河,配置6.5寸 1080P大屏,自上市以来就收到消费者追捧.魅影A13手机,作为i-mate首款支持NFC功能的手机,在2013年12月底隆重上市.激情圣诞,快乐元旦,魅影A13手机双蛋大酬

设计大屏手机的,你有考虑过女人的感受吗?

设计大屏手机的,你有考虑过女人的感受吗? 时间:2014-09-29 13:09 来源:ifanr 作者:高 晨 不管是 iPhone 6 还是 6 Plus,相关评测文章大都是由男士们撰写的.当他们热衷于 iPhone 6/6 Plus "会不会变弯"的问题时,那些手小的妹子最关心的是到底能不能一只手 Hold 住. Techcrunch 的 Leslie Hitchcock 就是个手小的妹子,最近她也拿到了订购的 iPhone 6.当在拆完包装真真切切地感受到一只手没法握住这款手机

我眼中的大屏手机单手操作交互理念

手机屏幕越来越大,单手操作已经越来越困难了,究竟多大的屏幕才是最适合人们使用的一个屏幕尺寸呢?曾经有一段时间,业内专家就这个问题进行了大量 的讨论,可是最终还是没能定下结论.而在使用者当中,对于大屏手机单手操作的使用体验的看法也是各有不同,下面这篇文章就是来自一个大三学生@懋懋懋啊_爱科技对于这个问题的想法.大屏手机的单手操作交互体验,你有什么想法呢? 以下是作者原文: 乔帮主曾经说过,3.5寸的手机屏幕是最适合单手操作的,应该说这个理论对了一半吧.3.5寸的操作范围对于大多数人来说是最为舒适的

优米Cross大屏手机评测 低价高配玩转“跨界”

速途数码家电讯(评测/解佳昕)大屏手机面世以来,一直不乏知名品牌与粉丝,而如今的国产手机无论是配置.做工质量还是品牌知名度,都是比以往有了很大提高,且在售价上比国际品牌更加亲民,因此收到更多消费者的青睐. 这款发烧级配置的优米cross手机,以1799元的售价横空出世,确实让大屏国产智能手机惊艳了一把,使 众多大屏手机爱好者跃跃欲试.其采用6.44英寸巨大屏幕,霸气的外形与发烧级硬件配置更兼顾了手机与平板的使用功能,玩转"跨界"二字.今天我就来看看,这款优米cross手机,是如何开启一

苹果设计师艾维:苹果早就想推大屏手机

苹果设计师艾维:苹果早就想推大屏手机10月10日消息,苹果总设计师乔纳森·艾维近日在名利场峰会上公布了苹果在设计iPhone6上的一些细节.谈及iPhone6为何要回归圆角设计.艾维表示,iPhone6恢复圆角设计,主要是为了在屏幕增大之后, 让手机显得适中.艾维称,苹果很早就意识到有必要推出大屏手机,而且几年前就已经开发出了大屏iPhone的原型机,但当时看起来十分笨重,以苹果的设计理念 来看,这种产品是不可能投放市场的,必须要做出很多改进,让它变成一款真正有吸引力的产品.据了解,iPhone

2015热门大屏手机有哪些?大屏手机推荐

华为P8 Max 屏幕尺寸:6.8英寸 参考价格:3200元 推荐理由:纤薄金属机身.巨屏 华为P8 Max是华为前不久,推出的一款主打大屏的高端巨屏手机,定位影音娱乐用户.华为P8 Max采用一体金属机身,拥有金.银.灰三种机身颜色,机身厚度仅6.8mm,外观纤薄大气,并且最高非常到位. 硬件方面,华为P8 Max采用6.8英寸1080P全高清屏幕,搭载华为自家麒麟935八核处理器,3GB运行内存和64GB存储空间(最大支持128GB扩展),用于前置500万和后置1300万像素双摄像头,支持移

第四代千元双待王,马年最值得期待的大屏手机

--酷派"第四代千元待机王"将于"后春节"期间上市 在春节对手机市场的驱动力越来越大的情况下,酷派凭借与电信联合定制的"第三代千元双待王"斩获百万http://www.aliyun.com/zixun/aggregation/32626.html">销售业绩一举拿下"C网国内终端市场份额排名第三"的桂冠后,推出"第四代千元双待王"酷派5951时却放弃了众多手机厂商趋之如骛的春节档,将上市时间