桌面版网站上的大型沉浸式滚动页面支持了Web不断发展成为更美丽,更吸引人的地方。这种趋势的一部分包括适应和合理地放弃一些网站设计惯例。但是,仍然存在一些简单的UX最佳实践,这些最佳实践可以继续帮助我们创建美好而身临其境的桌面Web体验,而不会忽视用户实际使用该网站的全部体验。
如今,精美的桌面设计使用更大的画布,合并页面并充分利用用户滚动的优势。
今天,网络比以往任何时候都更能带来优雅的字体,交互式元素,对内容的关注,对空白空间的大胆使用以及通常使用更多空间的影响。用户滚动允许有效的单页网站以及使用页面部分替换页面的网站。无限滚动被用作导航工具,以自动将用户从一个区域移动到另一个区域,并在页面之间移动。菜单正在有意识地被简化,并且页面部分代替了页面。网站的页面数正在减少。
在移动和桌面融合的背景下,这一切都是有意义的,因为响应式设计允许在单独的设备上显示单个站点。在移动设备上向下滚动页面以扫描所需的内容部分,而不是查找指向该内容的链接并等待新页面加载,非常直观,快捷。在桌面上,这种滚动景观打开了一块巨大的设计画布,并可能为视差元素带来沉浸式用户体验,或者纯粹利用空间。
使用移动样式菜单在视觉上简化了桌面网站。
类似于应用程序baidu,粘性标头或导航栏在台式机上的效果与在移动设备上的效果相同。因此,桌面设计开始从移动设备中汲取灵感,例如,桌面视图尺寸上的滑出/可折叠菜单。在许多情况下,设计人员正在有效地利用这些开发成果来发展用户体验。
如果用户仍然很重要,那么用户选择和用户上下文意识就不再重要。
在推进过程中,我们应该注意一些针对台式机用户久经考验的最佳实践。我说的是无聊的老式东西,例如面包屑,良好的URL结构,在导航中的位置指示以及清楚地表示的页面或部分标题。这些准则是显而易见的,但是它们似乎经常被认真地忽视或完全忽略。如果用户仍然很重要,那么用户选择和用户上下文意识就不再重要。
以下是四个简单的UX最佳实践,可以在现代滚动网站中为用户提供上下文和导航位置。
1)包含具有深入站点导航功能的面包屑或在针对性的浏览情况下
,是否实施某种类型的面包屑的决定可能仅取决于网站目标,例如是否希望用户进行针对性的浏览,或者是否希望他们浏览特别深的网站结构。如果是这样,面包屑在内部页面上就很重要,尤其是那些不能在导航中向用户表明位置的页面上。
2)维护用户友好的URL
通过保持简洁的URL结构,桌面用户应该基本上可以像面包屑一样读取其在站点导航中的位置。这可以通过利用动态更新深链接来进一步采取:当用户向下滚动使用页面部分替换内容的不同页面的页面时,用户可以看到他们的URL在到达每个页面部分时进行更新。
3)在站点导航中指示用户的位置
只要在导航中突出显示用户在站点上的位置,就可以为用户提供很多上下文。导航中的位置是重要的上下文提供者,可以说是导航较浅的站点的简化面包屑痕迹。如果简化了菜单并避免了子导航,而是依靠页面节或页面内菜单,或者如果折叠菜单以反映移动体验,则用户将失去在导航中的位置指示。
4)在所有页面上都包括页面标题和节标题
如果用户已经跟踪了网站上指向新页面的链接,请给他们一个肯定的确认,以确认他们的举动带有页面标题。如果用户通过外部链接进入页面,请为他们指定页面标题。章节标题可加快页面扫描速度。如果网站使用页面板块替换单独的页面,则板块标题尤为重要:网站辅助导航中的链接或将用户从非现场带入的深层链接都将使用户进入页。在这一点上,用户应该获得肯定的确认和一般的方向,并且章节标题起到了完成这两个作用。
我们越来越多的导航和桌面布局结构选择库为实现这些功能提供了许多精巧的选择。用粘性导航指示导航中的位置在向用户提供上下文方面有很长的路要走,因为他们的位置至少在主级别导航中始终可见。如果通过使用辅助菜单或其他可视指示将其扩展到第二级导航,则用户既可以理解其在站点中的位置,又可以快速移至其他站点部分而无需滚动查找菜单或滚动查找所需部分。
带有粘性子导航的粘性主导航可以清楚地说明站点的位置,并允许快速导航。
另外,当用户将看到导航重点动态更新时,可以有效地说明各个部分的移动。粘性页面标题和粘性部分标题也可以用来清楚地表示站点或页面上的位置。使用桌面用户的大画布,没有理由不能将他们更多地创造性地合并到页面上已指定用于粘性标头或导航的区域中。
粘性标头可容纳动态标题跟踪,有效地充当面包屑。
如果您的团队认为您通过其他方式提供用户选择和上下文,那就太棒了,因为有许多方法可以实现这些目标。在某些站点上,开发和设计团队有意致力于充分树立用户的体验,但是对于我们构建的大多数站点,用户最终仍然是并且应该处于统治地位。