挪动运用设计方案:谈导航栏栏回到按钮的取代

2021-04-28 10:29


挪动运用设计方案:谈导航栏栏回到按钮的取代计划方案


短视頻,自新闻媒体,达人种草1站服务 呼,又要晚间上新了。实际上自身有时候还会进去有关Be For Web里边看看将近两年前写的blog开篇语。那时候的驱动力如今仍在,那时候爱的那个全球如今仍想和你在一起,而且愈来愈让我感觉引以为豪;这让我高兴了些。周6夜里有在喝冰啤酒的弟兄姐妹吗,有的话大家虚似碰个杯吧先,周末愉快=)

前面持续做了13篇iOS7预公布版页面设计方案标准,这周刚开始再次返回一切正常节奏,上1些小文。今次的小话题是有关回到按钮的;实际上还少谈了1种愈来愈普及的取代计划方案,也便是将回到按钮保证底部标识栏或是专用工具栏最左边;自然,精确的说,这类状况下器皿自身也不可以再叫做标识栏或专用工具栏了。那刚开始吧。

这里进到译文。我(英文原文作者)爱iPhone5,那多出来的640 176像素的室内空间十分有效。但是我经常会在点一下那个最关键的按钮时遇到不便,是的,便是回到按钮。UX设计方案之中有1条标准,假如某个作用是很常见的,那末它应当被放在最非常容易点一下到的部位上。

49%的挪动客户在应用手机上时是单手实际操作的,这就代表着每两个客户之中就有1个会每日数次根据单手来点一下回到按钮;算起来的话这但是数以亿计的点一下率。假如手机上规格略大,那末你将迫不得已应用另外一只手来点一下回到按钮。我猜这也是许多安卓系统手机上会在左下角置放硬件配置回到按钮的缘故之1;但是这类处理计划方案也并不是最佳的,由于在安卓系统服务平台中,运用内的 回到上1级 按钮与硬件配置回到按钮的作用還是有一定的差别的。

 

根据手式来处理难题

要处理回到按钮的难题,最简易的计划方案便是应用手式。在客户早已熟习了运用实际操作方法的前提条件下,手式還是很合理的。此外,将手式实际操作做为可视性化按钮的1种填补方式也是非常好的做法。

 

让我一些诧异的是,在试用了无数个运用以后,我发现市面上上早已有许多商品在根据这类方式处理回到按钮的难题了。自然,沒有哪样处理计划方案能可用于全部的状况,但最少这是个刚开始。我本人真心实意期待设计方案师们可以慢慢寻找更多更有艺术创意的计划方案。

抛甩(toss)

抛甩 是对大家与真正物件之间互动交流方法的1种隐喻,应用这类方式,你能够很轻轻松松地将当今的主题活动页面 甩开 。比如在Letterpress中,客户能够根据向下迅速拖动的手式将弹出提醒甩走,有点意思。

 

在Facebook里,当你全屏查询1张照片时,能够将照片向上或向下甩开,返回以前的页面之中。

 

横向拖动

新页面从显示屏右边向左划入主视图,这是iOS之中的规范动效。相应的,大家还可以根据向相反的方位实行轻扫来导航栏回以前的页面,比如你能够在Pinterest之中根据向右轻扫的手式将大图页面向右移走,返回以前的页面。

 

相近的,在Flipboard里,你还可以在某主题下的內容页面中根据向右轻扫返回主页面。

 

在iBooks中,并沒有确立的视觉效果指引告知你能够根据上下轻扫的手式来开启下1页或返回上1页。但是除轻扫之外,点一下显示屏的上下两一部分也能起到一样的导航栏功效,这样,因为欠缺视觉效果指引所致使的导航栏作用不能发现的几率就大大减少了。并且因为换页实际效果应用了强有力的隐喻,因此1旦客户根据点一下显示屏进行了1次换页实际操作以后,很非常容易依据好看的换页动效来发现上下轻扫的导航栏作用。

 

纵向拖拽

与横向拖动的初衷类似,假如一些页面是从显示屏底部或顶部向上滑入主视图的,那末能够尝试应用纵向拖拽的方法来开展后退导航栏。Day One运用就打造了这样1套属于她们自身的 往下拉更新 ,应用户能够在纵向的实际操作中立即进到以前或以后的1篇內容。

 

在Clear里,你能够根据向下长拖拽往返退到上1级目录,而向下短拖拽则用来建立新的事项。

 

而Haze容许客户根据向下拖拽页面来进到设定页面;自然严苛的讲这不属于 返回 层面的导航栏实际操作。

 

长按或双击鼠标怎样?

长按和双击鼠标全是能够由拇指单独进行的实际操作,因此我本人感觉它们未来有将会在返回导航栏上反映出使用价值。

从视觉效果和合理布局的角度处理难题

诚然,依照iOS设计方案标准所规定的那样将回到按钮放在导航栏栏左边,看上去是最当然的。但这不可以阻拦大家在必要的情况下彻底更改回到按钮的视觉效果款式或部位;它乃至能够看上去不那末像个按钮。

Basecamp将待做事项內容页面设计方案成半遮盖的面板方式,客户点一下左边未遮住的室内空间便可将面板向右收起,回到到以前的页面。

 

假如內容种类合适,大家的确能够像Basecamp那样将子页面解决成某种遮盖层或面板的方式,并应用 进行(Done) 按钮开展关掉,回到上级页面。进行按钮能够被置放在页面右上角,相比于左上角的部位,更非常容易被点一下到。

 

总结

除非iPhone推出1款更苗条、边沿更薄的手机上,不然我本人還是提议设计方案师们可以抱着更对外开放的心理状态看来待应用手式实行基本实际操作这件事。假如你能充足了解互动目标的健身运动方法和人们对这些健身运动规律性的认知能力,并将这些了解反映到设计方案之中,那末手式会变成十分高效率和合乎判断力的实际操作方法。做为设计方案师,大家务必清晰人们在具体之中是如何应用手机上的,仅有这样,才可以设计方案转让人们愉悦而并不是觉得受挫的商品。

本站原創编译程序文章内容。如需转载,请注明:本文来自Be For Web

英文原文:

译者信息内容: c7210 - UX玩家、互动设计方案师、以前的视觉效果与前端开发、猫奴、guitar fucker...现任职于携程无线网络工作部。




扫描二维码分享到微信

在线咨询
联系电话

020-66889888