首页

竞品分析,如何助力设计洞察

分享达人

设计本身是建立在对用户、场景、问题的深刻洞察之上,而竞品分析是设计师耳熟能详的设计思维及方法。在自身的阶段性成长中,竞品分析也为久乔及工作带来了显著的增益。

关于竞品分析,大家聊了太多的“如何做”,而我想和大家聊聊“为什么做”。深究竞品分析存在的意义,在实践中设计思路及侧重点将更清晰明确,游刃有鱼。



1.  遵循用户认知


竞品分析能够帮助产品设计,遵循存在已久的用户心智模型和产品实现模型——启发于 《雅各布定律》。


1.1  看似陌生的《雅各布定律》


《雅各布定律》由尼尔森十大原则的创立者、尼尔森诺曼集团的创始人之一,雅各布·尼尔森(Jakob Nielsen)提出。

他认为雅各布定律更像是一种自然规律,只是在描述一个事实,而这个事实就是用户在其他千千万万个网站(产品)上积累经验,学会如何使用网站,当一个网站跟其他网站一致的时候用户会立刻知道该如何操作,但如果违反了雅各布定律,那么用户会毫不犹豫地离开。

简而言之,产品设计需要尽可能降低用户的学习成本,依据用户存在已久的用户心里模型及产品实现模型,进行任务和流程设计。

因为用户已经将大部分时间花在行业头部的产品,这意味如果你希望他们能够愉悦并持续的使用你的产品,那么你的产品需要跟别人的有相同的操作方法和使用模式。


「 YouTube2017年改版前后的对比,在新版中,网站框架和功能上几乎没动,只是在UI上做了顺应新的设计准则,比如调整字体大小、颜色、栏目间距等。整体上和旧版没太大区别,而且还给用户提供了旧版的选择。」



1.2  潜移默化的影响


遵循用户认知,对互联网产品有着潜移默化的影响,也印证了尼尔森的《雅各布定律》。这些“影响”在竞品中随处可见,并且符合设计原则及心理学。


1)一致的概念模型


同类型产品给用户的心理暗示趋于一致,相近的产品实现模型,让用户快速理解产品是如何工作的。


「 社交App合理的概念模型,将会暗示用户如何发展好友关系:精准搜索 → 发送好友申请→ 建立好友关系 → 即时聊天 → 关注动态... 」


用户深受行业头部产品,实现模型的教育,建立了认知及行为习惯。所以我们会发现,行业诞生的新产品及迭代的头部产品遵循着一致的概念模型,规避重新教育用户的成本。



2)一致的交互示能


我们在不同类型的产品上都进行顺畅的操作,是因为产品向我们示意了一致的可交互能力,简称“示能”。


「 文字末位带有箭头,表示可点击查看更多信息;图片带有数字角标,暗示我们可以左右滑动切换... 」


保证产品示能与行业竞品一致,为用户沉浸式体验建立基础,避免用户使用时产生疑惑二次思考。



3)一致的页面映射


当页面映射关系是用户所熟悉的,已存在的认知便可让用户触达目标,免去学习成本。


「 协同软件的消息页面,页面结构及功能分布大同小异,明确地传递各元素之间的映射关系:选中聊天列表的对象,右侧会出现对应的聊天窗口,窗口下方的输入框可以发送新的消息。」



4)一致的视觉意符


主要体现在产品表现层的视觉符号,传达给用户的意义一致。


「 小红点表示有未处理的信息;“笔”代表可填写或修改。」




2.  打破思维边界


为自身产品寻求体验及商业的更多可能,打破既定的思维,是竞品分析的关键。围绕不同类型的竞品,直接竞品及间接竞品,设计师的分析侧重点及借鉴取舍也有所不同。


2.1  取长补短


对于产品目标、核心功能、用户群体高度一致的直接竞品,设计师在明确目标后,梳理核心功能设计与竞品之间存在的差异,取长补短。

剖析竞品体验层比自身产品出色的原因是什么,如何更好地解决用户的痛点;当然也需要反观自身产品存在优势的关键,能否通过数据、反馈再进一步拉开差距。以及如何规避短处...


「 2月登顶免费社交榜的“啫喱”App,通过创造的潮玩虚拟形象的新型社交产品,可进行各类有趣的虚拟形象互动。同样布局虚拟社交的大厂,字节跳动也推出了“派对岛”App,潮玩形象可结合实景化的实时线上活动社区,可以说是各有千秋。

二者便是典型的直接竞品,将会不断的迭代,共同期待他们相互的“取长补短”吧!」



2.2  寻找跳板


由于互联网的信息透明,直接竞品趋于同质化,给与设计师的启发也有限。因此,将目光转向间接竞品是非常有必要的。

寻找产品目标、用户群体相近但存在差异,但业务场景及功能也有一定相似性的竞品,作为思维的跳板,或许能为止步不前的现状注入灵感。


「 Chrome 最近上新的插件 Jam,这款插件可以在直接网页上打标记、录制gif、评论,并且和项目管理工具 Linaer 打通,可及时将信息同步给项目人员,提高项目协作效率。

在企业协作平台中,视频会议、线上协作等协同产品的在线标记功能,完全可以对“Jam”这款插件进行分析,来实现对于关键内容的信息传递流程和用户体验的提升!」



2.3  拥抱变化


尽管有些产品在业务及用户上与自身产品没有重合,但是在行业理念、实现技术、交互行为层面,极具前瞻性。在合适的时机,尝试将前沿的“变化”,融入自身产品,转化为产品设计的亮点。当然这取决于设计师平时对科技、行业的关注及积累。


「 21年飞书妙计上线,令人眼前一亮:飞书可将会议中的音视频内容,实时生成文本形式的会议纪要!

ToB业务中,多人交流协作的场景,比如客户接洽、人选面试,如果相关业务功能加持音视频自动转文字的能力,用户记录内容的体验及效率想必也会有所提升。」




3.  验证设计思路


借助竞品分析,能够帮助设计师发散思维、寻找设计突破点。在设计思路聚焦的环节,我们也能通过竞品分析进行验证。


3.1  源于五要素


资源允许的情况下,设计师可以基于《用户体验要素》中的五要素:战略层、范围层、结构层、框架层、表现层,对竞品进行全方面的竞品分析。

战略层分析主要围绕“为什么开发产品”,我们可以了解竞品的产品目标、用户需求,以及二者结合的商业目标。为了达成最大化商业效益,竞品进行了哪些成功的业务、商业化设计。

自家产品的战略层目标,与竞品的是否有共同点或者相似性。如果有,已制定的设计策略与竞品成功的解决方案是否存在差异,能否解决产品目标及用户需求,在竞品分析中能得到初步验证。


「 鼓励“先进团队,先用飞书”的企业协作平台,飞书桌面端在团队切换后数据隔离展示。也正因如此,左侧导航在常用功能区下方,预留特定区域便于用户快捷切换团队,提高效率;

然而钉钉桌面端在同一个信息容器,展示多团队的协作信息(如即时通讯),将团队切换的功能入口隐藏至二级菜单,尽管有“串场”风险,还是将更多的空间留给常用功能,“让工作学习更简单”。

显然二者的差异化设计,归根于各自的战略层考虑,用于达成特定的产品目标和用户需求。」


范围层等其他几个要素,都能够验证相应的设计思路。



3.2  考证可行性


为了提高团队产研效率及商业效率,设计创新或借鉴都会相对谨慎,避免沉没成本。

所以在一些资源相对紧张的项目中,为了及时验证多个设计方案的可行性,可对竞品类似的功能设计进行分析,再结合现有的资源(排期、开发投入),从多个设计方案中确定解决方案。


「 在系统表单设计中,提交前用户存在多次编辑的诉求。为了给用户提供更灵活高效的体验,关于表单的保存,我们团队预想了3个,在用户体验、技术实现上有较大的差异的设计方向:

  • 1)用户主动触发保存

  • 2)用户离开询问保存

  • 3)系统自动实时保存

显然自动实时保存的体验最佳,也是团队倾向推动的方向。但B端系统中的使用相对少见,考虑用户的学习成本及技术实现,落地及项目收益存疑。

但发现间接竞品,云文档(语雀、飞书文档、印象笔记)的内容实时保存功能,非常贴近我们的体验预设。

最终敲定方向 1,围绕用户构建自动保存的体验认知。间接云文档的实现方式做降级处理,数据仅仅保存在前端浏览器缓存,而不是像云文档一样直接存储至云端服务器。项目落地设计目标,并没有暂用过多的开发资源,项目也如期推进。」


文章来源:站酷 作者:久乔_9Joe
分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


用户体验设计发展简史你知道吗?

seo达人



history-of-ux

是什么让你选择这家餐馆?刚进去的时候,餐馆给你的第一印象是什么?服务员是否让你在等候一阵子之后领你去合适的座位?菜单放在桌子上的什么位置?浏览体验如何?你点了哪些菜?上菜的速度够快么?味道地道么?服务员够不够勤快体贴?你是否还想去这家餐馆吃?

