按钮功能是怎么实现的?关于,返回按钮的一些思考
iOS人机界面指南中关于返回键的相关内容如下:当前标题左侧应有返回按钮,需要的话,返回按钮可以以前一层级的标题命名。导航栏的一般作用就是告诉用户在哪儿以及可以回到哪里去,将“返回”置于导航栏上,不会占用页面中多余的空间,与导航栏构成页面导航的基础,让用户畅行于应用之中,也是市面上产品最习以为常的设计方式,长期以来用户养成的习惯也是如此(点击导航栏左侧返回按钮返回上一层级界面),但是随着手机屏幕的日益增大,非常不利于单手操作。于是,iOS7在传统的左上角返回键之外,提供了右滑返回上一级界面的手势操作,这一小的举动对于大屏手机上的产品使用体验来说还是非常贴心。
LOFTER & 微信
以下几款产品采用底部返回按钮的交互方式:好奇心日报、知乎日报,这几款应用的内容详情页面都是用底部返回的设计,而共同特点是:
都是内容详情页面
页面中没有导航栏
返回键位于底部(工具栏上面)
奇心日报 & 知乎日报
将返回键置于底部有什么优点?参考实际页面来看,返回键置于底部工具栏上,更利于大屏手机的单手操作,并且将返回键与针对页面内容常用的操作按钮放置在同一栏上,更利于频繁操作之间的快速切换
大部分场景下不适用这种交互方式?
首先,将返回键置于导航栏上,符合设计规范以及用户长久以来的认知,导航栏 返回构成页面导航的基础,告诉用户在哪里、可以回到哪里去,导航栏的作用就非常明显,就像马路上路标一样不会让你迷失在城市之中。根据上面总结,返回键置于底部式,页面通常会省略掉导航栏,应用中大量页面省略导航栏,势必会造成导航系统失效。
其次,此种形式将返回键置于底部工具栏上,而工具栏是用来放置针对此页面内容的操作按钮, 在此基础上再增加一个返回按钮比较合理,如果是其他的列表页或者导航页,并没有针对此页面的操作按钮,或者导航栏足够承载仅有的操作按钮,只是将返回键置于页面底部,增加一个工具栏或者再添加一两个其他操作按钮,页面的整体布局会显得不合理。
需要说明的是本篇讨论针对主要针对iOS中相关交互方式,由于Android中有虚拟的物理返回键,不受限制于上操作栏中的“向上”键,更多的虚拟的物理返回键进行返回操作。还需注意的的是,虚拟的物理返回键基于用户最近查看的历史页面,采用时间倒序的方式,连接界面间的关系。而“向上键”是基于层级关系,连接界面间的关系。
文/Ronie
- 11-25如何做葱花饼不硬凉了也柔软?凉了也不硬的葱花饼做法
- 03-01左氧氟沙星和三金片能治尿路感染 治疗泌尿系统感染用三金片或复方石韦片
- 01-27怎样打篮球内线:眼神也是武器,篮球技巧
- 01-23平潭观光巴士和平潭观光车,免费巴士福州直通平潭
- 04-13新手养的观赏鱼混养好吗?新鱼友千万不要按照他人的
- 03-11蓝屏代码wheauncorrectable error,解密Windows系统蓝屏错误,WHEAUNCORRECTABLE
- 04-18学渣小学数学总复习方法:学渣,进步成长记2数学的启蒙和自学能力
- 11-08代数学一词起源于什么著作?代数学习的第一个甜头
- 12-03塔塔粉是用泡打粉吗?塔塔粉可以用什么代替
- 03-04罗马仕代理商渠道:罗马仕11周年始终如1的创业初心
- 01-16镂空大花毛衣编织教程完整版,简单好织的亲子毛衣直袖款雪花提花编织
- 11-16热气有点咳嗽喝点什么汤?咽痛咳嗽,湿重困乏不妨试试这两碗汤
- 02-17看完鲁班书的人的下场真实经历:解析鲁班书背后的秘密
- 12-07鸿运发财头像:马上发财,发财头像接不接
- 02-02日照这些项目集中开工:日照市的这些地方刚刚发布大量招标项目
- 03-18微信8.0.42新功能值得更新嘛 微信8.0.13悄悄更新Callkit功能逐渐回归