设计每日一贴

说唱歌手LilNasX用《OldTownRoad》做BGM在短视频平台发起的牛仔挑战(#Yeehawchallenge),使这首歌曲通过短视频成为了全球爆款。这首歌在美国地区的流媒体播放量超过了25亿次,在Billboard排行榜保持了19周的冠军。

在游戏领域,短视频/直播内容也正成为分发重要形式。短视频巨头已深入游戏腹地,2020年移动游戏用户与短视频用户重合率达82.5%,近六成移动游戏用户会用短视频主动搜索游戏内容。短视频在和游戏内容结合上有先天优势,消费门槛低,体验更沉浸,同时也可以快速获取其他玩家的感受。除此外,对于游戏制作和发行方来说,这里也是通过内容创作获取用户的良好渠道。

游戏依托赛事直播、KOL直播,聚集了大量高质玩家,相较于传统分发方式,直播具备互动性、真实性、及时性等三大特点。KOL主播可以将游戏最直观的展现在玩家面前,更可以利用高人气迅速提升游戏热度。Facebookgaming现在采用直播feeds的方式进行游戏的推广,使玩家对游戏体验感受更直观。

黑客帝国4在官网为用户提供了一段可交互的宣传视频,根据用户的选择不同,触发不同类型结局。让用户更有代入感和掌控感。有种“我”开启了一段故事,也更容易带来体验上的惊喜感。

洛杉矶流行艺术家BIIANCO为其单曲That’swhatfriendsarefor制作了互动音乐视频,以互动游戏的方式让观众进行多次选择,探索属于自己的故事。

2021年音频内容呈爆炸式增长,播客这种很早就有的形式,在今年焕发了蓬勃生机。因为疫情原因,音频内容呈爆发式增长,相较于其他数字内容表达方式,音频覆盖了更多互动场景,用户可以在通勤、运动和打扫房子的时候在车里播放。

21年初热播的《流金岁月》不仅霸屏热播热榜,更首次将营销可能性转化到“看不见的”声音领域,最终联手十多家播客参与多方面讨论了女性、友谊、成长等话题,精细化传播,也让更多电台参与创作讨论,最终“我的「流金岁月」”主题内容实现了全平台百万级的总播放量。

影音、游戏联动明星、品牌、知名IP、传统文化产业、线下活动等等具有影响力的合作方进行战略合作,扩大双方影响力。如英雄联盟和LV的跨界联动,这款由LV设计的史上最昂贵、最奢侈的游戏皮肤,还未推出就捕获了无数LOL玩家的心,在让玩家兴奋不已之余,还引发了“这款皮肤究竟有多贵”的讨论。

2021年底热剧《风起洛阳》联动洛阳市文化单位正式发布“华夏古城宇宙”的全新概念,并宣布“华夏古城宇宙”首发洛阳IP中的剧集《风起洛阳》、纪录片《神都洛阳》、动画片《风起洛阳之神机少年》,带领观众开启探索华夏文明的旅程。

影视剧宣发期,通过话题互动或设置传播内容,让用户创作内容进行传播,如《鱿鱼游戏》引发自发传播的抠糖挑战也引起更多受众注意激发用户观看。

通过大型庆典活动,让用户共情,形成记忆共享,将志同道合的人聚在一起,形成文化传播。如英雄联盟每年都会举办盛大的全球总决赛开幕庆典,并加入一些让人印象深刻的游戏元素。

同时Discord可以创建「临时」游戏语音频道,可以让其他成员看到频道内成员正在玩的游戏;玩家也可以将游戏实况传输到服务器,在语音频道邀请朋友共同观看自己的游戏“现场直播”,让玩家的朋友在沙发上重现游戏的感觉;

2021年初爆火出圈的社交产品clubhouse,也是在早起利用名人明星和圈子的力量,通过采用邀请制的方式吸引了高质量的种子用户,带动app的影响力,提升其在世界产品和科技圈的热度。

相较于传统的机器人客服,机器人进化出了新能力,在数字内容推广上展现新前景。在Discord中,由第三方机构提供各种数字内容服务能力的机器人,如将Patchbot机器人添加到频道后,可以将用户喜欢的游戏资讯/功能更新及时推送到频道中,让玩家获取信息更及时;

在Discord和Telegram聊天群组中,有很多提供数字产品服务能力的机器人,为群中小伙伴定期推送和主动获取影音资源。

随着元宇宙、区块链技术的火爆,数字内容也展现了不同以往的展示和推广方式。2021作为元宇宙爆发年,向我们展示了未来的一角。通过虚实结合的互动体验,数字营销不再局限于单一的文字/画面,而是通过多体感的交互,让用户全方位的体验数字内容,为猎奇的互联网用户打开了数字营销新篇章。

贾斯汀比伯举行了一场由真实动作捕捉的线上虚拟演唱会,比伯在演唱《Peaches》、《HoldOn》等人气单曲的同时,观看直播的观众可以根据场景与比伯进行线上互动:场景切换到田野时,观众可以点击不同颜色的花朵,让田野生出花朵形状的流光;

切换到街头场景时,观众可以把聊天内容或爱心发送到比伯周围;

Decentraland提供了去中心化的社交世界,用户可以创建自己的虚拟形象,在不同的游戏场馆进行切换,为游戏品牌起到了更好的宣传作用;同时Dcentraland提供了虚拟土地售卖,用户或开发者购买土地后,通过制作3D场景,发布自己设计的各种产品或服务,这些场景也可以使用VR终端来体验,用户或开发者可以发挥无限的想象力进行宣传创作。

韩国剧集《鱿鱼游戏》热播后,剧集中的游戏关卡在罗布乐思公司的游戏社区被“1:1”还原,其中的游戏“1、2、3”木头人进入推荐排行榜,吸引了众多观众成为玩家,也让很多玩家去奈飞追剧,扩大了该影视资源的影响力。

以一个小小的齿轮(或者扳手)形象登场,“设置”在几乎所有产品中都是不可回避的模块,他允许用户在弹性范围内自定义产品,来更好地适应实际需求。

在一些产品团队的眼里,“设置”或许是一件非常简单的事情,因为大多设置模块的使用频次低,无关核心业务。所以当内容看似非常简单明确时,“设置”甚至会不经设计,由开发直接上手就干。但这样简单处理的结果被摆到用户面前时,各种糟糕的体验就纷至沓来了。找不到设置入口、不知道该如何设置的用户吐槽屡见不鲜。所以说,“设置”,说简单也不简单。

下面我们就从用户场景出发,深入挖掘设计逻辑,重新认识这个随处可见的小齿轮。

调研发现,不同性质、体量的产品,“设置”模块的功能设计存在着不小的差异。

ToC产品一般会提供关于用户自身使用习惯的设置,如界面语言、皮肤主题等。而对于ToB产品来说,除了部分与ToC产品重叠的用户个性化设置内容外,往往还有作用于整个平台、全体用户的系统设置权限,当然他们的可见用户并不是全体成员。

从上述对功能的简单描述可以初见,“设置”模块的目标用户也不会是一成不变的。

拿我们日常高频使用的浏览器产品来说,设置是开放给全体用户的功能模块,但它的使用频次很低,如一些关于性能、证书的配置,即使是浏览器的熟练使用者也可能对它很陌生。也就是说,哪怕是产品的高级用户,也可能是“设置”模块的新手用户。

而以技术导向的工具型产品为典例,繁杂的系统设置是产品为了满足不同客户间、复杂多变的业务规格,在系统中留出的弹性空间。在这个需求场景中,与产品对话的用户一般是系统管理员或技术支持人员等,他们对系统方方面面的经验认知都很充足,甚至系统设置就是其主要工作模块。所以,对于这类用户场景下的“设置”模块,“高效操作、成功结果”是至关重要的设计目标。因为高级用户往往不追求很强的互动性,更希望跳过流程和步骤,直接切入功能得到理想结果。

面向不同的目标用户,自然有不同的设计逻辑,本文接下来的内容,或有共同之处,但更侧重于面向第二种情况的思考。

思考“设置”的用户场景,使得设计逻辑的探讨更加有据可依。简单来看,“设置”的设计可以从三个环节切入:

接下来我也将从这三个环节发散思考,从信息架构、展示编辑、默认值、帮助说明以及保存等多个方面来谈谈我对“设置”的一些看法。

成熟的“设置”模块,必然拥有良好的信息架构。这不仅是指“设置”内部的导航设计,同时也包括“设置”在整个产品的层级安排。这些导航、层级的确定,则会受内容信息体量、功能重要程度等影响。

首先,在“设置”内部规划一个合理且清晰的导航,需要在信息的深度和广度之间做好平衡。平衡架构的天然敌人少不了信息量冗杂这个令人头疼的问题。无论是在单个层级中内容过多,还是层级本身过多,都会给用户的快速定位带来考验。而通过调研发现,如Google、Salesforce等产品都选择在复杂的“设置”模块引入了全局搜索来帮助用户缓解查找某一功能的压力。

信息量冗杂带来的考验还有那些零散的、彼此关联不强的设置项。对他们的架构安排,很容易因为不知道怎么组织,便一股脑地塞进诸如“通用”、“高级”等的模糊分类中,不过这可谓是十足的懒人设计。想要搞定这些难搞的信息,设计者需要对设置内容有更深入的研究和理解,搞清楚它改变了什么、会影响什么以及后续是否会拓展更多关联设置,等等。

还有一个值得思考的细节:对于丰富多样的设置项来说,是将他们散落到直接影响的功能模块中合适,还是汇总于一个设置模块中更合适呢?或许在不同的场景里答案并不一致,我觉得这需要综合考虑该设置项的放权角色、配置频率、配置影响等因素。

完成“设置”模块的基本架构后,就该将目光投向那些具体的设置项了。就常见的设置内容而言,根据其适合的展示形式进行简单的抽象,主要分为以下两种:

1、适合以表单形式组织的内容:一般是具有独立影响又拥有相同特征标签的单条数据被整合到一个分组下进行展示与配置

2、适合以表格形式组织的内容:一般是具有相同固定结构的数据集需要进行统一管理,包括组层面的增删等

为每一个内容选择最合适的展示形式(当然也并不仅是上述两种),这个选择大多时候并不困难,因为“设置”场景的目标导向往往比较明确、直接。当然也不排除部分复杂场景的存在,这就需要我们多花些心思,以用户更易理解的展示形式完成功能性的表达。

在“设置”模块,展示与编辑的联系非常紧密。直接编辑和解锁后编辑的选择,主要取决于用户进入页面的常规诉求是查看确认还是编辑修改,以及这些设置内容的改动容错性是否良好,等等。

在本文讨论的“设置”场景中,每一个更改都可能对整个平台乃至全体用户产生影响。通过调研,我们发现多数用户对于默认值的沿用性不低。故,对于那些需要默认值的设置项,选择一个合适的默认值是值得审慎对待的问题。

除了默认值的设计,恰到好处的帮助说明也可以让设置的用户体验变得更好。

我时常看到“设计的目标应该是完全删除说明文字”之类的论述,这好像正契合了简约至上、不要让用户思考等当下流行的宗旨。但,正如尼尔森十大原则的最后一条“人性化帮助原则”也指出,帮助和使用文档是有必要的。

结合“设置”的自身的特点:这是一个对产品进行底层配置(相对其他模块而言)的控制模块,对用户的认知与学习能力有着不低的门槛要求。也就是说,设置的内容对于用户是有一定难度的。我们需要更多考虑内容的帮助说明是否充足,不要想当然觉得用户能够理解。

所以,不难想象,设置模块的说明概率会远高于产品的主体功能模块。进一步探究帮助说明的设计:从形式来说,它可以是文案、配图甚至是一个视频讲解;从强度来说,它可以一次性出现、常驻于页面或是直接跳转帮助文档等。大多数用户并不希望在设置模块获得探索的乐趣,所以无论如何设计,帮助其快速完成任务是我们在设计“设置”时非常重要的一个追求。

“保存了吗”这不仅是每个设计师在电脑卡机时候会问自己的问题,也是用户在完成一系列配置操作后的疑惑。这就牵扯到了设置何时生效的问题。最常见的交互方案有两种:

1、每一项配置都即时生效

2、整个表单统一提交后生效

那么,哪一种方式更好?我继续尝试从业务需求和用户习惯两个方面入手:

“设置”模块的操作往往牵一发而动全身,试错成本其实是非常大的。之前听产品经理说过一个银行客户因为修改了某个小小配置项,而造成了巨大实际损失的例子。所以,在这样一个控制中枢般地位的模块中,即时生效的选用必须谨慎评估操作风险,减少用户轻易出错的机会。

同时,由于即时生效和表单提交这两种交互方式都非常常见,用户天然存在一种认知压力,也就是上面提到的“保存了吗”的不确定。所以,我们需要通过设计,让用户快速且准确地知道当前页面采用的是何种保存交互。

从调研和自身经验得出,以下几点都是比较好的思路:

1、实时的操作反馈可以帮助用户判断是否生效

2、尽量控制设置内容在一屏以内,这样无论是否设计统一提交的按钮(或者更改后出现),用户都可以轻易感知

3、将统一提交的按钮以悬浮方式明显地驻于页面底部,减轻内容超出一屏时的认知压力

4、慎重处理如开关、按钮、滑块等带有很强“即时生效”隐喻的控件

对于很多产品产品而言,“设置”是点击率不高的辅助模块。由开发人员直接上手,设置项很容易就变成机器语言的直译、迭代顺序下的铺陈,而用户是否可以接受这种简单粗暴的处理,就成了阿甘手中的那盒巧克力。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

美国著名工业设计师HenryDreyfuss在这一年写下了著名的设计书《为人的设计》(DesigningforPeople)。

在书中,他写道:

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

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

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

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

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

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

在这个阶段,DonNorman还撰写了经典的设计书《设计心理学》(TheDesignofEverydayThings),直到今天它依然是设计师的必读书。

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

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

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

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

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

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

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

图1低保真用户界面草图

图2低保真用户界面草图

图3Airbnb设计

图4Airbnb的迭代设计

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

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

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

视觉与品牌设计团队

产品负责人和产品经理

UX设计师

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

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

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

传统的产品上线流程

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

自动化的产品上线流程

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

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

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

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

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

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

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

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

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

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

封面作者:PaulOlek

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

作者:仉长娟

移动手机

平板电脑

台式电脑

智能电视

智能手表

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

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

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

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

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

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

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

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

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

按钮之间的间距

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原文地址:AdobeBlog

译文地址:UI中国

作者:NickBabich

译者:SKYUI

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

作者:流年

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

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

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

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

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

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

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

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

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

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

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

用户体验不好的原因?

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

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

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

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

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

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

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

为什么用户体验不好?

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

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

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

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

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

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

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

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

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

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

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

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

为什么是坏的用户体验?

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

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

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

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

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

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

原文地址:UI中国

作者:摹客Mockplus

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

THE END
1.广告语生成器提起商标logo免费一键生成,大家都知道,有人问现在网上有很多“logo在线制作,免费logo在线生成的网站”。不知道那个比较好,有没有推荐的。。。,另外,还有人想问logo生成器目前选什么样的更好?想了解情况。,你知道这是怎么回事?其实logo自动生成工具有?一般选哪款好?,下面就一起来看看现在网上有很多“logo在线制作http://www.chile-dominios.com/zwfw/4250.html
2.帮助用户在互联网上建立自己的数字身份和社交关系。为了在SD关键词网站上构建一个有吸引力的个人网络和社交圈,原创和专业性是非常重要的。我们应该注意发布高质量、有深度的内容,展示自己的独特观点和专业知识。同时,我们也应该积极参与他人的讨论和交流,以展示自己的开放思维和合作意愿。 自动排版和无序号 https://waihh.cn/post/8503.html
3.logo在线制作生成器随着互联网的不断发展和用户需求的不断增加,越来越多的企业开始涉足网上商业市场。在这个过程中,企业要面临诸如网站建设、品牌形象等众多方面的问题。其中,品牌形象对于企业的发展至关重要。而通过一键自动生成专业Logo,仅需5分http://www.chinauci.cn/news/design/30774.html
4.自动生成Web2.0风格字体LOGO的网站[转载]earlier今天在网上看到一个可以在线生成web2.0风格图片的网站,觉得蛮好的,在此共享一下。 它提供有一个可以在线生成web2.0风格图片的程序,你可以输入一些字符(不支持中文),然后选择是否显示倒影以及Beta的标识,它会自动帮你生成具有web2.0风格的logo,比如上面这个。 https://www.cnblogs.com/ajaxworld/news/810157.html
5.logo自动生成logo自动生成工具本专题页面介绍了logo自动生成的设计概念和工具,提供了简单易用的在线设计工具和多种设计模板风格推荐,帮助您快速创建符合需求的logo设计。https://m.gaoding.com/features/generate-logo-design
6.草料二维码生成器一站式二维码生成工具,免费可用。提供编码解码、数据统计、富文本和多媒体展示、表单制作、美化标签、批量管理等功能,并可作为无代码平台,搭建二维码信息系统。https://cli.im/
7.logo免费自动生成器app推荐免费制作logo生成器软件大全设计logo用什么软件好?免费自动生成logo软件有哪些?用户的logo使用方向的不同,那么所选择的版块以及最终的成图都有很大的区别。并且有的一些设计生成软件都是需要付费的,不过后续的logo所有权就属于你了。所以涉及logo的商业使用,一定要看最终的所有权是谁的。 http://www.5577.com/k/logomfzdscq/
8.支付宝支付宝,全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA收款等生活服务应用。https://www.alipay.com/
9.京东(JD.COM)京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。http://jd.com/
10.设计神器Namelix!品牌LOGO全自动AI在线生成优优教程网在第二步我们可以 Select a name style (选择品牌名LOGO的风格),目前有7 种风格可以选择,比如像 Google 一样的纯文字简洁风格、像 Apple 亚马逊一样的比较写实的风格、等等等等。 要是大家不知道自己想要哪种风格,那就选 第一项 Auto 自动就可以了,选中它以后可以随机生成后各种风格的LOGO。 https://uiiiuiii.com/software/619774.html
11.logo自动设计生成器logo自动设计网站一个logo就产生了,不过logosos目前只有苹果系统,没有安卓系统的 万动力(www.wandongli.com),专业的logo免费设计在线生成网站,全自动智能化logo设计,商标设计,logo在线生成! 欢迎使用万动力制作属于您公司自己的logo,不仅专业而且经济实惠,全方位满足您公司品牌化、视觉化的需求。https://www.wandongli.com/news_detail.html?id=31009
12.gif制作gif动图gif动画图片在线制作软件1.添加好图片之后,点击“文字样式”选项;2.添加想展示的文字,点击添加文字;3.在“字体设置”选择您想要的字体、字号、颜色;4.选择想要的“字体效果”5.点击生成即可生成并保存。 多图合成之后就不会动了? 1. ctrl+f5强刷网站在尝试一下2. 清空浏览器缓存在试下 https://gif.55.la/
13.软件实施工作总结10篇1.与账务系统衔接自动生成记账凭证 如何做到信息系统与会计核算软件的衔接是信息系统设计时的瓶颈。在软件设计过程中,我们本着一切以财务规章为依据的理念,尽量满足会计工作站在进行账务处理时的各项要求。资产管理信息系统和会计核算软件是两套相对独立的软件,要将这两套软件衔接起来,经过反复的讨论、修改、完善后,关键https://www.yjbys.com/zongjie/gerenzongjie/1626408.html
14.Alibaba.com:Manufacturers,Suppliers,Exporters&ImportersConnect with a variety of suppliers with third-party-verified credentials and capabilities. Look for the "Verified" logo to begin sourcing with experienced suppliers your business could rely on. Watch video Learn more Protect your purchase with http://alibaba.com/
15.Namelix在第二步我们可以 Select a name style (选择品牌名LOGO的风格),目前有7 种风格可以选择,比如像 Google 一样的纯文字简洁风格、像 Apple 亚马逊一样的比较写实的风格、等等等等。 要是大家不知道自己想要哪种风格,那就选 第一项 Auto 自动就可以了,选中它以后可以随机生成后各种风格的LOGO。 https://pidoutv.com/sites/5055.html
16.图文并茂全面总结上百个AS好用的插件网上的有些动图要么太模糊,要么版本太旧,要么就是速度太快看不清。所以我把很多插件的用法自己做了一个录屏,做成gif动图。另外自己也做了一些图片对比图,方便别人查看插件使用前后的区别。(有些图片用的是网上的或者官方的,在此感到抱歉,因为那些图片能够解决问题,也没什么大的问题,所以暂时借用了。)https://blog.itpub.net/4687/viewspace-2812583/
17.ASP.NETCore适用于.NET的开源Web框架NET 在 GitHub 上是开放源代码的,已收到 100,000 次贡献,并已有 3,700 家公司参与。 加入.NET 社区 Azure 上的免费托管 使用Microsoft Azure 可免费获取 10 个 ASP.NET Core 网站。 还可以部署到任何主要云平台、自己的 Linux 或 Windows 服务器,或多个托管提供程序其中之一。 https://asp.net/
18.logo设计软件免费版logo设计免费生成器下载推荐理由:小牛logo设计app是一款在网上设计制作logo的软件,里面有一万多种logo供你选择使用,覆盖了互联网、电子商务、餐饮食品、金融、工业机械等各种行业。对于软件所提供的logo,可以自己对其具体的内容进行修改,从而完成 下载logo设计生成器app 2023-07-0418.7M https://www.qqtn.com/qqkey/lsmtxdzb
19.智能logo设计logo在线设计制作logo一键生成在我着急的情况下,第一次尝试在线设计,还能得到满意的logo,意外之喜啊,关键价格还实惠。 上海上海联通 [132***579 ] 09月21日 通过小威智能在线LOGO设计工具自动生成的LOGO设计方案,不仅选择多,而且还很便捷。我们选中这个LOGO也是觉得它很好看。 江苏https://logo.xwzn.cn/
20.图片制作在线生成器(图片在线制作免费生成)2、如何在线将图片生成windows桌面图标ico文件 3、求在线生成带字图片的网站 4、网上怎么制作图片 5、微信扫码支付截图生成器,微信扫一扫支付怎么弄成图片 6、自己在线制作logo免费,有什么好用的logo手机制作软件吗 什么软件可以做这种圆头像的图片? 直接使用一些在线图片制作在线生成器的圆形头像制作工具就行了,简单快捷https://www.huoban.com/news/post/127651.html
21.有哪些好玩的生成器?LOGO生成器YYDS腾讯云开发者社区LOGO生成器YYDS 有哪些好玩的生成器? 例如狗屁不通文章生成器, 骂人词生成器等等 给大家整理了6个非常好玩有趣并且超有用的生成器 让你忍不住和朋友们分享的宝藏神器。 1 热搜生成器 http://crge.cn/tools/resou/index.html 想上热搜,很简单,打开热搜生成器,就能实现抢头条的梦想,峰哥看了那不得 。https://cloud.tencent.com/developer/article/1927165
22.SpeedtestbyOoklaUse Speedtest on all your devices with our free desktop and mobile apps.http://www.speedtest.net/
23.第四波!2022年7月精选实用设计干货合集优设网根据LOGO自动生成品牌素材的服务 https://www.crowdspring.com/brand-studio/ 品牌设计通常会需要完整的设计规范和大量的辅助素材作为补充,而这个名为 Brand Studio 的服务可以根据他们事先提供的海量数据,通过算法根据你所提供的品牌、行业等信息,帮你直接生成可用的品牌设计素材,各种不同功用的免费模板,包括商业提案、https://www.uisdc.com/2022-7-design-resources-vol4
24.头像制作logo免费生成器如何自己设计网络社交圈的头像Logo? 当我们上网时,我们无法避免网上社交。 网络社交网络给人的第一印象就是头像。 通过一个人的头像,我们可以隐约猜测对方的性格和喜好,所以一个合适的头像非常重要。 并且一些社交论坛不允许广告。 如果我们做生意,想要在社交的同时宣传自己的生意,其实我们可以从头像入手。 如果我们把https://wen.nuanque.com/katong/6634.html
25.java自动生成印章51CTO博客已为您找到关于java自动生成印章的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及java自动生成印章问答内容。更多java自动生成印章相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。https://blog.51cto.com/topic/javazidongshengchengyinzhang.html