所有的这些问题都关乎你对于这家餐馆印象的好坏,也直指这家餐馆的用户体验本身。

当然,我们通常所说的用户体验(UX)所针对的对象大多是数字和科技产品或服务。这也就意味着,用户体验设计本身至少有着进一步提升的可能性。

现如今,用户体验设计已经成为了一门重要的学科,快速地发展,并且拥有极大的成长空间。虽然这是一门拥有多学科背景的新兴学科,但是向上追溯它的发展历程之时,我们会发现早在文艺复兴时期之前它就已经存在了。

在争论用户体验设计会带领我们走向何方这种大命题之前,回顾一下用户体验设计发展史上的精彩瞬间,应该能给我们许多启发。

公元1430左右:达芬奇的“厨房噩梦”

Michael Gelb 在他的著作《如何像达芬奇一样思考》(How to Think like Leonardo da Vinci)中讲述了米兰公爵委托达芬奇为高端宴会设计专属厨房的故事。这位伟大的艺术大师将他一贯的创造性天赋运用在这次厨房设计中,他将技术和用户体验设计融入到整个厨房的细节里面,比如传送带输送食物,也首次在厨房的安全设计中加入了喷水灭火系统。

davinci

有意思的是,达芬奇的设计很多开创性的设计一样,不足也非常明显。传送带是纯人工操作,工作不太正常,更麻烦的问题出在喷水灭火系统上,失灵的设计捎带手毁了不少食物。

当然,虽然达芬奇的这次尝试令厨房化身为噩梦,但是作为用户体验设计的早期实践,却有着无比重要的历史意义。

20世纪初:Taylorism 和工业革命

Henry_Ford_and_Barney_Oldfield_with_Old_999_1902

作为最早的管理顾问之一,机械工程师 Frederick Winslow Taylor 撰写了《科学管理原理》一文,深刻地影响了工程效率领域的研究。随着Henry Ford的福特汽车实现大规模生产,Taylor和他的支持者们也逐渐完善出了劳动者和工具之间高效协同交互的早期模式。

1948:丰田人性化的生产系统

toyota-commemorative

和福特一样,丰田不仅在设计和生产效率上非常重视,而且对于人工输出效率也非常关心。生产过程中装配工人受到了更多的重视,几乎不亚于对技术的关注。精益生产模式的巨大成功,使得人与技术之间的交互得到了更多的重视。

1955:Dreyfuss ,为人的设计

美国著名工业设计师Henry Dreyfuss 在这一年写下了著名的设计书《为人的设计》(Designing for People)。

dreyfuss-01-458-2

在书中,他写道:

当产品和用户之间的连接点变成了摩擦点,那么工业设计师的设计就是失败的。

相反,如果产品能让人们感觉更安全,更舒适,更乐于购买,更加高效,甚至只是让人们单纯地更加快乐,那么此处的设计师是成功的。

随着人与产品的接触越来越多,他在书中所讲述的许多设计规则,被大家越来越多地引用。

1966:迪士尼和开心效应

Magic_Kingdom_Construction_08-19711

在迪士尼世界早期建设阶段,Walt Disney 在公告中是这样描述它的:“…它(迪士尼世界)会成为一个坚持使用最新的技术改善人们生活的地方…”他的想象力和技术的结合,为全世界所有人带来了无限的开心和喜悦,并激励着设计师们(尤其是用户体验设计师)前行。

1970s:施乐PARC和个人电脑

pa_alto2

作为施乐最出名的研究机构,PARC为随后大范围普及的个人电脑的设计型态和交互逻辑定下了基调。Bob Taylor,作为一名训练有素的心理学家和工程师,带领着他的团队构建出了人机交互领域最重要也是最普及的工具,包括图形化界面(GUI)和鼠标。(随后乔布斯和盖茨先后访问了PARC,参考了施乐之星的设计,为今天的苹果和微软开辟了通向未来的道路。)

1995: Don Norman,第一个用户体验专家

身为电气工程师和认知科学家的Don Norman加盟苹果公司之后,帮助这家传奇企业对他们以人为核心的产品线进行研究和设计。而他的职位则被命名为“用户体验架构师”(User Experience Architect),这也是首个用户体验职位。

11484403695_e95d161896_b

在这个阶段,Don Norman 还撰写了经典的设计书《设计心理学》(The Design of Everyday Things),直到今天它依然是设计师的必读书。

2007: iPhone

2007年MacWorld上,乔布斯发布了iPhone,称其为“跨越式产品”,并承诺它会比市面上任何智能手机都要易用。随后,iPhone不仅兑现了乔布斯的承诺,而且彻底改变了智能设备领域的格局,苹果公司再一次登顶,成为世界上最成功的公司之一。

only-starter-iphone-jobs-pic-131004

iPhone的绝妙之处在于,它融合了当前最卓越的软件和硬件系统,借助革命性的电容触摸屏而非传统的物理键盘来同用户进行交互。可以说,初代的iPhone所提供的用户体验,远远优于同时代的任何手机。

这也在无意中让智能设备的软硬件研发和相关领域将重心放到用户体验上来。苹果公司强调他们是通过提供出色的用户体验赢得市场成功和无上荣誉,其他人自然而然就跟随这他们的脚步前进。

用户体验的未来

用户体验设计发展史上的每一个重要里程碑,都源自技术和人性的碰撞。互联网和新兴技术正在越来越多的介入我们的生活,我们可以遇见到用户体验设计会来接下来的日子里,一日千里地发展前进。只是这种发展也越来越多地需要专业技能,跨领域协作,多学科实践,比如用户研究、图形设计、客户支持、软件开发等等等等。根据 indeed.com 网站的统计数据,在用户体验设计告诉发展的今天,单过去的15天里,就有超过6000个相关职位的招聘需求发布在网上。

the-disciplines-of-user-experience-design_51029d505f014_w587

互联网不再单纯的局限于我们的笔记本电脑和智能手机,可穿戴设备,智能汽车和智能医疗设备也都会接入网络。全球互联的时代赋予专业的用户体验从业者更重大的责任,用户体验设计也不再局限于屏幕和像素,超出外形,关乎生活每个细节的用户体验设计无时无刻无处不存在。

所以,不论你是达芬奇还是福特,是泰勒还是乔布斯,你都拥有着无限的可能性和海量的机会,改善用户体验,创造更美好的世界。


 

文章来源:优设
优设译者:@陈子木

转载请注明:学UI网》用户体验设计发展简史你知道吗?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



用户体验设计的自动化正在靠近

seo达人



据Google技术总监RayKurzweil的所说:到2029年,电脑很可能会比人类更聪明,UX的未来也将变得更加自动化。人工智能和机器学习等最新科技已经可以支持需要人类参与的、非线性的、逻辑复杂的任务,技术创新正在改变人们的生活方式。例如科技创业型公司不仅为自动驾驶提供相关建议,甚至可以为节目表演提供更加智能的建议。

在我们创建和使用复杂产品的过程中,自动化发挥着日益重要的作用,我们可以感知到,自动化将在UX用户体验设计的未来发挥巨大的作用。用户体验设计的自动化很可能是接下来影响UX设计整个行业的一件大事 – 无论是优化设计反馈流程,还是改变和精简产品团队的运作方式,自动化都会起到重要作用。自动化正在不断增强我们创造引人注目的产品的能力。

 

设计自动化:迅速将概念转化为高保真原型

通常,UX设计师绘制用户体验地图和信息架构图,并在产品设计的过程中进行用户研究工作。在设计过程中,设计师的典型输出包括:手绘草图,如图一所示。还有流程图、架构图、不同保真度的线框图,如图2所示。这些交付物中的某些-尤其是高保证原型,可能需要花费几周甚至几个月的时间进行绘制。大一般情况下,在设计过程没有完全完成之前,开发人员不会进入开发过程中,因为设计稿为后续的开发提供了指导方向。

图1 低保真用户界面草图

 

图2 低保真用户界面草图

 

因此,我们需要找到优化整个可用性测试流程的新方法,以提高设计的有效性和效率,最终实现更快的信息反馈并缩短验证周期。通过应用自动化技术,如果能够快速的创建低保真线框图,同时生成高保真界面,那么就可以在更短的时间内创建产品的界面,并将更多的时间与精力用于用户研究,最终可以加快提升用户体验的每个环节。

 

自动化蕴含着无尽的机会

Airbnb开创了自动化用户体验的设计流程,成为自动化设计的先驱。在他们的文章“手绘草图界面”中,Airbnb的设计技术主管Benjamin Wilkins和Airbnb的设计技术专家Jon Gold,演示了如何使用专用相机设备和软件实时制作低保真草图和高保真视觉原型,例如图3和4。Airbnb的视觉设计团队最终接受了自动化产出的视觉图并对视觉效果进行调整,事实证明通过创建原型以获得快速反馈和验证设计方案的速度是非常高效的。

图3 Airbnb设计

 

图4 Airbnb的迭代设计

 

“我们将代码作为设计工具去投资。通过代码来处理包括界面布局和设计展示、逻辑和数据等内容的展示。有助于缩小工程师和设计师之间的距离,以及缩短视觉图与线上效果图之间的距离 ”。- Airbnb设计负责人 Alex Schleifer

