无论您如何喜欢滚动,使用视差或面板等滚动效果将用户引导到APP的不同部分都是一种有效的导航方式。虽然我们中的许多人在几年前将滚动显示为死亡,但较小的屏幕有助于滚动模式重新成为所有设备类型中的高可用功能。
用户不怕向下移动页面,因此您不必在第一个屏幕上填写每个链接或信息。使用HTML5为您带来优势,并构建一个APP,使导航成为身临其境的用户体验的一部分。
要使其工作,您必须做的不仅仅是创建一个包含大量链接的长页面。设计必须具有影响力。提示用户你正在做什么。在“屏幕”之间创建带有颜色的视觉分离,并包含大的可点击区域,告诉用户他们下一步的确切位置。
如果您担心某些用户可能需要更传统的站点地图样式菜单,请考虑将其放在页脚中。您最终将采用更简化的设计,并将这些可链接的项目保留在老学用户的单一位置。
2.隐藏的面包屑
在你跳进“我讨厌面包屑图标”咆哮之前,请考虑一下。无论喜欢与否,这个小小的图标已经变成了弹出,向下或其他隐藏菜单的象征。用户似乎理解它。虽然许多设计师似乎厌恶它,但你最终可能最终会使用它。
所以放弃战斗吧。
这里的诀窍是简单。菜单是粗体,为用户提供了一些选择,并且易于在任何设备上使用。无论如何,谁还需要几十个菜单选项?很大一部分用户将通过内部页面上的搜索引擎登陆您的APP;直接输入您的网址然后通过现场导航进行移动的用户数量一直在缩减。
3.卡式导航
卡,卡和更多卡。看起来设计师可以获得足够的数据。那么为什么不将卡片作为首选导航/菜单选项呢?
从主页上的卡片图案开始,这是一种全屏体验。然后每张卡将用户带到站点的不同部分。这个想法非常简单直观,任何用户都应该能够轻松浏览流程并找到他们想要的内容。
作为额外的奖励,响应卡然后在移动设备屏幕上“落实到位”,以便跨平台的体验相似。
粘性菜单
简单实用。粘性菜单是帮助用户浏览您APP的简便方法。创建一个简单的菜单结构,只包含几个重要元素,并确保粘性元素找到并锁定到屏幕上的特定位置。
大多数情况下,这些菜单栏很大,然后折叠成每个页面上屏幕顶部的较小版本。
4.垂直侧面菜单
您是否选择在屏幕的左侧或右侧选择菜单取决于您。我会考虑导航如何与其他图像一起使用。该APP的其余部分是否有向一侧或另一侧的方向拉?主导图像能引导用户查看导航吗?以大图片的方式将这些元素结合在一起,创造出可以共同发挥作用的单品,以实现单一,统一的感觉。