首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

网站设计中不可忽视的可用性原则(4)

网站设计中不可忽视的可用性原则(4)

注册表单尽量简洁没有人喜欢填表单,设计高效的网页表单的原则是,尽量使用较少量强制性的输入框,避免增加用户负担。不应在注册页面上放置广告,闪烁图片等效果分散用户注意力。
图 13.太多分散用户注意力的内容,对用户专心完成注册没有帮助文本排版应优雅文本排版在网页设计中是相当重要的一部分。CSS3 的@font-face 使得页面可以嵌用自定义字体,页面文字显示将更丰富多彩,表现力更强。实现优雅的文本排版,我们需要注意以下:
  • 文本大小:太小的文字使得长篇文章阅读起来很困难
  • 行距:保持适合的行间距增加文字可读性
  • 留白:文字的周围提供充足的空白,使用户不会感到太压抑
  • Line-height 属性值不应该用 px 作为单位
图 14.line-height 设置成绝对值(px)时,当字体增大时有可能出现重叠的问题清晰的导航通常有以下几种导航的作法,在设计中我们可以综合考虑使用。全局导航:类似于网站地图,突出整体网站结构,大而全
本地导航:针对某个栏目内的导航
上下文导航:针对具体的页面内的导航
面包屑导航:二级导航模式,用来定位用户当前所处的位置
图 15.Amazon 采取混合导航,树状导航,栏目内搜索,全局导航及面包屑不要忘记保护性设计我们应该总是设想,用户不按常理出牌,不会按您的预期使用您的网站,或是误用。所以我们一定要有保护性设计,比如,删除一个文档如果没有确认提示,又没有提供恢复功能,这将给用户造成难以接受的后果;再如,如果用户在输入注册信息时关闭浏览器,在没有询问之前不要抛弃他们的数据;或是,当用户请求的一个页面不存在时,需提供一个有用的 404 页面。
图 16.尽量让 404 页面信息更有帮助,同时 404 也可以设计得很独特,展现网站个性及早测试“早期测试一个用户要比后期测试 50 个用户好”。可用性测试总会产生有用的结果。基本的检查点可以包括以下:
  • 死链接
  • 校对文本
  • Javascript 不生效时,网站展示效果仍要优雅
  • 404 页面是否缺失
  • 跨浏览器兼容性检查
  • 导航是否清晰
  • 文字表述是否亲和
总结界面设计的原则很多来自于经验和启发,并在不断的探索讨论过程中,建立与用户之间的信任感,不断进行易用性测试。虽然我们不可能做一个普适的设计,比如移动设备、手机之间的差异与电脑就大很多,低端机、智能机、触摸屏手机各有不同,但基本总结通用的易用性原则是:
1. 尽量简洁连贯;
2. 提供信息反馈;
3. 允许简单的撤销操作;
4. 降低短期记忆载荷和学习成本;
5. 及时测试;
6. 信息架构合理
返回列表