自动化设计有什么重要意义呢?自动化不是令人印象深刻的相机设备,而是能够引发巨大兴趣的机器学习。它凸显了利用机器学习的无尽机会,优化了产品设计流程,并且能够提供越来越多的价值。未来,只需通过与Siri,Google智能助理或Slack嵌入式机器人交谈就可以设计用户原型界面。“嗨,DesignBot, call to action按钮使用标题蓝色。”正如Airbnb团队所证明的,这一切都是有可能的。

 

利用“设计自动化”创造更好的产品

随着即将到来的自动化设计技术,这对您的团队意味着什么呢?为了为您的团队做好迎接设计自动化的准备,您可以通过以下几种方法无缝地过渡到自动化设计的未来。

 

视觉与品牌设计团队

自动化设计的未来在很大程度上依赖于开发强大的可视化语言,以支持多样的设计组件和设计规范。这确保了跨设备、跨平台的产品都能拥有一致的品牌体验。现在可以花时间准备这些可视化语言,确保它们能够准确描述您的品牌。

 

产品负责人和产品经理

花一些时间去研究并开发加快设计过程的新方法。从创新方法入手,简化产品构思和原型制作过程。如果你不这样做,你的竞争对手当然会。自动化设计不应该成为创意的瓶颈,产品面向的是用户,加快设计过程可以更好地为用户服务。

“测试想法所需的时间应该为零 ”。- Airbnb设计主管 Benjamin Wilkins

 

UX设计师

在日常工作流程中开始使用新技术。不要将自动化视为对创意的威胁,而应将其视为利用创新技术来增强专业知识的机会,通过自动化构建更好的产品。通过减少耗时、重复性任务的时间,可以将更多的时间和资源用来进行用户研究,概念测试或用户验证。这所有事情完全是关乎用户体验的。

 

设计自动化即将到来

在过去几年中,机器学习和AI在改变整个行业的运营方式和业务方式方面发挥越来越重要的作用。由于越来越复杂的流程变得自动化,我们必须专注地去研究自动化与UX设计之间的交叉点,为设计自动化未来的到来做好准备。

虽然自动化不会在一夜之间发生,但像Airbnb这样有远见的公司正在探索在未来成为主流的新型工作方式。由于他们的探索与研究,我们能够更好地评估自动化带来的机会与影响,并了解如何更好地利用这些创新来改进我们的工作方式。无论是个人技能的提升还是设计团队的流程优化,自动化设计的潜力都是巨大的。

 

译者总结

在了解了自动化设计相关的内容后,笔者将现有的产品上线流程与应用自动化设计的产品上线流程进行对比,如图5所示:

图5 应用自动化设计的前后流程对比

 

传统的产品上线流程

需求产出,待需求评审没有问题即进入交互设计阶段(包括初期草图方案绘制,主界面绘制以及完整的交互界面与交互说明撰写),交互设计基本完成后进入视觉设计阶段,同时前端可进入开发阶段;在进行交互设计的同时,后端同步提供接口。开发完成后进入测试阶段,测试没有问题产品可发布上线。上线后收集用户反馈,进入下一轮的产品迭代中。

 

自动化的产品上线流程

需求产出,待需求评审没有问题即进入交互设计阶段,交互阶段草图绘制完成后即可通过自动化技术将草图转化为高保真原型界面(视觉再进行相应调整即可),减少交互、视觉与前端开发的工作量。待前后端开发完成后进入测试阶段,测试没有问题产品可发布上线。上线后收集用户反馈,进入下一轮的产品迭代中。

为了便于理解自动化技术,译者简单总结一下自动化技术的实现原理:自动化技术依赖前端强大的可视化语言,需要强大的前端组件库来识别草图中的占位符含义。例如,当在草图中绘制一个占位符时,通过智能化技术自动识别该占位符在产品中所代表的组件,进而生成高保真的用户界面。因此,可以迅速看到产品从草图阶段到上线后的效果图,也便于对设计方案进行及时更正。

 

结合两种流程对比,译者结合自身工作经历总结了应用自动化设计的三点优势:

(1)迅速验证多种设计方案

在项目迭代周期紧张的情况下,设计师缺少额外的时间和精力来设计多种方案,更无法验证哪种设计方案能更好地解决用户需求。精益设计时代,很难对每次的设计方案进行可用性测试。而自动化设计过程中,可以直接将设计草图转换为可点击的高保真原型界面,交互设计师有更多时间和精力来绘制多种设计方案并利用高保真界面进行用户测试,从而迅速调整设计方案使其能更精准的帮助用户解决痛点,从而提升用户体验。

 

(2)提前开发节点,缩短项目周期

原有的开发流程中,在需求明确之后,后端可以同步开发某些接口,而前端开发需要等完整的交互界面绘制完成后才能进入开发阶段,这导致项目周期很难缩短。自动化设计在交互设计师完成草图后前端开发即可进入开发阶段,将开发节点提前至操作阶段,可以明显缩短项目周期,提高产品迭代效率。

 

(3)迅速验证需求是否被满足

笔者在工作过程中发现,B端产品的用户在交互评审的过程中会否定自己的需求。产品经理收集需求的过程中,用户提出想要满足A需求。在A需求的设计方案完成后,用户看到设计界面时经常会提出自己想要实现的需求并非如此。

即,由于B端产品的专业性特殊性,用户在未看到设计界面之前并不清楚自己的需求是否得到满足。

因此,利用自动化设计可以迅速将需求转化为设计界面以进行用户测试,快速试错以明确用户的需求是否真正得到满足。

 

封面作者:Paul Olek

原文地址:网易UEDC(公众号)

作者:仉长娟

转载请注明:学UI网》用户体验设计的自动化正在靠近

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

在不同屏幕和设备上创建用户体验设计的8个步骤

seo达人


1. 确定核心用户体验

每个产品都有核心的用户体验,这基本上是它存在的原因。它解决了人们所面临的问题,而且为他们提供有意义的价值。关键内容和功能的组合代表了核心的用户体验。要查找你的产品核心用户体验,就要问自己一个问题:“客户需要完成哪些最常见和最重要的任务?”在你用于产品的每个渠道上支持这些核心任务的本质至关重要。例如,Uber的核心用户体验是任何时间随叫随到。无论屏幕尺寸如何,此功能都能在每个设备上正常工作实现这一目的。

Image title

                             预约出租车是Uber用户最重要的任务。用户可以使用Apple Watch完成此任务。图片来源: Techcrunch

 

2. 定义产品的设备组

尽管存在大量不同屏幕尺寸的设备,但绝对不能定位各个设备,可以根据用户可能关注的任务定义产品的设备组。最常见的设备组是:

移动手机

平板电脑

台式电脑

智能电视

智能手表

Image title

不同的设备组在不同的上下文中提供不同的服务:用户根据他们正在查看的屏幕的类型参与不同的交互模式。例如,手机主要用于微任务,并且具有较短的用户会话。平板电脑主要用于内容消费,目前不被视为大多数人的工作工具。在了解各种设备类型的基本上下文的假设对于构建一个好的用户体验是至关重要。

 

3. 适应每个上下文使用的体验

确定产品的核心用户体验后,选择一组你希望支持的设备组,你需要调整每个组的体验(对于每个上下文的使用)。上下文的设计在不同设备组设计时尤为重要。

第一,并非所有功能都在所有设备上都有意义。你需要确定你的产品在多个设备组中使用的不同场景,并设计适合每个场景的体验。例如,通常移动用户比电脑用户想要的不同于产品。以 Evernote为例,可以在多台设备上使用流行的笔记本产品。其电脑版本针对内容消费进行了优化:

Image title

                           用于电脑版本的Evernote应用程序被优化用于阅读文本和查看媒体。

 

而移动版本是针对拍摄笔记、照片和捕获音频进行了优化的:

Image title

Evernote了解移动环境:它利用设备功能,并提供快速保存想法的方式(添加文本笔记,捕获照片或设置提醒)。

 

第二,不同的屏幕允许不同的输入法。以触摸输入为例。在设计具有触摸输入(移动手机和智能手机)的设备时,设计师会犯的几个常见错误包括:

小的点击目标。点击目标(如CTA按钮)必须具有足够大的尺寸。通常至少7毫米是足够的,但最好使用10mm触摸目标尺寸。

Image title

                                      图片来源:UXMag

 

将项目过于紧密地放在一起。你应该考虑点击目标的大小以及它们之间的间距,因为间距有助于分离控件,并给你的用户界面提供呼吸的空间。建议的间距至少为23pt以防止输入错误。

Image title

                                                                                      按钮之间的间距

使用悬停状态。但在触摸屏上,没有“悬停”。

 

4. 最小屏幕设计

