用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则。

什么是用户体验

用户体验(User Experience,简称 UE/UX)这个词是在上世纪 90 年代中期,由用户体验设计师唐纳德·诺曼(Donald Norman)所提出和推广。

定义:用户在使用产品过程中建立起来的一种纯主观感受。即用户在使用一个产品或系统之前、使用期间和使用之后的全部感受,包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

可用性原则

可用性指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品用户体验的核心,不好的可用性会导致用户放弃使用产品。

可用性由易学性、效率、可记忆性、容错性、满意度、实用性、个性化、可预测性组成。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

1. 易学性

指的是用户学习如何与产品进行交互,以实现目标所花费的时间和精力,即用户能否在初次使用产品时完成简单的任务或实现用户目标。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

2. 效率

用户在使用产品一段时间后,能否在合理的时间完成想要达成的目标任务。这里以腾讯视频为例,用户能否快速的下载想要的东西,在同一系列中,可以快速下载更多的相关内容。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

3. 可记忆性

我们常说互联网是有记忆的,好的产品体验是帮助用户去记忆。用户在体验中,要对一些有意识、无意识的行为进行记忆是一个比较大的负担,如果在一些环节通过系统能帮用户记录,会降低用户的负担。比如在搜索、历史记录、浏览记录等。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

4. 容错性

用户在使用产品时,发生错误后,能否快速帮助用户识别和纠正错误,帮助用户从错误中恢复的能力。如常见的注册登录,当用户属于邮箱格式不对的时候,给出提示,并且告知错在哪里。如果提示语只是:\"请输入正确的邮箱\" 用户可能会疑惑,错在哪里。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

5. 满意度

满意度指的是用户与设计互动产生的愉悦程度,可以是用户使用产品时流畅的交互和优秀的视觉设计,也可以是用户在产品中得到的满足感。比如 sir 语音交互,王者荣耀等级(满足感)

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

6. 实用性

产品能否提供用户在完成任务时所需要用到的基本功能,例如 P 图类软件,用户需要对图片进行裁剪、添加滤镜、抠图、美颜、补妆、添加文字、去除水印、添加文字等操作。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

7. 个性化

在满足实用性的基础上针对用户提供不同场景下的功能定制,如美图秀秀,在提供图片美化的同时,针对用户不同的使用场景还提供视频剪辑、视频美容等功能。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

8. 可预测性

用户能够预测到下一步操作或者整个流程的交互,将会发生什么。举例淘宝的购买流程。点击购买按钮> 选择商品属性> 付款> 输入密码> 购买成功; 用户在点击购买按钮开始就能够预测到下一步或者整个流程的步骤会发生什么。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

可见性原则2

可见性是用户根据界面中可见元素确定产品可以做什么的设计原则。

1. 物理功能可见性

物理功能可见性是基于对象的物理外观。在视觉上,这种类型的功能可见性使用户能够立即清楚地看到在设计界面中能干什么。例如当我们使用音乐类软件,最常使用的就是播放/暂停,上一曲/下一曲。我们就会寻找去这些图标。其次是分享、收藏、下载、评论等功能需要用到的功能展示在页面中,这就是功能可见性。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

2. 状态可见性

当信息或者列表过多时区分状态的展示,将重要的状态信息呈现在尽可能高的信息层级当中。如 iOS 信息和 QQ
邮箱中区分未读信息的徽标。如果将这些徽标隐藏起来,会极大地破坏易用性,因为人们将不得不进入一个个邮件详情页当中进行确认,才能获取到原本由徽标提供的状态信息,这样的互动非常低效且乏味。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

3. 步骤可见性

当用户在执行某项任务的时候应该清晰明了的告知用户目前在什么步骤,后面还有多少步骤,完整清晰的流程展示。如果将这些信息隐藏起来,用户会困惑当前进行到哪一步,接下来还有多少步骤。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

可供性原则

强调需要明确的视觉线索向用户展示产品可以做什么。例如用户界面中的交互元素(如滚动条、命令按钮和图标等)的设计必须能够为用户提供足够清楚的建议,让用户可以清晰地辨别出这些元素所代表的意思是什么、它们的功能是什么,以及如何与它们进行交互行为(点击、长按、滑动等)

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

反馈

给用户及时、恰当的反馈,是体验设计中非常重要的一项原则;对每个用户的操作都应该有恰当的系统反馈(包含视觉、听觉、触觉)。

1. 告知性

明确告知用户当前操作发生了什么。如点击下载和下载过程给出相对应的反馈及进度条。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

2. 动作连接性

