加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

让APP中内容呈现更友好易用的5种常见导航设计模式

发布时间:2018-02-01 07:14:24 所属栏目:建站 来源:优设网
导读:副标题#e# 在设计移动端APP的时候,最重要的一点是确保界面和交互足够有用又清晰直观。如果这两个基本的特征都无法达成,用户是没有足够的理由来使用它的,更不用说额外的价值体现了。不过,在确保可用性的前提下,学习曲线太过陡峭,用户的留存率则不会太

3、滑块

让APP中内容呈现更友好易用的5种常见导航设计模式

在Uber 当中,你常常会看到三到四种不同的乘车服务,设计师并没有采用四个不同的界面来进行呈现,而是设计了一个可供用户来回拨动的滑块,用户只需要左右滑动就能够快速切换不同的服务。这也是一种经典的移动端导航设计,只需要使用手指轻轻扫动,就能无缝切换。最关键的是,这种模式是非常直观的,学习成本几乎为零。

4、弹出框

让APP中内容呈现更友好易用的5种常见导航设计模式

并不是所有的弹出框都是“坏”设计。有的时候,为了让用户和界面之间更好的交互,弹出框是最佳的解决方案。当有最新的推送信息出现,用户在浏览当前页面而不想跳出的时候,使用弹出框来呈现临时介入的信息,是一个两全其美的方案。不过,这种弹出框所遵循的设计模式是这样的:用户执行特定的操作或者到达应用的特定位置的时候出现弹出式窗口,显示与当前操作/位置相关的信息。

弹出框位于前景,而用户所浏览的原始内容则在背景中依然存在,关闭弹出框之后,用户可以继续查看之前未看完的内容。弹出框是一种足够引人瞩目的控件,在用户真正需要的时候提供帮助,如果滥用则会非常恼人。与此同时,弹出框的关闭也必须足够便捷,最好是轻扫或者点击就能轻松关闭。

TED的官方应用当中,就采用了这样的设计模式。当用户在浏览内容列表的时候,可以以淡入淡出的形式弹出视频信息,用户可以临时查看这些视频内容,关闭之后继续查看信息流不受影响。

5、侧边栏和抽屉控件

让APP中内容呈现更友好易用的5种常见导航设计模式

同电视和桌面端的电脑相比,手机的屏幕尺寸太小了。所以,在这些小屏幕上进行设计的最大的问题,始终是如何在有限的区域内有效而优雅地放置更多的内容。为了避免在屏幕上混杂大量的信息,设计师们常常是选择侧边栏、下拉框和抽屉控件来承载更多的内容。而我们最常见的,是如今几乎无处不在的汉堡菜单、滑出菜单的箭头和侧边栏,其中大都承载了更多的选项和更深层级的内容。通过这样的信息收纳方式,让主界面上可以更好的显示关键的信息。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读