Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音

Smartwind 沙漠风互联网整合营销

地址:深圳市福田区泰然四路创新科技广场一期A座1304

业务热线: 0755-83739169

大客户专线: 18098908287

售前QQ:3290449062

E-mail: sales@szweb.cn

合作意向表

您希望我们 为您提供什么服务?

预算

点击更换

APP开发资讯 APP开发资讯

资讯

23 2018/02

让APP中内容呈现更易用的5种常见导航设计-深圳APP开发

APP开发资讯 / 深圳APP开发 2018/02/23

  在设计移动端APP的时候,最重要的一点是确保界面和交互足够有用又清晰直观。如果这两个基本的特征都无法达成,用户是没有足够的理由来使用它的,更不用说额外的价值体现了。不过,在确保可用性的前提下,学习曲线太过陡峭,用户的留存率则不会太高,毕竟学习成本摆在那儿放着。良好的UI设计,通常会帮助用户解决问题,确保可用性和易用性,而这些经过设计师反复打磨和验证过后的相对经典的设计最佳实践,则被视作为设计模式。设计模式的好处在于,它经过了验证,并且具备突出的特性。了解如今所流行的设计模式,能够让你的APP在投放市场之后获得更多的支持,拥有更强的竞争力。


QQ图片20180223172906.png


  今天的文章会着重介绍移动端APP导航的设计模式。无论你所设计的APP是什么样的类型,或多或少都绕不开导航设计。作为APP中最常用也是最重要的模块,导航甚至可能直接影响到用户会不会喜爱你的APP。


  1、产品演示和教程引导


QQ图片20180223172924.png


  可用性是APP是否取得成功的关键性影响因素。但是有的应用当中本身就包含着相对复杂的功能和多样的内容,这个时候,通过产品演示和教程引导来告知用户如何使用这一产品,是一个颇为有效的方式。Secret和Youtube这两个应用就面对着这样的局面,在新用户打开界面之后,设计师将关键性的UI控件标注出来,通过交互式的引导来帮助用户熟悉这些功能。而Carousel和Duolingo则采用了展示性的幻灯片来帮助用户体验其中的核心功能。当APP中部分功能对于用户而言不够明显的时候,可以采用这种教程和引导模式来帮助用户,在简化APP的复杂性和易用性上有明显的效果。这种设计模式的另外一个优势在于,能够帮助开发者和设计师搜集到更多有效的用户数据,进而找到更加便捷的交互,提升用户体验。


  2、基于内容的导航


QQ图片20180223172943.png


  无论你的APP当中包含着怎样的内容,你总希望整体的用户体验是顺畅的,内容足够清晰。基于内容的导航指的并非是系统性的导航,而是在浏览过程中,让概览模式和详情模式下无缝转换的一种导航模式。以Tinder这款应用为例,在用户的个人页当中,你首先看到的是概览模式,其中用户的图片占据着绝大多数的区域,再点击一下之后,图片缩小,你可以看到更多和用户相关的信息,着是详情模式。各有侧重的两种模式满足不同的需求,无缝地切换引领用户到不同的内容。


  3、滑块


QQ图片20180223173008.png


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


  4、弹出框


QQ图片20180223173027.png


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


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


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


  5、侧边栏和抽屉控件


QQ图片20180223173054.png


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


以上内容由沙漠风为您提供!更多有关深圳APP开发APP定制微信平台开发微信小程序开发等互联网应用服务都可以联系我们!热线:0755-83739159 或致电大客户专线:18098908287 陈经理!

上一条: APP榜单优化ASO诱饵链接的方法

下一条: APP的常见BUG以及怎么测试APP

返回

最新案例