历史上,设计师一直从事大屏幕到小屏幕的设计工作,这意味着第一个也是主要设计是为了完整的电脑桌面视图(它具有最多的功能)。只有电脑桌面设计完成后才移植到移动设备和其他设备组。但当设计电脑桌面时,我们通常面临“厨房水槽”问题:许多功能被添加到产品中,特别是当涉及多个利益相关者时。这并不奇怪,,当你有很多不动产时,添加功能是比较容易。实践经验清楚地表明,最好使用移动方法进行设计,并通过与用户相关的最小屏幕创建应用程序。

当你首先设计相关屏幕的最小尺寸时,它会强制你决定最重要的。一段时间后,你将采用同样的方法仔细选择产品的其他版本,无论是电脑桌面设备,平板电脑还是电视。

Image title

在大多数情况下,手机将是相关屏幕的最小尺寸。如果可穿戴设备对你很重要,那么你将需要考虑具有更小分辨率的微型屏幕。

 

5. 不要忘记大屏幕

想想大屏幕以及小屏幕,给大屏幕和小屏幕提供同样的注意力:

不只是缩小设计,使其适合那些大屏幕。充分利用你可以使用的额外空间。

Image title

                                                                                           图片来源:Wikipedia

 

确保图像不会因为屏幕尺寸的放大而失去质量。

Image title

                                                左:低质量图像。右:正确的分辨率。

 

考虑大屏幕细节。每个设备组都有自己的不同。例如,电视屏幕的设计被称为“设计10英尺体验”,因为从沙发的距离来看,与电脑桌面屏幕相比,屏幕上元素的明显尺寸明显更小。

Image title

                                                                 电视的用户界面元素应大于电脑桌面。图片来源:Samsung

 

6. 提供一致的体验

一致的体验意味着应用程序及其在所有屏幕尺寸上的体验都是相似的。无论设备如何,一致的用户体验是成功的全通道用户体验的关键组成部分之一:

对未来与产品的交互设定期望,并建立用户信心。

一致的体验使得你的产品在其他设备上与用户的交互更容易。

你可以将它们视为相同体验的方面,而不是将设计定制到越来越多的屏幕和设备中。例如,Google搜索应用在所有设备上提供相同的搜索体验。

Image title

                                                 当设计和功能一致时,用户可以在他们选择的设备上更快更有效地完成任务。

 

7. 创造无缝体验

跨不同设备组创建无缝体验对你的用户非常重要。人们可以自由地在设备之间来回移动,完成任务,或当他们从设备转移到另一设备时,他们期望他们的产品和服务与他们一起转移。这意味着用户不必考虑他们正在使用的设备,环境的变化或上下文的变化,并且可以依赖于设备良好的功能性和独立于设备的易用性。

Image title

                  大多数人如何走过他们的一天,他们访问的主要屏幕。图片来源:Intercom

 

根据使用情况,你可能希望确保每个设备上的内容消耗量同步。以Apple Music为例:你可以在Mac上设置播放列表,并在iPhone上即时播放,也可以开始听iPhone上的歌曲,当你转到电脑桌面时,你将被拍摄回到你在iPhone上。

Image title

                                                                  Apple Music可以很好地处理多个设备的同步。

 

8. 测试你的设计

在测试环境中有效的并不总是在现实世界中。在实际设备上为实际用户运行可用性测试,你可以在发布之前发现用户体验的问题并解决它。

 

结论

在设计多个屏幕和设备时,最好的策略是保持最终的用户体验。作为用户体验设计师,你必须评估产品的使用时间,位置和方式,以评估用户的最佳体验。无论你的内容是什么尺寸的屏幕,用户都希望在各种设备之间获得流畅的体验。

 

原文地址:Adobe Blog

译文地址:UI中国

作者:Nick Babich

译者:SKYUI

 

转载请注明:学UI网》在不同屏幕和设备上创建用户体验设计的8个步骤

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



了解什么是用户体验设计?

seo达人


 

1. 什么是设计?

一说到设计,很多人都会想到天马行空的插画,各种漂亮的手稿等。那么设计就是单纯的漂亮的外形嘛?设计等于艺术嘛,我们首先来看一副毕加索的作品。

单看这幅画,你能从中感受到什么?你能理解作者想表达的什么含义?每个人看到的可能都会有不同的理解,甚至有的人会说“我完全看不懂”。那么接下来在看另外一副作品,这是某用户体验设计师的作品。

 

undefined

内容包含草图(线框图),页面流程,简单的交互说明等。他看起来简单明了,所有的用户一看都基本能了解简单的操作流程,它是专业而理性的作品。由此可见,艺术是感性的,而设计师相对理性、精密的。它是居于大量用户数据而分析出来的最适合、最合理的方案。

 

2.如何做好用户体验设计?

那什么是好的设计那?不让用户思考,趣味横生的那就是好的设计。

那怎么做到以上的这些点那?我们就需要了解“人”,观察“人”。做设计,归根结底就是为了解决“人”的问题,是为了让“人”从中获得良好的体验。那么这就需要了解“人”的想法、行为、习惯等,学会换位思考。多注意观察“人”的日常行为是一个号的习惯,但是注意不要以偏概全,而是多思考背后的原因,多归纳人的共性。

举个例子,比如淘宝的收藏夹和购物车页面,它们的内容其实是相似的,都是包含图片、商品名称、价格等元素。(如下图)

 

 

 

如果按照正常逻辑,这2个页面展示的东西一致,那么设计的界面也会类似,有的其他网站甚至把这2个页面做成了相同的页面样式。但是为什么淘宝会把2个页面区分开来,做成不同的样式那?这正是考虑到用户的使用情景和心里感受。购物车里面的商品都是用户购买意愿比较强的商品,所以不做强调处理,只做简单的信息展示排列处理,简洁明了,不过多干预用户,方便用户迅速下单。而收藏夹的商品是用户不急于购买的商品,所以收藏夹的设计会突出图片、评论、人气等内容,吸引用去购买的欲望,那收藏夹就达到了它的目的。所以展示同样信息的页面,根据用户使用情景不同,页面设计也会有所不同。

在此基础上,设计师还需多听用户的反馈意见。很多时候你对这个产品太过熟悉,很多东西已经习以为常,而用户却可能并不了解。多听听用户的反馈意见,才能更快发现设计上的问题以及用户的困惑,做出更受用户喜爱,用户体验良好的产品,这也是设计师的工作的目的所在。

 

那么所有的用户的反馈意见都要采纳嘛?事实并非如此,用户说的不一定是心中所想的、用户没有表达出自己真实的需求、用户的意见不专业。这就需要设计师去思考用户需求的本质,只是盲目的顺着用户的要求走,那么最终呈现的也不是最合理、最严谨的设计方案。

福特汽车公司的建立者亨利·福特曾说过这么一句话:“如果我问我的用户,他们可能只会说要一匹更快的马”。如果福特没有思考用户需求的本质,那么就不会有后来伟大的福特公司了。

交互设计师接到PRD需求往往可能是一个苹果,但是他们可能更需要个橘子,那设计师就需要把苹果换成橘子,在进行加工榨成橘子汁提供给用户。(如下图)

 

undefined

 

由此可见,设计师需要倾听用户的意见。但也不能一味的跟着用户的节奏,被用户牵着走,而是应该理性对待用户的需求,分析用户的根本目的,解决深层次的问题,而不是停留在表面。

 

3. 设计规划

在我们顺利理清需求以后,我们便从需求阶段顺利过渡到界面阶段,并可以在此基础上继续细化界面。

人们在处理信息,学习规章和记忆细节方面的能力是有限的。选项越多,步骤越长,用户需要耗费的注意力和理解力就越多。所以设计师在此基础上要减少多余的步骤和干扰项、优化操作过程,做到操作前可以预知、操作中有反馈、操作后可撤销。

情感化的设计更能快速的捕获用户的芳心,建立符合用户心理模型的设计,能让用户快速上手使用产品,不用进行过多的思考或花时间精力来学习如何使用该产品。如下图所示的2款天气的应用软件。

 

undefined

 

单从界面逻辑上看,第一款的应用在逻辑上更为清晰,用户理解起来不存在任何问题。但是用户看到这个界面的时候可以直观的感受带今天是不是很热,明天是不是很热,在感受上不会那么直接。而第二款应用,通过颜色的变化和数字的高低,能让用户更贴切的感受到天气的变化。所以,设计不仅要逻辑清晰合理,更要能够令其产生认同感和情绪体验,与界面产生情感互动,从而能引导用户积极操作。

 

4. 结果

从上面的各项例子中可以看出,好的设计首先是要解决用户在某个实际场景应用下发生的问题,会让这个产品更易用,更受欢迎,最后会给用户留下美好的体验。视觉体验只是整体体验的一部分,它并不是设计的全部。

因此,用户体验设计首先应该是理性的,其次才是感性的。只要你的方案能够解决用户的实际问题,又能带给他好的感受,用户就容易感到满意。


 

作者:流年

 转载请注明:学UI网》了解什么是用户体验设计?


蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


十大用户体验设计失败案例,你知道吗?

seo达人


1. 失败的复选框

用户体验设计的基本要素之一是在设计中应用正确的组件元素,然后通过合理使用这些组件元素来达到想要的效果。

