移动应用的设计模式

在我们平时使用APP的时候,尤其是现在那些主流的APP,它们的设计模式。是如何迎合用户的需求和喜好。如果你自己做的一款产品你自己都不喜欢的话,如何让更多的用户去使用这个APP呢?

对于iPhone手机的系统的不断的更新,也是在不断的融合用户的喜好。从指纹解锁,唤起APP的模式。还有通知栏的设计,控制中心的设计,各个应用的排列和图标的显示,只有在意了每个细节才能造就一个更加完美的产品。
而对于一个开发人员来讲,不仅要关注现在市场的技术的革新,更重要的是不断的研究其他的主流的产品和主流产品的设计。不然你连自己都不知道自己的产品设计已经out了。

导航

导航有主导航和次级导航。
对于iOS用户来讲,一个APP可能更偏好于使用左右滑动的模式。因为上下滑动的模式很容易和系统的控制中心、通知的手势冲突。

主导航

没错,在前几年比较流行的就是那种侧边抽屉的主导航,就是“突破画布”的思维来打破虚拟的边界,让这个屏幕尺寸有限的手机可以呈现更多的内容。
但是,facebook在千万级用户批量测试中,选项卡式完胜侧边抽屉式和其他类型的导航模式。这也是为什么现在打开很多主流的APP。你会发现很多的APP都使用的是选项式的导航,就是下面的tab的切换,最多只有5个tab。

微信:下面有4个tab。微信、通讯录、发现和我。使用用户偏好的左右滑动的手势来实现了聊天记录的标记与删除。而在上部使用简洁的搜索和一个+的点击,来发起群聊,添加朋友,扫一扫和收付款,这就说明了在顶部的导航,应该放一些比较显目,提醒用户或是做一些常用的功能的入口。

微博:下面有5个tab。微博、消息、弹框、发现和我。而微博的新版也为了迎合用户喜好的左右滑动,把常用的热门的功能放在外面(原来是在发现里面的)和全部微博平行的左右滑动的入口。左边还是照相机,推出了微博的新功能,微博故事–可以用来拍摄照片和视频,类似朋友圈的小视频,时间大于10秒,而且可以用户个性化的编辑,添加表情、文字、图片,而且类似直播的画面设计,粉丝可以关注然后评论。很赞!
右边是扫一扫和打车的入口。顶部是简洁的搜索。

京东:下面是5个tab,首页,分类,觅Me,购物车和我的。上面是搜索框。左边是扫一扫,右边是消息。
实话说,我比较喜欢京东的设计,尤其是分类tab中的两级的菜单的显示。左边是菜单的项,联动的是菜单下面的collectionView的显示。很容易找到自己所喜欢的类别。然后是觅Me的tab,上面是ScrollView的滑动,很符合用户的左右滑动的习惯,而且一点也不卡的显示了视频精选、直播、关注、清单、问答、视频够、社区、生活、亲子、风尚、美食,滑动特别的流畅,对于视频的缓存,图片和文字的排版,图片的缓存还有下拉图标的动画是一个快递员。真的很好的设计呐~

淘宝:下面也是5个tab,首页、微淘、问大家、购物车和我的淘宝。上面也同样是扫一扫和搜索框,还有消息。我一直觉得淘宝的拍照购物很神奇,不过现在好像很多电商:比如京东,都实现了这种是一种类似算法匹配的搜索吧。虽然有的时候也不是很准啦。第一个tab还实现了点击一个图标的跳动,显示成了火箭🚀的标识。直接跳转到了猜你喜欢的一系列(这个应该是现在最流行的机器学习大数据来统计用户的喜好)来推荐你的习惯和购物习惯来定制的为你推荐产品,促进你的购物消费。

支付宝:

网易云音乐:

简书:

手机QQ:手机QQ及更不用说了,都好多年沉淀的技术了,好多的功能的隐藏。都没有注意到过,主要现在跟多的在玩微博,很少玩QQ了,QQ里面有个日迹的入口和微博故事很像。但是入口就没有微博辣么明显了。

对于这种主流的导航可以写一些个Demo了。

文章目录
  1. 1. 导航
    1. 1.1. 主导航
本站总访问量 本站访客数人次 ,