千赢娱乐APP界面

APP界面 admin 浏览

小编:作为PM,信息架构和页面流的设计想必烂熟于心,当确定好产品战略层和范围层即为何种目标用户提供何种服务后,就要着手搭建功能架构,将目标功能通过良好的用户体验传递给用户

  作为PM,信息架构和页面流的设计想必烂熟于心,当确定好产品战略层和范围层即为何种目标用户提供何种服务后,就要着手搭建功能架构,将目标功能通过良好的用户体验传递给用户,目的是高效解决用户痛点,从而实现价值为公司带来流量,让商业变现成为可能。

  标签式导航,也就是常说的Tab导航。是目前应用最广泛、最常见的导航形式。一般作为主导航,也会作为辅助导航,如果其他导航和标签式导航搭配使用时一般都会用作次级导航。

  根据操作系统不同,标签位置也不相同。ios的标签推荐在底部 ,Android的则推荐是在顶部。但是当前全面屏手机逐渐成为主流,支持全面屏手势,Android和ios的设计差异逐渐减小,主要还是根据产品功能进行设计。

  采用文字加图标的方式展现。一般有3~5个标签,适合在相关的几类核心信息中间频繁的切换使用。这类信息优先级较高,需要围绕产品战略层范围层进行归类,用户使用频繁,彼此之间相互独立,通过标签式引导,用户可以迅速的实现页面之间的切换且不会迷失方向,

  使用场景:如果app有多个核心模块,并且它们之间的切换比较频繁,这个时候非常适合使用标签式导航。

  1.会占用显示面积,不超过5个模块,否则容易分散注意力增加用户选择难度,不利于沉浸式体验,例如在微博发现标签中,下滑浏览时会隐藏底部标签;知乎app中,首页、通知、我的三个模块在下滑浏览时,也会隐藏底部标签导航,向上滑动才触发显示。

  当内容分类比较多,用户对不同内容的打开率相差不是很大,需要快速切换/调出的时候,经常会采用顶部导航设计模式,常见于工具类APP中如滴滴打车,这样设计有一部分目的是为了不与安卓端底部虚拟按钮组合在一起产生信息堆叠和误操作,能更多展示标签下的内容,还有一部分是支持快捷操作,例如安卓版音乐类app,方便操作下方区域的内容和按钮(播放/暂停和下一曲)。

  类似腾讯新闻和网易新闻这种新闻类APP,采用了顶部导航+底部导航结构,且加入手势切换的操作,方便用户在高频的标签中快速切换,能带来更好地阅读体验,当栏目频道较多时,可再结合超级菜单式导航准确定位类目。

  使用场景:可以和超级菜单式导航相结合,滚动式标签导航的特点是显示数目有限,但是能够实现快速的切换,超级菜单式导航能快速定位入,能够显示足够多的条目,但是切换起来比较麻烦,两者结合,正好进行优势互补。

  前面介绍顶部标签导航时,任务切换如果超过5个,这时候应该使用滚动式标签导航。使用该导航需要给用户提示,告诉用户页面之外还有一些标签存在。例如会露出界面外的一部分文案,表示界面之外还有内容,例如Lofter

  当页面有处于同一层级的几大部分内容,同时又需要一个非常重要且频繁操作的入口,那就可以采用这种舵式导航。中间项标签不紧操作最频繁,最重要,且需要引人注意,方便寻找。

  舵式导航可以看为底部标签式导航的一种变体。它在后者的基础上,突出强调了一个高频核心功能,并且放在中间。

  使用场景:如果app有几个重要的功能,并且需要频繁切换,其中一个作为app的核心功能或者是高频操作,这个时候可以选择舵式导航。案例:soul、随手记、薄荷健康

  宫格式导航适合入口相互独立,且不需要交叉使用的信息归类,宫格导航将主要入口全部聚合在页面,让用户整体了解app的服务,各个入口之间相互独立,没有太多的交集,无法跳转互通。

  采用这种导航的应用已经越来越少,作为教科书式使用宫格导航作为主导航的美图秀秀,现在也转变成了舵式导航,目前大多数app会把宫格导航作为页面的辅助导航,或是作为一系列工具入口的聚合。例如支付宝首页

  作为信息梳理条目,一般会作为次级导航,也有作为主导航的应用,例如QQ邮箱、系统自带的信息、联系人。

  可以通过间距将列表分模块进行展示,比如微信的设置页面,用留白的方式来区分内容的不同,“新消息通知、隐私、通用”是一组,“帮助与反馈、关于微信”又是一组。即使不仔细观察也能通过间距感受出微信团队已经对其进行归类。只要善用这个细节,可以更好的加以区分次要功能,并提升用户体验度。

  内容式列表:主要以内容为主,所以在列表中就会体现出部分内容信息,点击进去就是详情。例如薄荷健康的首页,头部是仪表盘式布局,结合内容式列表展示信息内容。

  例如美团外卖需要每个列表足够详细,用户直接看列表就可以知道想要的信息。通讯录用户要寻找联系人,这时候就要展示足够多的条目,列表信息详细程度反而没那么重要。

  抽屉式导航常用搭配主导航用作于次级导航,因为抽屉式导航的核心就是“藏”,隐藏低频操作的功能,如设置、关于、会员等功能,使用频率少,让核心功能更加突出。抽屉式菜单隐藏在当前页面后,只要侧面滑动或者点击入口就能将拉出来,减少了主界面中导航控件的数量,让主界面更加干净利落。例如QQ我的页面,滴滴出行,网易云音乐。

  2.在大屏手机上,左上角的导按钮存在于单手拇指操作热区难以到达的位置,导致导航按钮难以触达;

  也有人会叫做卡片式布局,但是卡片式布局会更加明显,下面会有介绍。陈列馆式导航设计一般用作辅助导航,最适合呈现经常更新的,视觉效果直观,彼此独立的内容,例如用来展示丰富的图片文字信息,常见于购物类、照片、新闻,可以布局成网格或瀑布流式进行展示。

  布局比较灵活,设计师可以平均分布这些网络,也可根据内容的重要性不规则分布,更具有流动性,曝布流就属于其中一种。

  使用场景:一般作为辅助导航,和滚动式导航相结合,滚动式导航的特点是显示数目有限,但是能够实现快速的切换,而超级菜单式导航的特点是能够显示足够多的条目,但是切换起来比较麻烦,两者结合,正好进行优势互补。

  使用场景:应用信息足够扁平,想突出沉浸式体验,适用于一些小而美的应用,可以尝试轮播导航,例如天气app。

  其中,所有的主要导航都可以做为次级导航,但次级导航不太适合用作主要导航 。其他一些零散的如隐喻式导航(游戏),点聚式导航,如苹果的悬浮按钮。

  仪表盘式布局可以展示一功能中关键数据即可,一般用作辅助导航,结合主导航展示数据信息,这种导航模式常用于金融应用程序、记录分析工具、销售和营销应用程序,如薄荷健康和Timi记账

  在电商模块中,用户需要选品定位时会遇见这类布局,千赢娱乐其特点是能同时呈现比较多的分类及对应的内容,适合分类多及其内容同时展示的页面。

  卡片式导航模仿生活中扑克牌,翻牌等动作来切换内容,常用作辅助导航,像探探,最美有物,其中最美有物首页画报使用卡片式内容展现,让人第一次使用觉得很惊艳,当然长时间使用这种形式获取信任容易疲劳。

当前网址:http://127.0.0.4/linggan/app/443.html

 
你可能喜欢的: