童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

关于Android和IOS交互上那些事

1月1日 吴梦筱投稿
  先说Android平台,自从materialdesign面世以来,市场上很多Androidapp在设计上参差不齐。可能由于设备及用户使用习惯等各种原因,大多数app都还在以Android4。0的规范在做设计,当然也有很多app为了省事,直接从iOS上照搬过来。因此,真正以MD为设计基础的应用并不多。下面是一些整体的框架记录,更为详细的交互细节以后再说。
  
  仔细阅读MD的规范,似乎写的很清楚,但是如果和Android4。0规范放在一起,还是会发现很多有出入的地方。不过规范的目的是为了培养并迎合用户使用习惯,减少用户认知负担。文字是死的,人是活的,灵活应用才是关键。
  在以MD为基础的app设计中,经常会出现以下结构(如图1)
  在Android4。0和materialdesign设计规范中都专门对选项卡进行了说明,但两者的说法不同。
  在Android4。0中,选项卡tabs属于操作栏的一部分,可以很轻松探索app中的不同功能,或浏览不同分类的数据集,就是说tabs选项卡是可以作为导航使用的,类似于iOS的标签栏,只是iOS放在屏幕底部,安卓是放在屏幕顶端(如上图2)。
  但在materialdesign中,tabs的作用是将大量关联的数据或者选项划分成更易理解的分组,虽然很容易让人联想到导航,但其本身并不是用来导航的。每个tab的内容应该互相关联并且是在同一个主题下(如下图)。图中出行方式可以通过tab划分成多种方式,但是搜索、指南、设置却完全属于不同的功能导航。
  如此看来,两种规范似乎是相互冲突的,而且只要留心一下你会发现,现在市场上经常是这两种形式都有。googel官方比较推崇应用结构是:左侧导航抽屉应用栏tabs(Tab可选),但是同一种结构却有两种不同表现方式。
  方式一:谷歌主推形式
  侧边栏导航作为应用的主导航,头屏显示应用最重要的功能或内容,如果在较低层级中有多个平行相关视图,可以用Tab结构(当然也可以没有)。这种结构的关键是主要功能或内容很突出,所以头屏最大化显示,而其他功能相对较弱,不需要频繁切换侧边栏导航(如下图)。谷歌发布的inbox邮箱,左侧导航栏作为主导航,默认显示收件箱页面,用户最常用也最重要的功能是查看收件箱,至于其他的发件箱、垃圾邮件等都可以放在导航抽屉内收起。googel图书顶部是应用栏tabs结构,此处Tab强调的是在同一主题下的不同归类,而不是导航。
  方式二:市场发展
  或许是受4。0规范的影响,在左侧导航抽屉应用栏tabs的应用结构中,Tab作为应用的主导航,而左侧抽屉作为辅导航,收纳一些用户不常使用的功能,像用户中心、设置、反馈等。这种结构适合那些多个相同等级的功能视图需要频繁切换的app,且只需要手指左右滑动就能快速切换Tab视图,这将大大提高应用使用效率。如下图所示,虽然是概念设计(主要是国内安卓应用喜欢延续iOS风格,将Tab放在屏幕底部,米找到合适的例子,且MD没有被普遍应用),但很适合该场景下的示例。这款产品类似于微信,将主要功能导航放在顶部,实现快速切换,侧边抽屉导航放置收藏、状态、设置等次要功能。
  以上两种方式并不冲突,关键是看你应用的功能内容。如果你的应用核心功能很突出,且不需要其他功能频繁切换,就选择第一种;如果你的应用有两个或者两个以上相同重要的功能模块,且需要频繁切换,比如微信的即时聊天和朋友圈,那就尝试第二种。
  Android部分暂时就到这里,来看看iOS。如果展开来讲,体系太庞大,暂且用一张图表示,虽然都是很基础的内容。
  
  另外,Android和IOS很明显的差异是层级返回和编辑选择。
  1、层级返回
  IOS平台没有实体返回按键,所以涉及层级间的导航,app界面本身一定要有返回按钮,而实体home键只负责应用退出。Android平台有物理返回按键,且点击返回的是动作流。比如,在搜索界面,点击搜索框调出软键盘,再点返回按键,不是返回上一页,而是收回弹出的软键盘,它强调的是返回上一个动作的界面,而非层级关系。在Android平台上的app,如果应用本身含有返回按钮,返回的是上一层级,设计的是层级间的导航。另外,在安卓app的首页点击返回按键,就是退出应用。可看如下关系图
  2、编辑选择
  对于编辑选择功能,IOS有明确的入口,通常在导航栏上有编辑按钮,点击后进入编辑模式,通常可以多选,同时底部或顶部会增加工具栏,用来处理多选内容。当然也可以单选删除,通过点按向左滑动删除,或者是点击按钮从底部呼出操作菜单,逐个删除。但Android是通过长安方式进入编辑模式,此时操作栏被一个临时情景操作栏覆盖(情景操作栏可以覆盖顶部操作栏和底部操作栏),界面内容允许单个或多个操作(如下图)
  以上部分其实都是一些平台规范总结,将区别大且重要部分整理出来,也是为了方便阅读查看,后期会持续更新一些其他交互内容。
  作者:butter
  来源:http:www。jianshu。compb5ca80ae894d
