结果出来了!将近 5,000 名投票者参与了 上一次投票,以决定席卷移动设计领域的屏幕外“抽屉”导航风格是否适合更大屏幕(“桌面”)设计。您可以选择
- 它在任何网站上都不适用。
- 它在任何网站上都适用。
- 它适用于移动网站,但不适用于桌面网站。
只有 10% 的人认为屏幕外导航在任何设计中都不是好主意。因此,绝大多数人至少在小屏幕上赞成它。剩下的 90% 人意见分歧较大。以微弱优势,46% 的人投票认为屏幕外导航可以应用于任何设计,使其成为最受欢迎的选择。44% 的人表示它只适合移动网站。
以下是视觉分解
查看 Chris Coyier 的 CodePen 作品 GtCqp (@chriscoyier) 在 CodePen 上
我个人更倾向于务实。我知道我要求你们投票时没有提供任何特定设计的背景信息。这仅仅是为了获得一种普遍的直觉和对这个想法的社区氛围。但我相信我们大多数人在做出实际的决定,尤其是设计决策时,都是基于摆在我们面前的真实情况。如果抽屉在大型屏幕桌面网站设计中非常合理,我们很可能会选择它。但当然,这个想法的诞生源于小屏幕很小,将导航移出主屏幕给了我们更多的空间来工作,并且在两个地方都有更大的点击区域。因此,将其放在一个大屏幕设计中,那里没有那么大的问题,可能会很奇怪。但反过来说,随着移动设计主导人们的交互方式,这种奇怪程度可能会越来越低。
下一个投票开始前,侧边栏会再进行一天或两天投票。查看 投票档案 以获取本次投票和所有过去投票的完整实时结果。
很棒的投票。Chris,我同意你的观点,我也认为设计是找到特定情况下的最佳解决方案。因此,我很难理解为什么有人会在尝试和评估之前就放弃一个替代方案。除了移动网站,我们在其他系统和设备上,如视频游戏和销售点自助机上,也已经使用了很多屏幕外导航,我相信随着越来越多各种尺寸的触摸设备进入我们的世界,这种趋势将会增长。
我认为它可以在网站上,即使是桌面,也可以使用。我一些网站的问题是,我必须使它们防呆。有人要求我把东西从下拉菜单中移走,因为太难找了。而且它的组织性很好。这种问题会使这种类型的导航变得不可行,但其他一些客户可能不介意在他们的网站上使用这种方式。
我一直尝试在桌面电脑上使用屏幕外导航,我发现预先展开侧边栏,这样它就不会隐藏,效果很好。
我认为,如果你要这样做,当浏览器窗口达到一定宽度时,你应该不再能够切换它的可见性(并且明显地确保普通内容不会因此而偏移)。
我真的想不出哪个网站会在桌面电脑上从屏幕外滑出导航中受益。它只会要求额外点击才能访问内容,这正是你不想做的事情。即使是现在常用的平均最小分辨率,桌面屏幕空间也相当大,没有必要浪费它。
我一直在想,由于菜单很大,哪些网站/网络应用程序可能会使用屏幕外导航,但我仍然想不出它能以何种方式提高访问或可用性。
我的 Gmail 收件箱左侧有大量的标签。将它们移到屏幕外导航?我再也看不到它们的未读消息数了。
eBay 有大量的类别、子类别和过滤器列表。将它们移到屏幕外导航?每次你切换类别时,你现在都需要多点击一次,才能选择你想使用的下一个过滤器。例如,现在要找到雅马哈制造的原声吉他需要更多时间了。
Facebook 的 Apple/Android 应用程序有一个大型屏幕外导航,而网站则有一个更紧凑的顶部菜单栏,在左上角还有其他菜单,这效果很好。由于没有使用 3G,桌面电脑上的加载时间通常更快,而且用鼠标点击较小的链接比用手指在小屏幕上点击更精确。从侧边导航中选择菜单 > 我所在的任何群组,当你可以直接点击群组 > 相关群组时,就完全是多此一举了。
我绝对会在网站上使用屏幕外/手风琴式导航,但这绝对取决于网站的布局。事实上,我现在正在决定是否可以为我正在开发的网站使用它。
我认为,将 6-10 个按钮/菜单选项变成一个带下拉菜单/手风琴的选项,并不会浪费任何东西。我相信,如果你能够压缩并减少用户感到不知所措的东西,它将简化整体体验。没什么大不了的,他们只需要点击一个显示“菜单”的按钮或图片,他们已经在手机和平板电脑上习惯这样做。
我还认为,数据驱动的决策也可以有所帮助。你是在做一个复杂的论坛,还是一个非常冗长/深入的用户体验,需要用户将所有选项都放在眼前?还是你正在做一些更简单的东西,或者你想让它更简单?还有最重要的一点……有多少用户是通过手机或平板电脑访问你的网站,而不是通过全尺寸桌面访问?我真心地相信,桌面尺寸和平板电脑/手机尺寸之间的界限只会变得越来越模糊,因此允许人们在所有设备上拥有类似的用户体验。
这都是互动设计师的一部分。我们的用户将如何与我们正在构建的产品进行交互?决策 A 比决策 B 如何帮助或损害他们?
我认为这个网站在全尺寸屏幕上很好地运用了这种形式的导航
http://www.julianabicycles.com/
但对他们来说,重点必须放在产品照片上,而不是用一些文字打扰好的摄影效果。
我认为,这完全取决于 UI/UX 设计。对于桌面网站,这种类型的菜单可能对某些菜单组有用,例如用户帐户菜单(个人资料、设置、电子邮件、密码等),但对于网站主要导航则不适用。我选择了“它在任何网站上都适用”。
在移动端,这是一种很常见的模式,所以不会有什么大不了的。在桌面端,这似乎毫无意义,并且会让用户 a) 必须寻找导航,以及 b) 通常比他们需要更多地点击或悬停。
不打算重新启动线程,但我想补充一下,YouTube 现在似乎也正在这样做,结果我在主列的两边都有将近 300 像素的空白空间。我坚持我的最初想法,即“如果做得正确,它会很好”。