当用户产生某个动作时,给予相对应的连接反馈。如大概用户点击某个按钮时,按钮默认的外观与点击后的外观发生变化,结合现实世界的开关去思考(按下 开灯)动作与反馈是连接的,即时的。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

希克定律

希克定律,是 1951 年由威廉·埃德蒙·希克首先提出的,认为人们从数组中选择目标的时间取决于可用选项的数量。也就是当一个人所面临的选择越多,做出选择所花的时间就越多,当面临选择的数量增加,做出决定的时间也会跟着增加。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

如京东筛选,在搜索结果页会将筛选条件收起,因为里面的筛选条件内容过多。用户会在当前页面选择的时间增加,将一些项目分组放入二级下单,并且做好归类,用户能够更迅速的作出决定。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

费茨定律

费茨定律,是 1954 年 由保罗.菲茨首次提出,在人机交互中指的是通过图形用户界面使用鼠标或其他类型的指针从一个起始位置移动到一个最终目的所需的时间。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

  • T:代表完成移动所需的平均时间
  • A:代表光标开始/停止时间
  • B:代表光标移动速度
  • D:代表从起点到目标中心的距离
  • W:代表目标的尺寸

简单来说就是指:随着目标的距离增加,移动到目标的时间更长,并且随着目标的尺寸减小,选择目标的时间也会增加。

所以在界面设计当中会遵循越重要的功能,占据面积会越大。重要图标的点击热区也会增大。便于用户快速点击。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

屏幕外边缘和四个角部比屏幕中的其他位置都更容易被定位和选中,所以我们在进行产品设计的过程中,会将常用/重要的操作放置在屏幕边缘处,便于用户操作。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

神奇数字 7 ± 2

神奇数字 7±2 法则是 1956 年由乔治·米勒所提出的,根据乔治·米勒的研究,人类短期的记忆一般一次只能记住 5-9 个。也就是为什么大多数 APP 底部导航为 5 个的原因。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

由于人类的大脑处理信息的能力有限,大脑会将复杂信息划分成块和小的单元。如:京东和每日优鲜的分类处理。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

人类短期的记忆一般一次只能记住 5-9 个,所以人们总是倾向于把一串数字拆分为多个较短的部分进行记忆。如银行卡号和手机号码等。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

复杂守恒定律

复杂守恒定律是 1984 年由拉里·泰斯勒所提出的,也称作泰斯勒定律。认为每一个产品设计的过程中,都有其固有的复杂性,存在着一个临界点,超过了这个点产品设计的过程就不能再简化了,你只能将固有的复杂性从一个地方转移到另外一个地方。

在产品设计中,会尽量的简化界面。当功能过多时进行一个整合的处理,跳转或者滑动操作。如查看更多或者常见的汉堡导航。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

新乡重夫:防错原则

新乡重夫认为遗忘有两种:一种是疏漏,另一种是忘却。他建议采用一些措施来预防产品的缺陷。

防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。因此,在设计中要有必要的防错机制;比如常见的信息输入状态,未输入置灰不可点,输入变为可点击状态。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

微信拍一拍:微信在出了拍一拍功能之后,很多时候点击头像的时候会不小心拍到别人,现在的拍一拍是可以撤销的,在客户端鼠标悬浮上就可以进行撤回,移动端长按出现撤回弹窗,两分钟内有效。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

微信朋友圈动态:点击返回图标会出现的弹窗,避免误操作。利用防错原则,可以避免用户重新编辑。微信当中有很多友好的体验细节。可以多多去感受。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

奥卡姆剃刀原理

奥卡姆剃刀 定律 :它是由 14 世纪英格兰的逻辑学家、圣方济各会修士奥卡姆的威廉 (William of Occam,约 1285 年至 1349 年)提出。 这个原理称为\"如无必要,勿增实体 \",即\" 简单有效原理 \"

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

1. 只放置必要的元素

不必要的元素会降低设计的效率,不管是实体、视觉或者认知上,多余的设计元素,有可能造成失败或者其它问题。这并不意味着不能提供给用户很多的信息,可以用「更多信息」来实现。如夸克浏览器,首页只放置重要功能搜索和几个整合内容的图标入口。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

2. 减少点击次数

让用户通过较少的点击就能找到他们想要的东西或使用功能。如音乐类软件,在播放音乐之后进入其他的 tab,在上面都会悬浮播放/暂停的区域。都能够随时操作。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

3. \"老人\"规则

就是产品的易用性,如果年纪大点的人,也能够轻松使用所设计的产品那么是成功的。如抖音沉浸式的体验,简单的滑动就能够观看想看的内容。目前抖音的用户老年人也逐渐包含在内,并且抖音会根据用户的停留时长等推送用户感兴趣的内容。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