为什么这个复选框设计是失败的?

这个设计的问题在于使用复选框作为控制元素——在错误的地方应用了错误的组件。

例如图中是一个购买鸡蛋的设计,虽然生活中也有人会点15个鸡蛋,但比起一长串的复选框,使用可以快速调整数量的下拉菜单会更合适。

设计提示:复选框应该只用于少量选项之间的选择。关于数量的选择应放置在另一个框中,并添加下拉菜单或加减按钮来完成数量的增减。

在下一个例子中,你就可以看到下拉菜单的应用,它可以提供更简洁的界面设计。

 

2. 国家区号限制不准确

这个用户体验失败案例来自于加拿大Flair航空公司。如果乘客碰巧生活在一个电话号码不是十位数的国家,那么他们必须输入假的电话号码才能享受这家航空服务。

这个用户体验设计为什么糟糕?

在当今这个时代,企业靠精准的数据才能繁荣发展,一个失败的用户体验设计迫使用户输入假的数据,这是非常令人头疼的问题。

设计提示:信息输入的字段限制必须确保在合理范围内,并考虑到特殊情况。否则,最终将迫使用户输入错误的信息,带来更多的问题。

 

3. 语言障碍

对于企业来说,一个网站提供几种不同的语言版本是很常见的设计。这个例子的失败之处是让用户难以切换语言,因为它的语言切换隐藏在用户视图之外。

用户体验不好的原因?

这个网站错误地将语言切换框放在屏幕底部,迫使用户向下滚动才能找到它。如果访问者没有立即看到语言框,他们可能会选择点击返回按钮或者离开网站。

设计提示:在用户体验设计中必须考虑特定内容的位置,重要的东西应该放在页面顶部。这个设计可能会因为失败的体验而失去很多访问者,实际上这个问题很容易解决的。

 

4. 反常规的复选框

这个复选框的失败之处在于它的设计和文案非常令人困惑,用户几乎无法明白复选框选中和非选中状态之间的含义。网站默认选择所有可选内容,然后强制客户删除他们不想要的选项。

为什么这是糟糕的用户体验?

这个体验设计正好与用户习惯相悖,用户通常习惯于直接勾选想要的选项或从下拉菜单中选择;它却迫使用户停下来思考应该去掉什么选项。

设计提示:有一句古老的商业格言曾说过——“如果你让用户感到迷惑,你就失去了他们”。将菜单设为默认,并选中所有可选内容,这是一个糟糕的设计。

 

5. 颜色使用不当

为了让网站或者应用程序的一些表单脱颖而出,设计师一般会在界面上使用鲜艳的颜色。但是,需要注意的是要兼顾文字的可读性。下面的例子中存在的问题就是设计本身看起来干净清爽,但文字却难以阅读。

为什么用户体验不好?

虽然在这个主题中使用的绿色很好,但是在这个背景中阅读白色字体是很困难的;即使是在白色背景上阅读灰色字体也不轻松。

设计提示:设计必须强调可用性。如果用户必须在界面中费力地阅读文字,那么你很可能就会失去他们的关注。在选择特定主题或其他界面的颜色时,一定要密切注意重要信息是如何传达的。它是否容易被读取?

 

6. 看重视觉效果而不是功能

我们都喜欢赏心悦目的交互网站,但用户体验设计的重点应该是功能。用户体验设计必须保证功能齐全、易于使用,这样才有价值。

为什么是糟糕的用户体验?

上面展示的这个站点似乎忘记了他们设计的功能,选择了华丽的界面而不是交互。用户虽然可以看到50个非常美丽的旅游景点,但问题是,他们必须按住鼠标几秒钟后才能继续浏览下面的内容。

设计提示:强迫用户按住按钮来导航只会“赶走”用户。用户没有耐心等上几秒钟去看下一张照片,最终他们会在耐心消失后离开。

 

7. 凌乱的界面

界面杂乱是苹果iTunes设计中的诸多缺陷之一,这个缺陷一直在拖累苹果的iTunes设计。在应用程序或网站的主页上塞满信息看起来似乎很有诱惑力,实际上只会让访问者不知所措。他们遭受着信息过载,这种体验和缺乏信息一样糟糕。

为什么是糟糕的用户体验?

上图所示的设计不仅会加重用户的认知负荷;更糟糕的是,页面的加载速度也会减慢。两者都会大大耗费用户的耐心,导致他们离开。他们将在混乱的导航中经历一个糟糕的过程。

设计提示:在界面设计方面,菜单是不错的组件选择。使用这里的示例,可以使用一个菜单来管理专辑,而不是一股脑将它们全部扔到首页上。甚至列出最近打开的2或3张专辑也是一个不错的折中

 

8. Netflix的悬停播放功能

Netflix早在2015年就增加了一项功能,当用户在视频上停留几秒钟时,就会播放一段预告片。乍一看,这似乎不是一个糟糕的设计。但一旦投入到使用,问题就开始变得明显起来。

为什么是糟糕的用户体验?

问题在于用户必须将鼠标悬停在电影或视频上才能快速查看详情。这就产生了一个悖论:停留在播放器上阅读影片详情的观众会突然听到或看到一段响亮的预告片或片段剪辑,打断他们查看详情。对于一家专注于客户满意度的公司来说,这是一个令人惊讶的疏忽。

关键要点:Netflix也可以让这成为一个更愉快的体验。例如可以设置为用户必须将鼠标悬停在缩略图上才会播放,而不是在他们查看预告片详情时显示。这里的要点是,在设计界面时,要确保不会意外地出现一些元素来分散用户对重要信息的注意力。

 

9. 谷歌早期的失误案例

接下来我们回溯到2005年和2009年来看看谷歌这个案例,对于一家似乎还不错的公司来说,这是一个巨大的失败。让我们一起看看是哪里出错了!

为什么是坏的用户体验?

Google Wave在Google X失败后仅仅四年就出现了。它试图创建一个全新的系统,但它最终成为了囊括电子邮件、即时通讯和维基百科等功能的混合产品。主要问题在于,它并没有比市场上其他解决方案做得更好。

设计要点:这个概念其实非常棒,为我们今天继续使用的许多新程序打开了大门。但是,即使是绝妙的想法也无法将Google Wave从糟糕的设计中拯救出来。当试图简化那些已经流行的特定功能时,新功能至少要达到同等的水平。否则,人们不会使用它们。

 

10. 已删除的消息通知

WhatsApp因其出色的用户体验设计而大受欢迎,但有一项功能却让人摸不透。我们都遇到过这样的情况,有时候编辑了一条信息准备发送给一位朋友,但却意外地将它发送给另一个朋友。因此,用户应该有权删除这条消息。听起来很有道理,对吧?

为什么是糟糕的用户体验?

WhatsApp的设计问题在于,它会向收件人显示你删除了信息!最后,这看起来比你发错消息的行为更可疑。这是一个糟糕的设计决策。

设计要点:系统应该提醒发件人,收件人可以收到你删除了信息的通知;或者从一开始就避免给收件人发送这个通知。给删除消息的人一个简单的通知消息这个设计可以保留。

 

最后的一点想法

用户体验需要放在用户体验设计的首要位置。优秀的用户体验设计是小企业将客户从更大、更传统的企业中转化出来的途径之一。最后一条建议是将可用性置于界面风格之上。吸引眼球的应用程序和网站固然很重要,实用性在绝大部分时候是要置与美学之上的。

 

原文地址:UI中国

作者:摹客Mockplus

 

转载请注明:学UI网》十大用户体验设计失败案例,你知道吗?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


用户体验设计的可用性

seo达人


产品功能层面的可用性

从字面意思来说“可用”是指在用户正常预期里一个系统可以正常使用。在用户体验里的产品层面更多是倾向于产品功能有用、有效、完整。比如用户能通过搜索功能搜到自己想找的内容,这个用户完成搜索就是被定义为搜索功能的可用性,也就是说这个功能对用户是有效的。

但是,具备可用性的产品,用户体验未必就一定好。反过来,用户体验好的产品,可用性也并一定好。比如改版前的12306,他的可用性很高,几乎人人都得通过他解决火车票问题,但他用户体验却并不好,设计也不美观,还被很多人吐槽,高峰时期还特别糟糕,他算不上是好的用户体验例子,但对用户来说它的可用性很高。那体验好但可用性不好是什么样呢?比如我们去一家餐厅,环境装修氛围、还有服务都好极了,连餐椅餐具都设计的高端漂亮,可是我们进去餐厅吃饭却没有能吃的菜品。这就是体验很好,但可用性并不好。

我们可以这么简单理解:产品层面的可用性原则是产品功能的必备基础,他是万丈高楼的地基,没有可用性的产品无需谈用户体验,但是具备了可用性这个条件并不等于拥有了优秀的用户体验。

 

用户体验设计层面的可用性

上面我们提到了产品层面的可用性主要是产品的功能的有用、有效、完整,但对于用户体验设计不仅仅局限于功能性范围。在用户体验设计里还包含的视觉感知、品牌一致、心理预期、用户情感等因素,这几方面都是用户体验设计中不可缺少的部分。