投诉 评论 转载

三招让你的APP假装“更快”天下武功,唯快不破。体验也是如此,往往app的反应越快越流畅,用户的体验就会越好。尽管移动设备的硬件、系统、网速等都不是你能所控制的,但仍有办法让你的app看起来加载得很快,一……量化用户体验:可用、易用到好用“用户体验”从字面理解,即用户的感受,具体一点:用户与物(有生命的人或无生命的客体)交互过程中的感受,我们对用户体验做进一步抽象,用户体验感受。感受是非常复杂的情感交错系统,情……好的设计:存在于无形当中东东导读:对于社交类产品来说,优秀的设计,应该是不争强好胜般凸显在用户面前的,而电商类和社交类产品很不一样,电商类的产品经理想的首先是GMV(成交金额),一切是为着GMV转的……别逗了,真正的“用户体验”并不如你们所说!什么是用户体验?如何评价用户体验的好坏?在知乎上,俞军说:“我理解的用户体验,是让用户付出最小成本满足需求”。这其实仅仅是在讲“易用性”(usability)。另有位叫做……请记住,视觉设计远不止“好看”这么简单设计师和理发师其实有点像,理发师基本分为三种:一种是只会搞基础发型的,比如寸头、中规中矩的长发、老太太卷头等;一种是只会剪流行发型的(这种发型师还很容易摇身一变成为造型大师,告……浅谈图型菜单与文字菜单写这篇文章最初的想法是来自我看过的一篇关于汉字与英文阅读习惯差异的文章,可惜现在想起来的时候已经找不到那篇文章了(有知道的人请务必私信我)。图型菜单与文字菜单在做浏……40个全屏图片背景的网站设计欣赏Web设计灵感总是帮助我们走在新趋势,设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个全屏图片背景的网站设计……Android和iOS平台交互方式的不同点本篇文章属于很初级的内容,之所以写下来,一是为了整理一下自己的思路,二是为了方便初学者们快速了解Android和IOS在交互上的很多区别。可能有些地方不是完全正确,望多交流。……关于Android和IOS交互上那些事先说Android平台,自从materialdesign面世以来,市场上很多Androidapp在设计上参差不齐。可能由于设备及用户使用习惯等各种原因,大多数app都还在以An……Web用户体验设计总结最近一直在做APM报表的重构,记录和分享一些看法。希望可以坚持,今天先做Web用户体验设计的总结。因为重点再重构上,所以可能所说的内容有局限性。一款优秀的产品在用户学习的……干货!如何做一个让人闻风丧胆的Html5页面编者按:今天腾讯的何六六同学把最近做的一个超赞的H5总结笔记分享出来,将设计动效、具体实现方法、踩到的一些坑都完整梳理了一遍,全文高能干货,强烈建议学习哟!前言最近……40个创意单页面网站设计Web设计灵感总是帮助我们走在新趋势,设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个创意单页面网站设计欣赏……
设计体系的目标、价值及构成原理SaaS系统用户权限设计Tmall天猫APP新版设计,给我们带来了哪些设计启示电商后台:运营绩效系统总结大数据不仅属于大角色:智能推荐时代的C类电商宝宝知道表情包设计的背后故事:做用户最好的陪伴生物特征与生物电在人机交互中的运用设计备忘录:增强现实(AR)一款医疗产品的诞生机器学习43条军规:解密谷歌机器学习工程最佳实践(上)设计总结:图表设计二三事眼皮底下溜走的用户体验:浅谈产品设计可用性原则照片的故事家乡的清明节踏青扫墓作文两人携手参加同档综艺,竟被恶配,两人纷纷退出碧梧翠竹堂分韵得带字关于伤害的同义词和近义词及句子散文五一我们这样过作者王瑞峰王者荣耀的毒王,你怕不怕他?大家谈孩子,做有思想的读书人(国际)(5)法国香水之都举办玫瑰花节男人冷静多久复婚率高离婚多长时间可以复婚我的牵挂作文(共三篇)五个一期间签证到期怎么办网友别怕有战狼

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界