4. 减少\"段落\"个数

页面的使用率,当你想要在一屏新增很多内容时,页面的布局就会变得拥挤和区域变小,容易过于干扰用户做出选择,重要功能不够突出等。夸克浏览器首页强化了搜索功能和几个整合内容的图标入口;uc 浏览器首页内容过多,当用户想要使用搜索功能时很容易被其他内容干扰。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

5. 给予更少的选项

前面说到的希克定律说到,当选择的数量越多,用户做决定的时间就更长。做过多的决定也是一种压力,在展示内容的时候要努力减少用户的思维负担。如携程和马蜂窝金刚区的内容展示,马蜂窝根据产品属性放置了 6 个重要的功能入口,便于用户更快的去选择所想要的功能。

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

设计和艺术的区别是什么?

最后我们来探讨一下设计和艺术的区别是什么。我看到一句话觉得挺好的。设计和艺术的重要区别是:艺术抛出问题,而设计解决问题。

我们设想一个场景,当你在艺术展厅站在一副名画面前,你所思考的是什么?是惊叹画家的画技还是整个画面给你的感觉是一种故事,你会不会思考艺术家在作画时的心情、处境,为什么要这么去画?想表达怎么样的情感?

用户体验设计原则如何运用,用案例帮你掌握11个经典用户体验设计原则

然后我们再设想一个场景,同样在艺术展厅,你身上带有手机和相机,你会选择用相机拍照还是用手机。答案是相机对吧?因为相机的拍照效果在任何环境下都会比手机好,这就是设计。是能够真真切切的解决用户问题的,能够去感知到的。

设计和艺术的区别,如果有更好的答案,欢迎评论区留下你的看法。码字不易,请给个小小的赞鼓励一下

作者:左言右设

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/237582.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年3月2日 12:04
下一篇 2023年3月2日 12:04

相关推荐

  • 数字插图改善你的网站和移动用户体验。

    一幅画胜过千言万语,我们是视觉生物,如果信息与一些图片或照片相伴,我们就能更好地感知信息。最复杂的思想可以用一个图像来表达,这就是说明图的主要力量。明智的UI设计师知道,巧妙地使用插图可以使应用程序或…

    2023年2月18日 SEO操作
    00
  • 三个细节提升网页易用性

    提供便利的方法恢复或退出操作 简单来说就是切实地提升用户体验,站在一些细节角度上去提升。比如总是给用户提供选择返回上一步操作或安全、可识别的区域。又比如是可以采用恢复操作,而不是确认操作。最直观的就好…

    2022年6月16日
    0154
  • 何为乐观派的介面交互设计?

      乐观派的介面交互设计,在理性角度来说仅仅是代表着处理使用者与介面交互的一种方式。要从感性角度去理解其背後的含义,不妨从“使用者点击按钮”这个交互动作着手。 仔细想一想,使用者操作引发介面出现错误…

    2022年6月25日
    0136
  • 有哪些网页功能可能破坏用户体验?

    随着互联网的发展,网站设计成功与否可以直接决定交易的成败。如果网站设计没有吸引力,网站的用户体验很差,消费者将很快把目光转移到其他地方购买,因此在网页设计中需要既能给潜在客户留下深刻印象,又能提供令…

    2019年6月30日
    0314
  • 小编教你企业公司网页设计。

    企业公司网页设计是一个复杂而细致的过程,它不仅需要设计师具备良好的审美观和创新思维,还需要对用户体验、网站功能和搜索引擎优化等方面有深入的理解和掌握,以下是一些关于企业公司网页设计的基本原则和技巧。 …

    2024年6月30日
    00
  • 今日分享免费模板建站,到底能不能用。

    免费模板建站可以使用,但功能和设计可能有限,适合个人或小型项目。如需专业定制,请选择付费服务。 (图片来源网络,侵删) 在互联网高速发展的今天,网站已经成为了企业、个人展示自我、推广产品的重要平台,对…

    2024年6月30日
    00
  • 自动搜索建议机制要注意的事项

      确保你设计的自动搜索建议是有效的。因为不当的搜索建议内容,可能会混淆和分散用户的注意力。尽量説明使用者更正拼写,识别词根,预测文本,并改进你的工具。 当用户开始输入之後,尽快开始给予用户建议,…

    2022年6月25日
    0266
  • 卡片式设计趋势为何能成为强心剂

      卡片式设计趋势之所以一直在使用以及优化,是因为它能够持续地进步,以及适应移动端设计兴起的潮流。最重要的是,它兼顾了视觉效果以及可用性! 再者,它还能够提供了一致性的理想网页设计架构,充分地运用…

    2022年6月25日
    0114

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息