在著名的尼尔森Nielsen 的可用性框架里,最有名的就是 Jakob Nielsen 的 5 个属性:

  • 可学习性(Learnability)-初次接触这个设计时,用户完成基本任务的难易程度;
  • 效率 (Efficiency)-用户完成任务所需要时间;
  • 可记忆性(Memorability)-当用户一段时间没有使用产品后,能马上回到以前的熟练程度;
  • 出错(Errors)-用户能从错误中恢复;
  • 满意度(Satisfaction)-用户对产品的主观满意度。
  

用户体验设计方案里如何体现可用性原则的

状态可见性:比如控件状态可见,当这个产品售罄了,能从视觉上给用户清晰的状态展示。

品牌一致性:比如界面的配色是否给用户感知和品牌一致。

出错设计:户在使用产品的时候遇到出错地方,直接把出错的地方给予提示,或及时反馈,避免错误的发生。

满意度设计:在设计中,站在大多数用户角度上,对用户要传达的信息简单、清晰、理解成本低。

 

那什么是好的用户体验设计呢?

那就是我们经常一块提及的易用性,易用性是指的用户在体验中效率更高效、过程更简单、记忆负担更少、用户满意度更高。易用性是建立在可用性的基础之上,如果没有可用性,那易用性就根本谈不上了。

我们再回到可用性的 5 个属性:学习性、记忆性、效率、出错、满意度。下面从之前写过的搜索功能体验来简单看:在可用性基础之上,用户体验设计里对易用性的体现。

学习性
搜索框的位置在用户心智中具有习惯性的认知,用户在界面的顶部或右上角找到放大镜这个图标,就能直接开始搜索,对于用户这个是不需要学习的。

提升输入效率设计
用户进入搜索输入页时立即弹出键盘,并且输入框是焦点状态,保证用户无需其他点击,直接输入即可。另外展示5~10个历史搜索词,方便用户快速键入减少用户输入成本。

减少记忆负担
比较常见的是历史搜索。

有效的纠错展示
当出现输入错误时,对用户进行有效的纠错或提示,帮助用户快速且准确的完成输入,减少错误。

情感化感受
当搜索无结果页时,设计上采用萌趣化情感设计体现设计的温度。
  
 

小结

可用性不是我们随口而来的一个书面词汇,而是需要在具体实际中理解背后的逻辑,可用性是用户体验设计中的一块基石,然后才是建立这个基础之上的易用性、美观、用户好感度等方面。

 

原文地址:咏舍(公众号)
作者:咏舍

转载请注明:学UI网》用户体验设计的可用性

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


你想要的,用户体验设计中的心理学

seo达人


变色龙效应/镜像效应

图片

俗话说,“有样学样(Monkey see, monkey do)”,包括人类在内的灵长类动物都擅长模仿。这个词表示无意识镜像或模仿我们周边人行为的状态。根据我们在产品方面的经验,我们进行的互动具有亲密性和即时性。

你有没有试过听了朋友说的话之后又说给对方听?这是变色龙效应的完美例子。

 

启动效应(Priming)

图片

指由于之前受某一刺激的影响而使得之后对同一刺激的知觉和加工变得容易的心理现象。我们半夜三更看了电视的恐怖电影之后,跟看喜剧相比,屋子里面听到的任何吱吱声或者噪音更有可能让你毛骨悚然、心惊肉跳。

启动效应会塑造我们对环境的行为和反应,而且往往是有效的捷径,让我们可以迅速做出决定。这也是一种有效的说服工具,已经广泛应用到产业的营销和广告领域。

 

冯·雷斯托夫(Von Restorff)效应

图片

德国精神病学家和儿科医生海德维希·冯·雷斯托夫(Hedwig von Restorff)在1933年提出的理论。冯·雷斯托夫有一次实验,涉及到让受试者观看一系列相似的物品。结果他发现,如果其中某个很特别的话,那么相比其他物品,受试者就更容易回忆起这件物品。

冯·雷斯托夫效应又叫做隔离效应(isolation effect),或者新奇效应(novelty effect),其预测是当存在多个相似的对象时,跟其他有所不同的那个最有可能被记住。

 

序列位置效应

图片

该理论由赫尔曼·艾宾浩斯(Herman Ebbinghaus,著名的艾宾浩斯遗忘曲线也是他的发现)提出。它描述了序列中项目的位置是如何影响回忆的准确性的。

这种效应是指记忆材料在系列位置中所处的位置对记忆效果发生的影响,包括首因效应和近因效应。系列开头的材料比系列中间的材料记得好叫首因效应或者首位效应;系列末尾的材料比系列中间的材料记得好叫近因效应或新近效应。

用户往往最容易记住系列中的第一项和最后一项。

把最重要的信息放到开始和结尾。把最不重要的信息放在中间,这是吸引用户注意力的高效方法。

 

格式塔原理

图片

在格式塔原理之下,派生出了很多的其他原理。我们会在下面进行简要讨论:

 

负空间:

图片

在设计周围留白,从而创造出一块大于其各个部分之和的区域。用最简单的措辞来说,格式塔理论是基于这样一种思想,即人脑会下意识地把各个部分组织成一个系统,从而创造出一个整体而不是一系列的离散元素,通过这样来简化和组织包含有很多元素的复杂图像或者设计。我们的大脑天生就是为了看清结构和模式,从而更好的理解我们生活的环境而构造出来的。

 

相似:

图片

在格式塔里面,相似的元素不管彼此是否靠近也会在视觉上进行分组。分组可以按颜色、形状或大小进行。相似性可用来将可能彼此不相邻的东西联系在一起。

 

连续性:

图片

不管实际画出来的线条如何,人眼在观看线条的时候都会按照最平滑的路径想象。当目标是引导访客的眼睛朝特定方向看时,这种连续性会是很有价值的工具。

 

闭合:

图片

这条原理反映的是人会把设计或图像缺失的部分自行脑补,创建出一个整体来。或者说得简单点,在Adobe、Sun Microsystem、NBC、USA Network等的logo中就可以看到复杂的形状。

 

相邻性:

图片

这条原理是指元素之间的距离如何。在UX设计当中,运用相邻性是为了让用户将某些事物组合到一起。通过把它们放在一起,用户就会感觉它们是相关的。

 

图形与背景关系:

图片

跟闭合原理类似,这条也利用了负空间。我们的大脑会区分出图像前景的对象。设计师如果想要突出某个焦点时,用这条这真的很方便。

 

共同命运律:

图片

这条原理是指,沿同一个方向移动的元素本身会被视为一组。如果我们看到一群鸟朝特定的方向飞行,我们就会把它们组合在一起,并将它们看作是单个刺激物。

 

认知负荷

指在一个人的工作记忆使用的脑力综合。是指你为了完成任务需要消耗的脑力。

认知负荷是表示处理具体任务时加在学习者认知系统上的负荷的多维结构。

 

希克定律

以英国心理学家威廉·埃德蒙·希克(William Edmund Hick)命名,其理论指出当选项增加时,下决定的时间也增加。一个人做出决定所需的时间取决于他或她可以选择的选项数。因此,如果选择的数量增加,则做出决定的时间将对数增加。

决策所需的时间随着选项的数量和复杂性增加而增加。

图片

 

菲茨定律(Fitt’s Law)

图片

这条定律规定,任意一点移动到目标中心位置所需时间与该点到目标的距离和大小有关,距离越大时间越长,目标越大时间越短。

获得目标所需的时间取决于到目标的距离以及目标的大小。

可以利用这条定律来影响互动按钮的转化率,尤其是用手指操作的移动设备上的设计,可以把希望互动的按钮设计得更大一点,把不希望用户点击的按钮设计得小一点,更难点中一点。用户任务/注意区域与任务相关的按钮之间的距离应尽可能的短。

 

美即适用效应

图片

这条指的是用户往往会认为有吸引力的产品更实用。大家往往会相信看起来更好的东西用起来也会更好——就算实际上效率和效能并没有提高。

用户往往会把美观的设计看作是更实用的设计。

对视觉设计的积极情绪反应会让他们对可用性方面的小问题更加宽容。

 

双重编码理论

这一理论是由心理学家佩维奥(Paivio)提出来的,他强调在信息的贮存、加工与提取中,语言与非语言的信息加工过程是同样重要的。佩维奥(1986)指出:“人的认知是独特的,它专用于同时对语言与非语言的事物和事件的处理。”利用双重编码系统可以让用户更容易记住我们网站上的重要内容。

我们会根据你对现实世界的体验和感知为脑中想到的文字建立视觉形象。一想到“体育”,我们的大脑就会自动想到球的形象,运动员的形象。通过将文字跟图像配对,可以更容易记住东西。

 

直觉检查

我们一般不会用价值数千美元的眼动追踪软件或者脑电图来判断设计是不是有效。但是5秒测试是个强大工具,用它就可以确定你的设计是不是一看就明白。

所谓5秒测试,就是让受试者观看网站或应用5秒钟,然后回答有关主题和设计的问题。如果用户的答案或者留下的印象跟你的设想不一样,那就说明设计没有达到原先的目的,需要继续改进。

 

