快生活 - 生活常识大全

在网页设计中兼顾所有用户和场景的个技巧


  尽可能兼顾不同用户的知识和技能水平
  用户可能是新手、专家或介于两者之间,要根据用户情况设计界面。
  △ 使用适当的新人引导(四种主要的新人引导策略)
  这四种用法刚好可以用一个2*2的矩阵来表示。根据下方图示选择最适合你界面的方式:
  △为新手用户添加提示而不干扰专家用户
  △使用卡片分类构建信息架构
  若你想了解用户如何确定或概念化菜单分类,使用开放式卡片分类;
  若你想了解用户如何将现有元素归类到预制分类,使用封闭式卡片分类;
  尽可能适应用户的操作流程
  用户会有不同的需求,根据不同操作流程调整界面设计。
  △让用户控制数据的呈现方式
  △让用户控制数据的排序方式
  其他排序标准包括:
  按字母顺序
  按可用性
  按分类
  按日期
  按距离
  按热门程度
  按价格
  按相关性
  按大小
  △让用户控制数据显示的数量
  △构建用户画像以区分具体操作流程
  △让用户通过新标签页打开页面
  很多用户习惯先打开页面,后续再去浏览。
  尽可能提高网页的可及性
  让残疾人群也可以访问使用你的界面。这不仅是好的做法,还可以避免法律后果(看你做的是什么产品)
  △在HTML5中使用语义标签
  △使用多种提示来沟通反馈信息
  大约8%的男性是色盲(Chan, Goh, & Tan, 2014)。不要单独通过颜色来传达信息,提供多种提示。
  尽可能兼容各种输入和极端个例
  应该允许用户输入各种信息而无后顾之忧。
  △解决自动生成信息带来的不好结果
  (译者注:上图客户旅游目的地是奥斯威辛,通过模板消息"&lt;目的地名称&gt;玩得开心",会生成"奥斯威辛玩得开心"的提示,但奥斯威辛集中营是个负面的联想,"奥斯威辛集中营玩得开心",会让用户不爽。保险起见,改成提示"旅途愉快")<!--目的地名称-->
  △使用支持多种输入格式的表单元素
  △显示能解决搜索者需求的结果
  △使用能处理错别字、同义词或变体词的搜索
  尽可能兼容所有媒介
  界面需要在各种环境都能运作(如不同设备、浏览器等)
  △根据用户浏览器定制不同的操作指引
  △在小型设备上使用单窗口深入的方式
  未完待续…
  原文地址:nickkolenda
  译文来自:@企业官网设计精选
  【系列文章回顾】戳下面链接快速到达:
  1)在网页设计中帮助用户实现目标
  2)在网页设计中如何引导用户的注意力
  3)在网页设计中如何少让用户费脑筋,保持操作流畅
  4)在网页设计中兼顾所有用户和场景的3个技巧
  5)当用户操作错误时,如何在不影响用户体验的情况下快速处理好
网站目录投稿:飞烟