内容提要
文章探讨手风琴菜单的图标选择:无图标时用户预期跳转新页面,自定义图标易致困惑;链接应直接加下划线,无需箭头;避免拆分按钮(文字跳转、图标展开),应点击主分类展开菜单,页内再放链接;加号、箭头虽通用但含义过载易误解;最安全是默认向下三角,交互时改为向上或侧向,加号亦可;简胜繁。
延伸解读
无图标时用户预期跳转新页面
文章指出,手风琴菜单如果不加任何图标,用户会默认点击菜单项直接跳转到新页面,而不是展开子菜单。自定义图标往往无法清晰传达“展开”的含义,容易造成困惑。因此,若菜单项实际是链接,直接加下划线是最简单有效的做法,无需额外箭头或图标。
避免拆分按钮:文字与图标应统一行为
拆分按钮指文字标签链接到页面、图标单独展开菜单,这种设计容易导致误操作。文章建议让用户点击主分类来展开菜单,再在菜单内放置指向分类页面的链接。这样每个按钮只做一件事,行为更可预测,减少用户犯错。
加号与箭头虽通用但含义过载
加号(+/-)和箭头(↓/↑)是手风琴的常见图标,用户通常能理解,但它们含义过多:加号可能被理解为收藏、加入购物车或放大;箭头可能表示滚动、滑动或跳转。在多级导航中尤其容易混淆。因此,尽管这些图标可用,但并非最安全的选择。
最安全的选择:默认向下三角
文章推荐默认使用向下三角(caret ▼),交互时改为向上或侧向。这种图标能清晰表示展开/收起状态,且用户点击图标和文字的概率相近,说明图标影响整个点击区域。若需替代方案,+/- 也可行。但无需额外箭头指示链接方向,简胜繁。
Q&A
手风琴菜单不加图标会有什么问题?
如果不加图标,用户会预期点击菜单项直接跳转到新页面,而不是展开手风琴。
为什么应该避免使用拆分按钮(文字跳转、图标展开)?
拆分按钮容易导致用户误操作,因为文字和图标的功能不同,用户可能点击错误区域。更可靠的做法是点击主分类展开菜单,然后在菜单内放置链接。
手风琴菜单最安全的图标选择是什么?
最安全的是默认使用向下的三角形(caret),交互时改为向上或侧向。加号(+/-)也可以作为替代方案。
加号和箭头图标在手风琴中有什么潜在问题?
加号和箭头虽然通用,但含义过载,可能被误解为其他功能(如加号可能表示保存、加入购物车等),尤其在多级导航中容易造成困惑。
如果手风琴菜单中需要包含链接,应该如何处理?
应该直接给链接加下划线,不需要添加箭头或其他图标。这样用户能清晰识别链接。
为什么自定义图标容易导致用户困惑?
自定义图标不能清晰传达展开手风琴的功能,用户可能不理解其含义,从而不知道点击后会展开菜单。