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

用户可能是新手、专家或介于两者之间,要根据用户情况设计界面。△ 使用适当的新人引导(四种主要的新人引导策略)


尽可能兼顾不同用户的知识和技能水平

用户可能是新手、专家或介于两者之间,要根据用户情况设计界面。

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

△ 使用适当的新人引导(四种主要的新人引导策略)

这四种用法刚好可以用一个2*2的矩阵来表示。根据下方图示选择最适合你界面的方式:

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

△ 为新手用户添加提示而不干扰专家用户

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

△ 使用卡片分类构建信息架构

若你想了解用户如何确定或概念化菜单分类,使用开放式卡片分类;

若你想了解用户如何将现有元素归类到预制分类,使用封闭式卡片分类;

尽可能适应用户的操作流程

用户会有不同的需求,根据不同操作流程调整界面设计。

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

△ 让用户控制数据的呈现方式

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

△ 让用户控制数据的排序方式

其他排序标准包括:

  • 按字母顺序
  • 按可用性
  • 按分类
  • 按日期
  • 按距离
  • 按热门程度
  • 按价格
  • 按相关性
  • 按大小

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

△ 让用户控制数据显示的数量

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

△ 构建用户画像以区分具体操作流程

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

△ 让用户通过新标签页打开页面

很多用户习惯先打开页面,后续再去浏览。

尽可能提高网页的可及性

让残疾人群也可以访问使用你的界面。这不仅是好的做法,还可以避免法律后果(看你做的是什么产品)

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

△ 在HTML5中使用语义标签

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

△ 使用多种提示来沟通反馈信息

大约8%的男性是色盲(Chan, Goh, & Tan, 2014)。不要单独通过颜色来传达信息,提供多种提示。

尽可能兼容各种输入和极端个例

应该允许用户输入各种信息而无后顾之忧。

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

△ 解决自动生成信息带来的不好结果

(译者注:上图客户旅游目的地是奥斯威辛,通过模板消息“<目的地名称>玩得开心”,会生成“奥斯威辛玩得开心”的提示,但奥斯威辛集中营是个负面的联想,“奥斯威辛集中营玩得开心”,会让用户不爽。保险起见,改成提示“旅途愉快”)

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

△ 使用支持多种输入格式的表单元素

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

△ 显示能解决搜索者需求的结果

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

△ 使用能处理错别字、同义词或变体词的搜索

尽可能兼容所有媒介

界面需要在各种环境都能运作(如不同设备、浏览器等)

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

△ 根据用户浏览器定制不同的操作指引

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

△ 在小型设备上使用单窗口深入的方式

未完待续…

 

原文地址:nickkolenda

译文来自:@企业官网设计精选

 

【系列文章回顾】戳下面链接快速到达:

1)在网页设计中帮助用户实现目标

2)在网页设计中如何引导用户的注意力

3)在网页设计中如何少让用户费脑筋,保持操作流畅

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

5)当用户操作错误时,如何在不影响用户体验的情况下快速处理好

 

 

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29269/

(0)
CatherineCatherine
上一篇 2017-05-23 17:22
下一篇 2017-05-23 19:03

