固定元素保持惯例,作者列举了几个例子:
网站标题(header)往往会在网站左上方显示。
LOGO 通常可以点击,以回到首页
退出登录一般会在网站右上方显示
版权信息总是位于最下方 footer
网站搜索框经常会出现在网站右上方或中部上方
切换网站语言版本的功能经常出现在网站 header 右端并配有国旗显示更直观
搜索框必需是一个框
注册通常在页面的右上角
作者提倡仅在必要时使用下拉菜单,虽然下拉菜单占较少的屏幕空间,但其缺点也是明显的,例如选项可见性较低,下拉菜单所包含的内容项太多时将造成困扰。然而根据 Jacob Nielsen 对下拉菜单的研究,他认为下拉菜单并不一定要很小,巨型导航下拉菜单效果也不错。近年来,mega menu 成为在网站建设中成为一种趋势,尤其是在电子商务网站,如果运用得当,它确实能有效帮助到用户快速获取信息,大的二维下拉面板可以对导航选项进行清晰,组织良好的导航分组,将用户从不得不进行的滚动中解脱出来。运用是否得当成了设计的关键。
巨型菜单的优势:
所有选项一目了然
可通过分隔线、富文本、图标、图片修饰等视觉上手段更加清晰地组织菜单结构
巨型菜单的劣势:
未展开前的 mega menu 不易被用户发觉
大量的菜单选项占据了屏幕空间,遮住了一部分内容
缩小浏览器尺寸或在小屏幕手持设备上不易看到全部菜单内容
Load 巨型菜单速度有影响
Accessibility 方面,fly-out 菜单很容易导致可访问性问题,代码书写需要更小心谨慎
除此之外,作者还强调不要忘记保护性设计:
我们应该总是设想,用户不按常理出牌,不会按您的预期使用您的网站,或是误用。所以我们一定要有保护性设计,比如,删除一个文档如果没有确认提示,又没有提供恢复功能,这将给用户造成难以接受的后果;再如,如果用户在输入注册信息时关闭浏览器,在没有询问之前不要抛弃他们的数据;或是,当用户请求的一个页面不存在时,需提供一个有用的 404 页面。(崔康/infoq)
注:相关网站建设技巧阅读请移步到建站教程频道。