说服心理学

图片

这条原理来自罗伯特·西奥迪尼(Robert Cialdini)的著名著作《影响力:说服心理学》(Influence: The Psychology of Persuasion),里面列举了类似互惠、一致性、社会认同,权威以及稀缺性等原理。

这些原理往往决定了我们在社会当中的行为方式,我们可以用它们来识别人类行为。

互惠:这条原理是说人都不喜欢亏欠别人。如果别人给了他们什么东西的话,他们应该会觉得有责任给予一定程度的回报。提供免费的电子书,博客文章,播客或其他免费内容,然后换取用户提供的电子邮件地址,这就是现实生活当中互惠的好例子。

权威:权威这条原理说的是我们大多数人都意识到自己没办法在每一件事情上都是专家。我们最好的选择是依靠专家的证词。所以,我们允许专家和任何特定议题的“权威”人士影响我们。大家往往会对高水平的专家和权威人物的话言听计从,因为觉得他们值得信赖。如果跟成功公司能扯上关系的话就会经常被提及,好建立一定程度的尊重和可信性。

一致性:这条原理说的是大家一般都希望自己行为跟自己的决策过程保持一致。西奥迪尼曾经进行过一项研究,他让两组志愿者挨家挨户去询问房主愿不愿意在自家前面的草坪上立一块写着“小心驾驶”的大广告牌。

第一组的做法就是简单粗暴直接上门问。而第二组是先做一个初访,请求房主在他们前面的草坪放一块很小的标志牌,“做一位安全的驾驶员。”

结果第二组的成功率高出450%。这就是(承诺与)一致的一个例子,因为房主会觉得自己有义务在这种情况下保持一致性。

社会认同:大家未必总能知道自己为什么会这么做。大家是不是都在跳舞?如果是的话会有更多的人跟着跳。大家是不是都在看那个视频吗?是的话会更多人会点击它。是不是每个人都在买你的产品吗?是的话,你想拦都拦不住。在电子商务的实践当中,我们使用的网站会社会认同(比方说点评、评论和推荐)来吸引其他用户,并引导他们做出购买决定。亚马逊有“购买这个的客户也购买了那个”的提示,希望强化你跟商品的关联性,让用户认为“如果别人需要它的话,那我也需要它”。

稀缺性:在塑造行为的原理方面,这是我的最爱之一。稀缺性原理是说,如果东西有限的话,大家就会更想得到它。能得到的人越少,吸引的人就越多。

为什么有的商店会推出限量版服装?这就是原因,这样可以吸引更多的顾客。

变化盲视(Change Blindness):指观察者不能探测物体或情景所发生变化的现象。

 

记忆限制

图片

记忆未必永远可靠。我们对信息的存储方式会被我们的想法、感知信念以及周围环境所重构。

我们的工作记忆能力大概就只有10到15秒,一次只能记住3到4个东西。

研究表明,大家往往会制造出错误的记忆,要么会记住了没有发生过的事情,要么就是记得的东西跟实际不一样。由于记忆具有提示性和可塑性,所以根据大脑的习惯或心智模式来进行设计就非常重要,因为这样会更容易记住。

尽可能为用户提供帮助和反馈,并提供撤销选项,以减少用户犯错时的沮丧情绪。让体验个性化,好迎合我们用户的喜好。

 

单纯呈现效应(Mere Exposure Effect)

图片

单纯呈现效应是指图片、符号、数字、声音等外部刺激信息只要经常暴露在人面前,就能增加人们对其喜欢程度的现象。这种社会心理会发生在我们所有人身上,我们在不连续的时间段内见到某人的次数越多,我们觉得这个人讨人喜欢或迷人的可能性就越高。这种效应有时候又被叫做熟悉定律。

了解单纯呈现效应及其机制,会让你在转化率优化的工作中具备重大优势。更多的呈现会带来熟悉感,进而带来舒适感,从而让转化率优化整体上得到显著改进。

 

色彩心理学

图片

色彩也是影响人的选择和行为的主要因素之一。我们经常会发现儿童玩具颜色鲜艳,女孩玩具往往是粉红色的。这方面研究的主要思想是色彩对用户的感知有很大的影响。

所以,作为设计师我们应选择能够传递含义与正确信息的色彩。

红色。跟热情、强烈或攻击性的感觉关联。同时是好和不好的感受,比如爱、自信、热情、愤怒等的象征。

橙色。充满活力的暖色,给人以兴奋的感觉。

黄色。幸福的色彩。象征着阳光、喜悦和温暖。

绿色。大自然的色彩。给人以来平静和新生的感觉。另外,也可能用来表示经验不足。

蓝色。一般用来表示企业形象。往往表现出冷静的感觉,但是作为一种冷色,也跟距离与悲伤有关。

紫色。由于很多国王都穿紫色的衣服,所以长期以来就与皇室和财富联系在一起。紫色也是代表神秘与魔力的颜色。

黑色。这种颜色有很多含义。往往跟悲剧和死亡相关联。可以代表着未解之谜。可以是传统的,也可以是现代的。一切都取决于怎么用,以及跟哪些颜色一起用。

白色。意味着纯洁和纯真,以及完整性和清晰度。

 

本能反应

我们一般是从大脑负责本能的部分得到这种反应,本能反应的速度比我们的意识要快得多。本能反应会导致我们用了一下产品后就爱上了它。这些反应植根于我们的DNA之中,所以很容易预测。

作为设计师我们就是要通过设计制造出视觉上极其出色的美感印象。为什么一个东西在用户眼里好看,以及为什么他们是我们的目标受众,他们的需求是什么,这些都不难猜测。

用户体验设计的概念根植于认知和行为心理学,那是人类与机器交互的蓝图。当然,本文仍还没有涵盖到所有的设计心理学原理。但是,作为设计师,我们还需要观察和理解最终用户,并且加深对用户的理解与共鸣。在产品开发过程中,了解用户的互动、行为和情感可以增加更多的价值。

 

原文地址:追波范儿(公众号)

作者:terechen

转载请注明:学UI网》你想要的,用户体验设计中的心理学

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


掌握这20条用户体验设计原则,助力设计成长!

seo达人


1.以用户为中心 

这是最常被提及的用户体验设计基础,当涉及到产品设计决策时,提醒我们要学会使用同理心,而不是仅凭个人的想法或意见。

真正好的用户体验设计是为用户量身打造的,用户的意见、痛点、愿望、偏好和需求对产品来说至关重要,所以在项目初始阶段需要投入大量的时间和精力去了解用户。

图片

用户体验研究重点是了解用户,为接下来的产品设计做准备。以用户为中心的设计理念是设计师迎合用户的需求,区分了设计任何人都可以使用的产品和为目标用户设计的产品。

一款特定的产品需要面对不同的目标群体,前期研究中需要了解目标人群需要什么并在产品中反映出来,这是针对性很强的设计研究。

 

2.了解信息架构

可能很多人对信息架构的定义很模糊,这里举个例子来具象说明一下信息架构的含义。

例如在一款产品中,如果把所有内容都堆到一个列表或页面中,可能我们将无法使用这款产品,所以我们看到大多数的App和网站都包含很多的导航和页面结构,按照内容重要程度有序地来组织内容。

信息体系结构的最终目标是帮助用户理解他们在看什么,并帮助他们找到需要寻找的内容。

图片

信息架构在制作线框图或原型之前完成,因为它是产品的基础,有助于设计师考虑什么功能是最重要的,哪些是用户最需要的以及哪些次要内容可以隐藏起来等。

这种结构与产品的导航设计密切相关,有助于将用户引导到正确的位置。导航和信息架构都试图让用户以最少的认知努力来完成操作。

信息架构的设计不当会造成重大故障甚至可能危及整个产品。如果用户在使用产品时找不到任何想要的内容,点击任何元素都没有反应,会给用户带来很糟糕的使用体验。

 

3.考虑使用场景

没有场景,任何设计都很难生效。设计师在项目开始时会投入时间去了解用户面临的问题以及围绕这些问题的背景。

图片

这条原则有助于设计师考虑还有哪些因素会影响用户和产品,很多产品设计会为用户提供一些有助于消除使用摩擦的操作提示。

例如在设计表单时,会尽可能的添加输入提示,最大程度地减少用户出错的机会。

 

4.了解一致性及其重要性

保持一致性是用户体验设计的关键原则。拥有一致设计的产品可以更快地被新用户接受,因为用户不需要再次学习如何操作,他们会回忆起之前的操作习惯并将其作为指导,这也解释了为什么同类型的产品例如电商类App页面设计的很相似。

保持一致意味着在需要时可以重复使用某些UI组件,并在整个产品中保持一致的行为。例如当点击或悬停在按钮上面时,所以按钮的状态应该是一致的。

图片

从逻辑上讲,产品越大,这种一致性会变得越来越有挑战性,这促使许多设计团队创建自己的设计系统。一款产品的学习曲线越长越陡,放弃的用户就会越多,在市场营销中,这通常被称为销售漏斗中的漏洞。

 

