375750496
网站设计

IBM经验总结:网站设计中不可忽视的可用性(2)

发表日期:2015-05-23   作者来源:   浏览:0   标签:    

固定元素保持惯例,作者列举了几个例子:

网站标题(header)往往会在网站左上方显示。

LOGO 通常可以点击,以回到首页

退出登录一般会在网站右上方显示

版权信息总是位于最下方 footer

网站搜索框经常会出现在网站右上方或中部上方

切换网站语言版本的功能经常出现在网站 header 右端并配有国旗显示更直观

搜索框必需是一个框

注册通常在页面的右上角

作者提倡仅在必要时使用下拉菜单,虽然下拉菜单占较少的屏幕空间,但其缺点也是明显的,例如选项可见性较低,下拉菜单所包含的内容项太多时将造成困扰。然而根据 Jacob Nielsen 对下拉菜单的研究,他认为下拉菜单并不一定要很小,巨型导航下拉菜单效果也不错。近年来,mega menu 成为在网页设计中成为一种趋势,尤其是在电子商务网站,如果运用得当,它确实能有效帮助到用户快速获取信息,大的二维下拉面板可以对导航选项进行清晰,组织良好的导航分组,将用户从不得不进行的滚动中解脱出来。运用是否得当成了设计的关键。

巨型菜单的优势:

所有选项一目了然

可通过分隔线、富文本、图标、图片修饰等视觉上手段更加清晰地组织菜单结构

巨型菜单的劣势:

未展开前的 mega menu 不易被用户发觉

大量的菜单选项占据了屏幕空间,遮住了一部分内容

缩小浏览器尺寸或在小屏幕手持设备上不易看到全部菜单内容

Load 巨型菜单速度有影响

Accessibility 方面,fly-out 菜单很容易导致可访问性问题,代码书写需要更小心谨慎

除此之外,作者还强调不要忘记保护性设计:

我们应该总是设想,用户不按常理出牌,不会按您的预期使用您的网站,或是误用。所以我们一定要有保护性设计,比如,删除一个文档如果没有确认提示,又没有提供恢复功能,这将给用户造成难以接受的后果;再如,如果用户在输入注册信息时关闭浏览器,在没有询问之前不要抛弃他们的数据;或是,当用户请求的一个页面不存在时,需提供一个有用的 404 页面。(崔康/infoq)

注:相关网页设计技巧阅读请移步到建站教程频道。

如没特殊注明,文章均为厦门博久高端网站建设公司 原创,转载请注明来自https://www.sosuoseo.com/news/sheji/3/2063.html
相关案例