在设计移动应用程序时,最重要的是确保界面和交互有用且清晰。如果这些基本功能都不能实现,那么用户就没有充分的理由使用它,更不用说额外的价值了。然而,在确保可用性的前提下,学习曲线太陡,用户保留率不是太高,毕竟学习成本就在那里。良好的用户界面设计通常可以帮助用户解决问题,确保可用性和易用性,这些相对经典的设计最佳实践,被设计师反复抛光和验证,被认为是设计模式。设计模式的好处在于它经过验证并具有出色的功能。了解当今流行的设计模式将使您的应用程序在启动后获得更多支持并变得更具竞争力。
今天的文章将重点介绍移动APP导航的设计模式。无论您正在设计何种类型的APP,或多或少都无法导航设计。作为应用中最常见和最重要的模块,导航甚至可能直接影响用户是否会喜欢您的应用。
1、产品演示和教程引导
可用性是应用程序成功的关键因素。但是,某些应用程序包含相对复杂的功能和不同的内容目前,通过产品演示和教程指南告知用户如何使用此产品是一种非常有效的方法。 Secret和Youtube应用程序面临这种情况。在新用户打开界面后,设计人员将标记关键UI控件,并通过交互式指导帮助他们熟悉这些功能。 Carousel和Duolingo使用说明性幻灯片来帮助用户体验核心功能。当APP中的某些功能对用户来说不够明显时,本教程和指导模式可以用来帮助用户,这在简化APP的复杂性和易用性方面具有明显的效果。此设计模式的另一个优点是,它可以帮助开发人员和设计人员收集越来越有效的用户数据,以便找到更方便的交互并增强用户体验。
2、基于内容的导航
无论您的应用中包含哪些内容,您始终希望整体用户体验流畅,内容足够清晰。基于内容的导航不是指系统导航,而是指在浏览期间允许在概览模式和细节模式之间无缝转换的导航模式。以Tinder的应用为例。在用户的个人页面中,您首先看到的是概览模式,其中用户的图片占据了大部分区域。点击后,图片缩小,您可以看到更多。与用户相关的信息是详细模式。具有不同强调的两种模式中的每一种都满足不同的需求并且无缝地切换以引导用户到不同的内容。
3、滑块
在优步,你经常会看到三到四个不同的游乐设施。设计师设计了一个允许用户来回移动的滑块,而不是使用四种不同的界面进行演示。您需要向左和向右滑动以快速切换不同的服务。它也是一款经典的移动侧导航设计,只需轻扫手指即可无缝切换。最重要的是这个模型非常直观,学习成本几乎为零。
4、弹出框
并非所有弹出窗口都是“糟糕”的。设计。有时,弹出窗口是用户和界面之间更好的交互的最佳解决方案。当出现最新的推送信息时,当用户浏览当前页面并且不想跳出时,使用弹出框来呈现临时干预信息是最佳解决方案。然而,这种弹出框后面的设计模式是这样的:当用户执行特定操作或到达应用程序的特定位置时,弹出窗口出现,显示与当前操作/位置有关的信息。
弹出框位于前台,用户查看的原始内容仍然存在于后台。关闭弹出框后,用户可以继续查看之前未读过的内容。弹出窗口是一个足够明显的控件,可以在用户真正需要时提供帮助,如果被滥用则会很烦人。同时,必须容易地关闭弹出框,最好是通过滑动或点击。
在TED的官方应用中,采用了这种设计模式。当用户浏览内容列表时,可以以淡入和淡出的形式弹出视频信息,用户可以暂时查看视频内容,然后在关闭后继续查看信息流。
5、侧边栏和抽屉控件
与电视和台式电脑相比,手机的屏幕尺寸太小。因此,在这些小屏幕上进行设计的最大问题始终是如何在有限的区域内有效和优雅地放置更多内容。为避免在屏幕上混入大量信息,设计人员通常会选择侧边栏,下拉框和抽屉控件来传输更多内容。我们今天最常见的是无处不在的汉堡菜单,从菜单中滑出的箭头以及侧边栏,其中大部分带有更多选项和更深层次的内容。通过这种信息存储,可以在主界面上更好地显示关键信息。