5.给予用户适当的控制权

这条原则意味着用户希望能控制产品,无论是完成任务还是定制满足他们需求的内容。

在设计过程中一直试图给用户尽可能多的控制权,例如允许用户撤消操作、更改设置、自定义UI外观、创建快捷方式等。

图片

需要注意的是,当提供太多选项或用户太依赖于自己的选择时,用户可能会不知所措,造成所谓的选择悖论。所以在设计时要了解用户乐于掌控的余地,不能让用户感到使用压力。

 

6.把可用性放在首位

在整体上看,建立高标准的可用性是为用户做的最好的事情,有助于检查用户是否能够轻松地完成任务、产品是否正常运行以及是否完成工作。

图片

可用性的重要之处在于要理解可用性的灵活性和重要性。

 

7.了解用户测试

结合可用性的概念,我们还要进行用户测试,这是设计师对工作进行测试的方式,对新的产品来说至关重要。

当设计思想和理念被转化为有形的原型时,设计师要观察真实的用户是如何与之交互的,可以通过许多不同的方式例如简单的A/B测试到全面的审核测试等来实现。

图片

测试通常分几轮进行,团队在向原型添加更多细节之前验证每个步骤。随着测试结果的出现,设计也随之发生了变化。

如果发生更改,将会进行新一轮的测试,通过这个过程,设计团队可以改进他们的工作,直到达到可用性标准。

 

8.少即是多

在创造力和创造独特事物的渴望中,很多设计师很容易无意中弄乱产品界面甚至产品本身。

功能过多的产品可能会失去焦点并削弱吸引力。具有太多元素的页面会变得充满视觉冲击,但也会给用户带来负面体验,在设计时要学会克制并优先考虑真正关键的部分。

另外手机端的屏幕空间非常小,创建一个有效的布局,想出巧妙的方法来隐藏次要元素并创建一个令人愉悦的界面需要付出很大的努力和创造力。

 

9.视觉层次

视觉层次是向用户传达产品中元素重要性的方式。良好的层次结构有助于用户视线在界面上移动,并立即了解最重要的内容以及这些内容与其他部分的关系。

视觉层次结构与布局设计紧密相连,帮助用户消化所接触到的信息。

图片

创建层次结构从概念的草图开始,一直持续到完成设计。例如发送按钮通常会用绿色而是不红色,而次要按钮会显示为灰色或与背景混合,并显示“撤消”或“返回”。

 

10.了解用户的心智模型

为用户创建心智模型是尝试使用同理心的一种方式,是帮助设计师从用户的角度看待问题的工具。

图片

做到准确就是直观的产品,用户不需要投入精力就可以使用它,而错误的思维模型会导致一些问题,例如界面混乱、高昂的交互成本。

为了匹配用户的心智模型,可以采用多种不同类型的研究方法,常见的方法包括卡片分类、决策树、对用户行为的密切观察,或者使用大量的数据来建立关键用户的心理模型。

 

11.设计中的讲故事

讲故事的方式更加直观,利用图像、视频、动画和文本等元素让整个页面与用户对话。用户体验设计中的视觉叙事是为了唤起用户的情感,给用户留下持久的印象。

图片

想出一种可视化的方式来传达复杂的内容具有挑战性,但同时也是有益的,可以更好地接近用户并将其作为提高产品可学习性的方法。

 

12.不要直接跳到高保真原型上

高保真原型是设计项目的最终目标,但是直接使用原型软件不断添加各种页面细节是错误的操作。

图片

避免直接出高保真的主要原因是因为这样做的成本会更高。在没有任何用户研究和测试的情况下,一款产品无论具有多少的细节都有可能面临不符合用户使用的情况。

 

13.可访问性测试很重要

不仅要检查关键用户是否可以流畅地使用产品,还应该检查其他所有用户例如少数群体等是否都能够正常使用产品。

图片

事实上,残疾人和其他用户一样需要数字产品,但很多产品在设计时并没有考虑到这些群体,但这也提供了一个机会,为所有用户提供一个可以依赖的好产品。

 

14.熟悉并在用户体验设计中使用

我们知道为用户提供一致的设计有助于克服学习曲线,同时为用户提供熟悉的东西也有助于缩短学习曲线。

例如,大多数用户都会立即识别某些UI组件(汉堡菜单/单选按钮),这意味着他们会本能地知道这些组件代表什么意思或者如何操作。

图片

使用用户已经熟悉的东西并不一定会让产品的独特性消失,有经验的设计师会利用这种熟悉性来来创造一些独特的设计,同时也是直观的,不需要太多努力就可以使用。

设计一个完全不依赖熟悉度的产品可能是具有风险的行为,因为它很容易让那些不熟悉产品的用户超负荷,形成巨大的学习曲线,增加用户负担。

 

15.了解交付成果的力量

可交付成果是可以在整个团队中交付的内容,包括用户画像、心智模型、用户旅程以及线框图和原型等,是一种有形和具体的表现。

可交付成果是用户体验设计原则,可以帮助设计团队和其他利益相关者理解和交流概念。

图片

▲ 用户画像可以捕捉理想用户,并提供可以相关联的真实面孔,是一种指导设计的工具。用户旅程图帮助设计师了解用户完成任务需要的具体步骤,有助于确保这些步骤确实可以轻松执行,并且整个过程很流畅。

这些交付成果服务于关键功能,设计师需要在整个项目中都依赖它们,不断转换为用户可以与之交互的真实有形的设计。

 

16.专业的原型设计工具

用户体验设计的过程不是线性的,而是一个循环。无论创建什么样的产品,都需要专业的原型工具,将基本框架放在一起,然后添加可能需要的所有细节。

图片

从逻辑上讲,设计团队的具体需求会因团队而异,但一些关键功能例如团队协作、需求管理、交互设计和开发移交等,对于大多数团队来说是必要的。

 

17.精心管理产品需求

一切都从收集需求开始,然后慢慢创建关键列表。虽然简单地列出一个列表听起来很容易,但随着项目的进展,要保持列表的条理性确实是一个挑战。

图片

除了创建需求和检查需求之外,还有一个问题就是调整需求,需要从设计、技术和业务各个方面来处理各种需求,还要确保这些需求之间没有相互矛盾。

 

18.了解移动和网页产品之间的差异

网页端和移动端产品最明显的区别是屏幕尺寸,这意味着所有的视觉层次结构和信息架构都将从Web到App发生变化。

图片

移动端产品会有更多影响设计决策的因素,例如设备的操作系统、使用产品的环境等。了解移动端产品在导航设计、用户流程等关键方面的差异是至关重要的用户体验设计原则。

 

19.利用UX设计模式

几乎所有的产品都专注于设计模式,它们可靠、易于查找并通过减少设计时间来为项目增加实用性。

图片

▲ 当用户在谷歌搜索中输入的内容有问题时,谷歌会提供一个相关的搜索提示,辅助用户进行精确地搜索,解决用户使用不同方式在搜索栏中传达他们正在寻找的内容的问题。

 

20.使用合适的工具才能有效

拥有单一的内容来源可以为团队带来清晰性和高效性,如果线框和原型分散在多个渠道中,这种内容的集合就会变得很难达成。

图片

通过合适高效的工具能够避免产品在到达终点时遇到各种各样的可用性问题,防止产品细节没有表现出来或者被忽略。

 

最后

通过这份用户体验设计原则的合集希望能够让你对这个领域有一个大致的了解。

没有人知道用户体验设计在未来会引领我们走向哪里,不过我们可以确定,无论它带给我们什么,肯定都会很有趣

 


 

原文地址:Clip设计夹(公众号)

作者:Clippp

转载请注明:学UI网》掌握这20条用户体验设计原则,助力设计成长!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


用户体验设计定义&详细案例

seo达人


一个设计的存活或死亡依赖于它适应人类的行为和认知限制的能力。

 

一、什么是用户体验?

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

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

 

二、可用性原则

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

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

 

01 易学性

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

 

02 效率

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

 

03 可记忆性

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

 

04 容错性

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

 

05 满意度

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

 

06 实用性

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

 

07 个性化

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

 

08 可预测性

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

 

三、可见性原则

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

 

01 物理功能可见性

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

 

02 状态可见性

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

 

03 步骤可见性

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

 

四、可供性原则

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

 

五、反馈

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

 

01 告知性

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

 

02 动作连接性

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

 

六、希克定律

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

 

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

 

七、费茨定律

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

 

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

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

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

 

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

 

八、神奇数字 7 ± 2

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

 

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

 

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

 

九、复杂守恒定律

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

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

 

十、新乡重夫:防错原则

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

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

 

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

 

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

 

十一、奥卡姆剃刀原理

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

 

01、只放置必要的元素

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

 

02、减少点击次数

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

 

03、“老人”规则

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

 

04、减少“段落”个数

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

 

05、给予更少的选项

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

 

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

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

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

 

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

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

 

原文地址: 站酷

作者:左眼右舍

 转载请注明:学UI网》用户体验设计定义&详细案例

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档