相关推荐

  • 国内11个HTML5平台的星级评测

    本文以HTML5工具专业性为主要指标,不以名气论高低,内容多以企业网站介绍为依据,辅以使用体验。四个指标,功能是H5工具使用的基础,模板属于工具适用性的象征,定制服务能体现平台的生态性,易用度则是用户友好范畴。

    2017-05-30
  • 简约而不简单,谈一谈移动开发中的那些极简设计

    设计是一件用户驱动很强的工作。随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键。极简设计形式和功能完美结合。它最大的优点是极简的表现形式,简洁的线条,大方的留白,简约的图形化元素,就算是很复杂的内容,在这样的设计下也会显得很简洁和干练。当然,如果能有效的利用这些元素。

    2017-05-20
  • 用微妙动效改善用户体验的简单方法

    译者:zyl0127     应用程序中的动效具有新的改良性的意义。跟过去的华丽、混乱的网站动画不同,新的动画干净、流畅,并且易于导航。忘掉你所知的GIF、令人不愉快的广告和Flash网站吧, 这些都是过去的事情了。 当…

    交互专题 2017-08-07
  • 明年的,网页设计趋势!

    是时候展望一下未来了。2014年涌现了许多令人印象深刻的网页设计趋势 ,幽灵按钮越来越多,视差滚动也已经成熟,单页设计也成为了诸多设计手法的重要载体,而逐渐多起来的免Coding网页设计平台也开始造福于设计师了!

    2014-12-27
  • 目标导向设计法02:如何确定设计目标?

    上一篇文章《目标导向设计法01:如何才能让交互方案更靠谱?》说的是设计的本质是解决问题,所以做交互设计要有设计目标;而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景:在某时间(when),某某地点(where),周围出现了某些事物时(with what),特定类型的用户(who)萌发了某种欲望(desire),会想到通过某种手段(method)来满足欲望。某理财应用要做一个续约的功能,主要针对购买的理财产品将要到期的用户,提醒他们可以续约。提供的续约信息包括用作续约的本金,续约方式(本息续约),预期增加收益,续约期限,续约后的到期日,续约说明。续约操作后需要审核,审核一般需要1~2小时,通过后会有短信通知。由于续约能够给公司带来不少收益,因此希望用户在操作上比较流畅,保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。”

    2017-05-07
  • 聊聊负反馈在交互设计中的应用

    在日常交互行为中,多多少少存在各种各样的反馈行为(feedback),没有反馈的系统是不存在的。有些反馈是积极的,告诉人们完成了什么,有些则是负面的,对人们可能采取的破坏性交互行为进行预警,告知人们如果这样做会有很严重的后果。反馈是人们确认系统在工作的重要依据,试想你明明提交了数据,界面或者系统却没有任何提示,你肯定会越来越疑惑烦躁,还可能连续提交造成系统崩溃。

    2017-05-29
  • 阿里国际UED小二亲授“有效”视觉传达 — 新零售时代,打好2018年内容营销的开局基础!

    如今商业已经进入新零售时代,流量红利已经过去。要让消费者感兴趣并购买商品,不能再靠简简单单堆叠商品信息和低价促销吸引消费者,而是要在内容上精耕细作,达到信息的有效传达。而人获取的信息八成是来自于“视觉”,所以可想而知,在如今内容爆炸的时代,视觉营销能有效帮助商业提升转换效果,成就更好的销售额。阿里巴巴国际ued团队欣频据第三方预测,2018年,84%的营销内容都是以视觉图像的方式来呈现。我的个人观点,未来品牌的视觉营销会呈现情感化、个性...

    2018-01-31
  • 对于UED来说,读研和工作抉择的关键在哪里?

    这个问题不只是只有UED群体能遇到,其实是一个学生群体都会遇到的疑问。 大学毕业之后是去读研还是直接参加工作?自己也会做一些思想争斗和听取家人、朋友、前辈等各方意见之后做出决断,那么这件事在阿西这里怎么…

    2016-07-29
  • 聊聊意见反馈,小功能也有大门道

    反馈是几乎所有应用的标配功能,往往藏在“设置”或者“关于”里面的小角落。意见反馈在产品开发中的作用是不能忽视的,这几乎是所有应用最好的用户意见收集入口,但是不同应用对意见反馈的处理各不相同。最近在做反馈系统的梳理工作,也包括意见反馈页面优化,将这一段的分析整理成此文。

    2017-06-01
  • 用户体验和可用性之间的联系和差异,你都知道吗?

    本文转自本文由优设网作者 :Amy Smith,版权归作者所有阅读需 5 分钟Amy Smith – 最近几年来,用户体验设计逐步成为了目前设计圈中广泛认同的重要设计环节。而“可用性”这一词也作为改善用户体验设计的重要度量而发挥着无与伦比的作用。于是乎,除了“用户体验设计师”这一职位,在欧美的产品和设计团队当中还诞生了“可用性工程师”这样的专业职位。另一方面,这些相互关联,在含义和功能上有所重叠的专业词汇,让许多设计师和相关的从业者感到...

    2018-03-03