首页

毫无亮点的界面,该怎么加设计感?这个破班,不上也罢!

涛涛 设计思维

你是不是也常遇到这种情况:拿到手的界面原型平平无奇,满屏都是基础文字和按钮,想优化加设计感却无从下手,改来改去要么还是单调乏味,要么画蛇添足影响体验,最后只能烦躁吐槽:“这破班,不上也罢!”

高效导航:B 端顶部导航设计解析

涛涛 设计管理与成长

曾几何时,做 B 端产品设计时,总觉得顶部导航不过是把功能菜单横向排列,找现成的组件拼一拼就能用,无需过多打磨。早期不少中台产品的顶部导航,甚至只是简单的文字罗列,连基础的视觉区分都做的不到位。

别再让卡片设计逼走程序员!落地级精致设计心法,新手也能直接抄

涛涛 设计管理与成长

其实 APP 里的卡片设计,从来不是越花哨越好,核心是 “精致落地两不误,视觉实用双在线”。那些让程序员头大的设计,大多是踩了 “过度设计、无视实现逻辑” 的坑;而那些看着普通却超好用的卡片,都藏着可复用的设计逻辑。

设计的理性与感性:以逻辑为基,以情感为翼

涛涛 设计思维

设计的感性与理性之争,似乎从未有过标准答案。有人将设计视作灵感迸发的艺术创作,重感性表达;有人将其当作解决问题的工程实践,尊理性决策;也有人笼统说 “要平衡二者”,却始终说不清该如何平衡。事实上,这场争论的核心误区,在于混淆了设计的决策过程与表达结果两个维度。设计从来不是非此即彼的选择,而是一场理性为根、感性为枝的生长 —— 理性决定设计的方向与可行性,让设计不偏离解决问题的本质;感性赋予设计的温度与感染力,让设计超越功能成为与用户共鸣的载体。二者并非对立或并列,而是层层嵌套的先后关系:先以理性锚定目标,再以感性点亮价值。

别再做假大空的用户画像了!手把手教你落地实操

涛涛 用户研究

宝子们好久不见!失踪人口正式回归~ 今天来扒一扒设计师作品集里的重灾区 ——用户画像,多少人做的画像要么是 “小美小帅式” 的废话文学,要么是拍脑袋瞎编,面试官一眼扫过直接摇头。这篇文主打一个接地气,从概念到实操,从避坑到案例,保你把用户画像做透,作品集里这一板块直接封神!(全文唠嗑式输出,摸鱼时间放心看~)

为什么AI图标都爱用“菱形十字星“这个视觉符号?

清阳 图标设计文章及欣赏

从谷歌的Gemini到ChatGPT Plus,从Photoshop的智能填充到钉钉的AI助理,这个符号似乎已经成为了AI的专属标志。这篇文章将带你深入了解“菱形十字星”的起源、发展以及它在AI图标中的广泛应用,探讨这个视觉符号如何成为AI时代的标志。

不知道大家有没有发现一个现象,现在很多AI标志或图标里都带有“菱形十字星”元素,自带一股科技感和闪光感。这个设计风向实际已经兴起两三年了。

2022年ChatGPT的发布直接给IT行业来了一场大变革,之后大部分应用都开始接入AI功能。设计师们琢磨来琢磨去:到底用啥图标代表AI好呢?最后“菱形十字星”成了共识。

接下来就如大家所见了,哪里有AI,哪里就有菱形元素——谷歌的Gemini、Figma AI、ChatGPT Plus、PS的智能填充、有道词典的logo、钉钉的AI助理、百度搜索的问AI……

那么“菱形十字星”元素是如何演变而来的呢?又是从什么时候开始、因为哪些原因,这个视觉符号逐渐成为AI专属标志的呢?一起来看看~

01 “菱形十字星”的起源

说起菱形元素的最直接的起源,在日本漫画里其实早有踪迹。

在日本流行文化里,“菱形十字星”元素常用来突出漫画人物角色的眼睛或者强调某个场景。到了20世纪70、80年代,它逐渐成为一种视觉符号:只要角色看到想要的东西或者喜欢的人,或是觉得某件事很酷很惊喜,眼睛里就会冒出这种闪光的菱形十字星。

后来到了1999年,日本电信公司Docomo创造了第一批“表情符号”,突破了纯文字交流的局限。当时设计师栗田重隆一共设计了176个表情,其中就有个菱形十字星图案 (左下角),能把这个图案加进去估计就是因为它在当时的日本流行文化里太有存在感了。

直到2010年,这个表情加入到Unicode 6.0标准,表情的官方名称叫Sparkles,从此在全世界的数字设备上都能使用它了,也就是现在咱们手机里打出来的✨表情。

02 AI视觉符号的发展

1990年Photoshop推出了“魔棒”功能,这让菱形十字星元素在数字世界里的存在感又上了一个台阶。估计不少设计师都用过这个功能:点一下魔棒工具,就能选中图片里颜色相近的区域。在此之前,要做这事要么手动用橡皮擦,要么一点点框选,操作起来很麻烦。

不过话说回来,跟其他图标比,“魔棒”图标表达出来的含义其实挺模糊的。你看时钟、日历、文档、放大镜、垃圾桶这些图标,一看就知道是干啥的。

但魔棒图标是啥意思?可能真说不准。正是由于这种特性,“魔棒”适合表达新颖、神秘、美好、便利等含义 (魔法棒一挥,美好的事情即将发生)。

后来在图片编辑领域,菱形十字星元素用得越来越频繁。只要是能“少动手”的功能,比如自动调色调、快速选区域、滤镜,在设计图标时都喜欢加入菱形十字星元素。

到最后,只要是能自动处理各种繁琐任务、个性化定制的功能图标,都会加入菱形十字星元素。现在它几乎成了一个万能的图形,所有让人觉得亮眼的功能,好像都能用菱形十字星表示。

真正让菱形十字星元素和AI绑定在一起,是2020年谷歌相册推出的AI图像增强功能——与其向普通用户解释AI多复杂,不如直接传递“神奇的事情马上要发生”的感觉。同年谷歌表格的“探索”功能也用了菱形十字星元素,通过机器学习给用户推荐主题。这大概是谷歌首次尝试给AI功能建立“视觉符号”。

此后菱形十字星元素迅速成为AI功能的视觉语言。各大公司好像心照不宣都开始用它代表AI——你用我也用,慢慢就成了行业特征。

在AI人工智能刚兴起的时候,许多设计师可能都面临类似的困惑:如果必须用一个图标来代表AI,它会是什么形状?最开始有人使用机器人、大脑、芯片、灯泡或复杂电路图案等图形代表AI。但AI智能且复杂,要找个视觉稳定、可扩展且美观的图标来代表,好像前面这些选项都差点意思——所以最后还是用”菱形十字星”这种视觉上最亮眼的图案成为首选。

03 AI图标未来会变成什么样?

现在菱形十字星常作为辅助元素在图标里搭配使用,而不是单独使用。

比如夸克的AI搜索是一大一小两个菱形搭配;有道的句子润色是魔棒搭配菱形;稿定AI平台对菱形用的更广泛,凡是跟AI相关的功能,像创意画布、AI改图、AI扩图等功能图标中都有菱形十字星作为辅助元素。

虽然菱形十字星用的越来越频繁,但也有一些产品在尝试减少菱形的使用并探索更加个性化的AI设计图标。

比如Notion刚开始推AI功能时用的也是菱形十字星图标,后来AI功能逐渐完善了之后就将AI换成了人脸效果的图标,这个图标让Notion的AI视觉效果一下子有了辨识度。

最后

说不定等AI完全变成标配功能之后,咱们还会重新用回那些传统的图标。就像90年代的软盘保存图标一样,菱形十字星或许也会成为一个时代的标志。

但在此之前,菱形十字星很可能仍将作为一种重要的视觉语言,象征着向AI人工智能时代的过渡,成为我们拥抱和理解新技术的标志

转载:人人都是产品经理

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

读懂用户心理,才是好 UI 设计的开始

清阳 设计思维

在设计领域,优秀的用户界面(UI)设计,从来不止是视觉上的美感,更是对用户心理的深刻理解。本文将带你深入了解优秀 UI 设计背后的心理学原理,揭示为什么某些设计能够让人感到自然、流畅,甚至在无意识中提升用户体验。
 
你肯定遇到过那种用起来恰到好处的设计。一切元素仿佛都在它该在的位置,你无需费力去辨认、思考,也不会烦躁地点来点去才能弄明白。
 
这可不是什么魔法,背后靠的是成熟的心理学原理。
 
出色的 UI 设计,可不只是选对了色调,或是用了漂亮的字体。它之所以好用,是因为洞悉人们的思维方式:知道人们会注意什么、忽略什么,以及什么会让用户感到舒适、顺畅。
 
下面我们就来剖析优秀 UI 设计背后的心理学原理,帮你打造出让用户轻松上手、体验感极佳的界面。
 
兰亭妙微 UI 设计公司多年专注于用户界面与体验设计,坚持以用户心理为底层逻辑,在美观与易用之间找到最佳平衡,让每一个界面都好看、好用、好懂。

 

1.大脑是个 “偷懒的天才”(认知负荷)

关键在于:人类的大脑很强大,但也超级 “偷懒” 。

我们一直都在努力节省脑力。这就是为什么优秀的 UI 设计不会让人们进行没必要的思考。要是你的应用程序用起来像解谜游戏,用户会直接离开,说不定走之前还会留下一篇言辞激烈的差评。

设计不是为了炫耀你有多聪明,而是要让用户感觉自己很聪明 。

这些技巧能让大脑 “不宕机” :

  • 清晰呈现层级关系。通常,每个界面只设置一个主要操作就够了。
  • 别搞没必要的选择。这又不是智力竞猜节目。

把复杂内容藏起来,等需要的时候再展示。(对,说的就是你 “高级设置” 。 )

2.“选择过多” 问题(希克定律)

希克定律很简单:你给别人的选择越多,他们做决定花的时间就越长,而且越想哭,或者直接放弃。

你有没有盯着一个按字母顺序排列,从 “阿富汗” 开始罗列了 30 个国家的下拉菜单发懵?就是这种情况。

设计要做的是减少决策难度。不是剥夺用户选择自由,而是让选择路径一目了然。

像极简主义者一样设计:

  • 把大任务拆分成小步骤。
  • 突出最常见或推荐的选项。
  • 使用默认设置,反正大多数用户都会选它。

3.目标应易于点击(菲茨定律)

小得可怜的按钮、细得离谱的文本链接,还有关闭按钮 “X” 比果蝇还小的可关闭弹窗。

我们都为此吐槽过。菲茨定律表明,点击某物所需的时间取决于两个因素:目标的大小和距离。所以,要是你想让用户真的去点击按钮,那就得让它便于点击。

实用建议如下:

  • 增大触摸目标,在移动端尤其如此。毕竟没人能像忍者那样手指精准。
  • 把主要按钮放在易于触及的位置,想想大拇指操作的区域。
  • 避免将操作按钮堆叠得太近。误触现在可是新的“抓狂乱点”源头。

4.视觉层级:为何你的用户会迷失

用户看屏幕可不是从上到下逐行阅读,他们浏览的样子就像喝了浓缩咖啡的松鼠,这儿瞅瞅那儿看看。

所以,你得像指挥家引领管弦乐队那样把控视觉层级。通过尺寸、颜色、粗细和间距来告诉用户:“嘿,先看这儿!”

要是没有视觉层级,所有元素都在争抢用户的注意力。可要是所有元素都在大喊大叫,那就什么都听不见了。

不妨试试这些方法:

  • 主要操作使用粗体,不太重要的内容用细一些的字体。
  • 像对待本职工作一样利用好留白(因为这就是你的工作)。
  • 想快速检验效果?眯着眼看你的设计,最先映入眼帘的就是焦点。

5.熟悉感胜过创意

你或许想成为按钮设计界的毕加索,或者重新发明导航栏。但你猜怎么着?人们偏爱他们熟悉的东西。

登录表单总是按固定顺序设置邮箱和密码输入框,这并非偷懒,而是因为大家对此熟悉。

具体做法如下:

  • 关键流程,如注册、结账、导航等,沿用标准的UI模式。
  • 把创意用在微交互或视觉效果上,别用在基础布局上。
  • 记住:熟悉意味着可靠,怪异则会引发怀疑。

6.物以类聚(格式塔心理学)

格式塔心理学本质上是我们大脑快速解读现实的方式。我们不会把事物看成孤立的元素,而是依据接近性、相似性、对齐方式和连续性对它们进行分组。

如果你的用户界面(UI)不遵循这些模式,用户就会感到困惑。而困惑会让用户迅速关闭页面。

举例如下:

  • 外观相似的按钮应该执行类似的操作,别误导用户。
  • 在表单中,将相关字段放在一起,别把“姓名”和“邮箱”像彩蛋一样随意分散。
  • 对齐内容,未对齐的元素会在潜意识层面引发混乱。

7.情感大于逻辑

告诉你个秘密:人们做决策时凭的是情感,之后才从逻辑上找理由。这一点在 UI 设计中同样适用。

想想看,你有没有因为某个按钮给人的感觉很好就点了它?比如那令人愉悦的悬停效果,或是那巧妙的动画。

设计能引发愉悦感,也可能带来挫败感。

如何从情感角度进行设计:

  • 使用有个性的微文案,一点点魅力就能产生很大效果。
  • 动画要流畅得像黄油般顺滑,而不是像迈克尔・贝电影那样夸张。
  • 打造令人愉悦的瞬间:比如一条欢快的成功提示信息、一个五彩纸屑动画,或是一个让人满意的加载状态。

8.人们记住的是峰值与结尾(峰终定律)

用户不会记得使用过程中的每一秒,他们记住的是最强烈的瞬间和结尾,这就是峰终定律。

所以,如果你的结账流程十分顺畅,但确认页面却像 404 错误页一样糟糕,猜猜他们会记住什么?

设计小贴士:

  • 找出你的“峰值时刻”,让它们令人愉悦。
  • 绝不要忽视结尾。确认消息、感谢页面、注册成功页面,它们比你想象的更重要。

9.用户体验的真正大敌:不确定性

要是用户不确定某个按钮的功能,就会犹豫不决。而这种犹豫会破坏操作的连贯性。

最出色的用户界面(UI)能消除疑虑。它们仿佛在告诉用户:“嘿,点这儿,放心,不会误删所有东西。”

可以利用以下方法:

  • 清晰的标签:“保存草稿”就比“提交”更明晰。
  • 微文案:短短一行字就能打消用户的顾虑。
  • 反馈:及时告知用户刚刚发生了什么,以及接下来会怎样。

10.助你保持思路清晰的工具

说实话,有时候你确实没时间从头构建每一个流程。这时候,像 “Made in Figma” 这样的插件就能救急。

它能让你直接使用预先构建好的 UI 流程和组件,这些都遵循了最佳实践。无需猜测,也不用到处找灵感。就好比有个不唠叨的设计副驾在帮你

当我想在不牺牲质量的前提下快速推进工作,或者大脑靠咖啡因强撑,只需要一个可靠的布局来开展工作时,我就会经常用它。

额外福利:要是你还在看……

首先,感谢你。显然你对优秀设计非常上心。

其次,这里有一份基于心理学的 UI 设计小抄:

  • 去除干扰(少即是多)
  • 引导视觉
  • 遵循默认设置和模式
  • 兼顾情感与逻辑进行设计
  • 让用户有掌控感
  • 要是拿不准怎么做?别耍小聪明,保持清晰就

转载:人人都是产品经理

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

 

 

产品 UI 改版不翻车?兰亭妙微 UI 设计的 5 个升级方法论

清阳 移动端UI设计文章及欣赏

很多品牌和产品在做设计改版时,明明想让界面更美观、体验更流畅,却常常迎来用户吐槽。从 LOGO 更新到 APP 界面重构,一旦改动不当,很容易出现 “越改越难用” 的声音。兰亭妙微 UI 设计在长期的产品 UI 与品牌视觉项目中发现,用户抵触改版并非挑剔,而是习惯、情感与体验预期没有被兼顾。本文从用户心理出发,分享 5 个实用步骤,帮你降低改版争议,让升级真正被用户接受。

其实从品牌LOGO到产品APP设计,只要一改动,大家第一反应往往是持怀疑态度。哪怕团队前期把设计规划做得再周密,用户该不喜欢还是不喜欢。那这是什么原因呢,咱们一起聊聊~

01 用户为什么抵触改版?

抵触改版的核心原因主要有三个维度,咱们一个个介绍。

① 从心理学角度

看人们天生偏爱熟悉的安全感。在熟悉环境中,已知的规则和模式能降低决策压力,带来可控感。

熟悉度偏差

简单说就是“再好用的新东西,也不如熟悉的旧东西”。这是大脑的一种“偷懒”习惯——处理熟悉的事不用费太多劲,所以我们会默认熟悉的选择更安全、更舒服。

尤其面对变化时,这种偏差会更明显,让人忍不住依赖原来的使用逻辑和界面布局。

禀赋效应

这本来是经济学概念,放到产品里也特别贴切——人会觉得自己拥有的东西更值钱。对用户来说,常用的APP产品早就不只是工具了,更像自己的电子资产。

一旦重新设计,用户心里会有种“丢了东西”的失落感,自然会抵触。

② 从行为角度

看改变设计=打破习惯。用户体验专家雅各布·尼尔森说过一句话:人们不想花时间学习,只想花时间做事。这句话精准点出了用户对设计变更的不满——改设计本质上是让用户“打破旧习惯、学习新规则”,而这两件事都很难办。

使用习惯被打乱

常用的APP用久了,用户基本不用动脑就能操作,比如“点底部按钮进首页”“左滑删消息”。但设计一改,比如底部按钮挪到顶部、主屏幕能直接用的功能藏进了汉堡菜单,用户就得重新寻找和记住这个操作,让原本简单的操作变成了刻意寻找,增加使用麻烦。

三个行为解释为什么学习新事物这么难?

用户不想学新设计新事物,可能并不是懒,而是背后有三个行为逻辑在“拖后腿”:

  1. 自我决定理论:人在能自己掌控的事上,才更有动力。比如熟悉的UI界面,用户可以随意操作,完全自主;但新界面会把这种掌控感夺走,用户得跟着新规则走,失去了对APP的控制自然没动力学习新设计。
  2. 动机理论:人都偏爱即时回报。重新设计可能长期来看更好用,但短期得花时间去学、花精力取适应,这就是短期的损失。对比之下,当下的麻烦远比未来的好处更突出,所以用户自然会有抵触情绪。
  3. 避免失败倾向:谁都不想在使用APP时总是出现错误无法完成操作。用新的APP界面时,用户总会担心原来一眼找到的功能现在找不到了、按错了怎么办,所以宁愿使用熟悉的旧版本,也不想升级新版本。

③ 从商业角度

看有没有考虑过重新设计的核心目标,可能本来就不是为了吸引老用户?

先看看苹果iOS 26的更新介绍:新面貌、全新设计、全新设计元素、图标大焕新…宣传里都是“全新”“个性”这类词——其实很多品牌重新设计,核心目的是吸引新用户。

对企业来说要赚钱就得拉新,所以会用“亮眼的新功能”“颠覆性设计”吸引新用户。

新用户本来就是第一次用,不用适应旧版本,反而觉得新鲜;但老用户不一样,得花时间重新学、重新适应,相当于多了一道使用门槛。

所以老用户会吐槽“改得乱七八糟”,甚至要求回退到旧版本,本质上是和品牌的“拉新目标”冲突了。

02 五个步骤步做好设计改版

重新设计不是简单的改一改图标风格、调调按钮位置,而是从前期规划到后期落地,每一步都得考虑用户感受。

步骤①:先想清楚改版原因

在决定重新设计前得先明确:你的产品的核心价值是什么?重新设计要实现什么目标?

比如苹果的设计不管怎么更新,始终围绕“创新”“易用”“细节控”这几个核心——iOS 的大版本更新,哪怕界面变了,用户也会觉得“这很苹果”,因为它没偏离品牌的核心体验。

所以第一步不是怎么改,而是为什么改,确保设计改版和品牌价值、用户的核心需求对齐。

步骤②:从用户研究开始

减少抵触的关键是让设计贴合用户需求。

那怎么贴合呢?

主要靠用户研究。

先看看用户之前吐槽的点是什么,比如按钮太隐蔽、筛选功能不好用;再问问用户想要什么,比如希望能快速标记已读、想要深色模式。基于这些反馈做设计,既能解决老问题,又能让用户觉得我的意见被官方采纳了,加深参与感和荣誉感。

比如京东APP的15.0大改版,采用逐步放量来进行改版,京东内部一直强调“以客户为中心”,具体改哪儿、怎么改,都必须站在用户视角。

根据内部小伙伴透露: 京东APP改版从1%对外开放时就启动了用户建议收集,会快速根据用户的建议反馈、以及数据表现进行调整迭代。

这期间,很多用户给出很有价值的建议或反馈。从升级改版效果上看,多数用户在新版App上都比之前停留更长时间了,较好提升了用户体验。

步骤③:考虑功能使用频率

不是所有设计都能随便改,需要考虑这个功能或界面“用户用得多不多、重要不重要”。

比如Spotify之前在底部导航栏加了个“AI创建播放列表”的按钮,看似是个小改动却引来一堆吐槽。

因为底部导航是用户每天点几十次的核心区域,早就形成了肌肉记忆,突然加个按钮,用户很容易点错,还得重新适应布局。

所以设计改版前要先考虑:这个功能用户每天用几次?是不是核心操作?用得越频繁、越核心,改动时越要谨慎。

使用频率越高,重新设计时收到的负面反馈可能性就越大。

步骤④:改版也要保留“熟悉感”

重新设计不代表要“一刀切”,把原有的设计全部推翻,而是保留一些熟悉的元素帮用户快速适应。

比如推特改名“X”后,虽然图标从蓝鸟变成了X,主色调也成了黑白色,但发布按钮还是沿用了原来的蓝色,核心的界面布局也没大改。老用户打开APP不会觉得完全陌生,能更快接受X这个新品牌。

除非是彻底换赛道的大改版,否则尽量保留用户熟悉的识别点,比如常用按钮的颜色、核心功能的入口位置,减少陌生感的冲击。

步骤⑤:给用户选择权

用户抵触新设计很多时候是因为没得选。如果能让用户自己决定用旧版还是新版,抵触改版的情绪就会少很多。

像支付宝个人中心的改版,首次进入新页面会有一个“页面布局全新升级”的提示,用户可以自主选择“开始体验”或者“稍后体验”。

在新版页面的右上角仍保留“返回旧版”的入口,方便用户返回旧版熟悉的页面中。

这样一来,愿意尝鲜的用户就可以体验新设计,哪怕暂时不用新版,也不会抵触更新,毕竟选择权一直在用户手里。

03 改版后用户不喜欢怎么办?

不是所有的重新设计都能一次成功,改完后用户吐槽也很正常。关键是先判断吐槽主要集中哪些方面,再针对性解决。

① 如果吐槽集中在界面很陌生

比如用户说“按钮位置全变了,看着好别扭”“找不到原来的功能了”,这种情况大多是适应问题。用户刚接触新设计,原来的使用习惯被打破,自然会觉得麻烦。

但只要设计本身没问题,随着时间推移,用户慢慢养成新习惯,这种吐槽会越来越少。

这时候不用急着改回去,给用户一点适应时间就行。

② 如果吐槽集中在某个特定功能

比如用户一直说“保存按钮藏太深了,找半天找不到”“原来能直接用的筛选,现在要进二级菜单”,这种情况大概率是设计缺陷。

这类问题不会随着时间消失,反而用户用多了吐槽会越多。

这时候要赶紧收集反馈,分析问题出在哪里,比如把藏得太深的功能挪出来或者恢复常用的操作路径,别让一个小缺陷毁了整个改版效果。

最后不能指望通过一次改版把所有的旧问题解决掉。

设计改版是一个不断迭代的过程,就像很多大厂APP会搞A/B测试,快速试错后再优化调整。

所以说改版完成不是结束,而是根据用户反馈持续优化的开始!

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

深耕用户体验设计:从底层逻辑到多元实践

涛涛 用户研究

在数字化深度渗透生活的当下,用户体验(UX)早已不是互联网产品的专属概念,它从屏幕延伸到生活的每一个角落,从智能家居的语音交互到医院的就诊流程,从线下商超的购物动线到金融 APP 的转账操作,好的用户体验总能让人与产品、服务的连接变得自然且舒适。有人说 UX 设计是 “让科技懂人” 的艺术,也有人说它是兼顾功能与情感的科学,而其核心始终绕不开 “以用户为中心” 的底层逻辑。本文将从 UX 设计的核心定义出发,拆解其经典要素体系,探索跨领域应用场景,并结合当下行业趋势,聊聊如何让 UX 设计思维落地到实际工作与生活中。

5个让用户“快速决策”的设计技巧,新手也能会

清阳 用户研究

这篇文章将为你提供五个实用的设计技巧,帮助你提升产品的用户体验和决策效率。从增加紧迫感、使用默认选项和一键操作,到缩短操作路径、提供实时反馈,再到信息整理和分步呈现,这些技巧都能有效降低用户的认知负荷,帮助他们在最短的时间内做出最佳选择。

在产品设计的常规逻辑里,“延长用户使用时间”往往是核心目标之一。从算法推荐到趣味互动,大部分设计都在努力让用户多停留。

但设计的本质是服务需求,而需求从来不是单一的:对于内容类产品,“久留”是价值;但对于像打车、点外卖、订酒店票务等服务,“快速决策”才是用户的核心痛点。

今天就来聊聊如何通过设计帮用户快速决策,提升产品的核心竞争力~

01 加速决策的五种元素

心理学里有“快思考”和“慢思考”的概念:快思考靠直觉和本能反应,做出的判断偏情绪化;慢思考则是逻辑分析,决策会更谨慎、更深思熟虑。

赶时间的用户大多靠快思考做决定,下面这五种元素能帮他们加速决策:

  1. 紧迫感:在有限的时间内做出决定
  2. 最小化选择:能用最少的操作或最简单的输入完成事情
  3. 缩短路径:简化操作路径,方便用户及时看到需要处理的内容
  4. 即时反馈:对用户的操作给出准确及时的响应
  5. 信息简洁:仅在该出现的位置展示必要的信息

这五个元素的核心都是“降低认知负荷”,也就是减少用户需要动脑处理的信息量。

毕竟认知负荷越低,决策越快;要是信息太多导致 “认知超载”,理解起来费劲,决策速度自然就慢了。 接下来咱们看看这些元素的实际应用案例,搞懂怎么进行落地设计。

02 加速决策的5个设计原则

① 增加紧迫感

“错失恐惧”(FOMO,Fear of Missing Out) 表示怕被落下、被排除在外的感觉,商业里常用这招制造稀缺感,让用户觉得“不选就亏了”。

大家可能都经历过订机票或酒店时,页面上弹出“立即预订,不然价格要涨/马上售罄”的提示。这就是在强化紧迫感,用稀缺性鼓励用户快点下单。

设计方向↓

数量提示

比如预定酒店时,在酒店卡片上展示“直降xx元”、“低价房仅剩1间”等提示说明,营造低价房马上就没的紧张感。

类似的还有特价商品“仅剩x份”,目标小区的房源“仅剩x套”都是利用数量不断减少的提示,从而引导用户快速下单。

倒计时提示

倒计时用来提醒用户在限定时间内作出决定,常用在限时秒杀、限时抢购、优惠马上截止等强调时间性的活动中,营造出时间有限、优惠即将结束的紧张感。

② 使用默认选项和一键操作

根据希克·海曼定律,选项越多,用户越难下决定。所以与其给出所有选项,不如聚焦用户真正需要的,效果反而更好。

设计方向↓

提供默认选项

把对用户最重要、最实用的选项设为默认。
比如打开视频APP,首页会展示上次没看完的电视剧看到了第几集,引导用户继续观看。

听播客的过程中如果退出了再进入播客,页面上提示上次播放的位置,用户可以选择是否自动续播还是重新播放,再给用户提供便利性的同时保留了自出选择的权力。

还有在提交商品订单时,默认勾选优惠券抵扣、积分抵扣等优惠选项,方便用户快速提交订单。

一键完成操作

能让用户只需要点击一下就完成任务。比如输入密码时从密码库中一键选择保存好的密码,省去了输入密码和忘记密码再找回的麻烦;输入手机验证码时,验证码会在键盘上悬浮展示,点击一下即可完成输入,提高操作效率。

除了上面两个场景外,支付时的自动跳转也很典型——点击“立即支付”自动打开支付软件,接着用Face ID或者输入支付密码验证就能付款,最大限度地减少了不必要的交互,特别方便。

③ 缩短操作路径

快速导航就是用户不需要费力,一看就能理解、随手就能操作的界面。把操作路径缩到最短,用户就能用最少的操作找到需要的信息。

设计方向↓

简单快捷的手势操作

通过用户熟悉的的手势操作来找信息、做决定。比如职位详情页左右滑动就能查看不同的职位详情,省去了返回职位列表、滑动列表、再点击列表看详情等一系列的操作。

交友软件的滑动交互也非常经典,用户轻轻一滑就能匹配好友,不需要浏览复杂的个人资料。

输入内容自动补全/搜索发现

在搜索内容的时候提供搜索建议,比如输入地址时为用户提供更精确的地址建议,或者在输入网址链接时,根据历史搜索记录自动补全链接;还有根据搜索记录自动推荐一些用户可能感兴趣的内容,都是提高操作效率的好方式。

④ 实时反馈

用户操作后能马上得到反馈的界面,也能加快决策速度。

设计方向↓

提供加载动画、完成图标、震动反馈等多种反馈

比如苹果的Face ID功能,验证时不仅会震动,还有验证前、中、后的动画效果,最后还会显示成功或失败的图标。

实时反馈操作结果

在Nike的注册界面中,会把密码的四个要求展示到页面上,用户每满足一个要求就会自动在要求上打一个对钩,真正做到实时反馈;网络慢的时候,用骨架屏的方式进行界面预加载提示,这些设计能让用户立刻知道操作有没有成功,从而快速做出决定。

⑤ 信息整理&分步呈现

设计方向↓

信息可视化设计

  1. ·突出重要信息,把同类信息放在相同的布局里。
  2. ·用直观的“图标+文字”组合辅助理解。
  3. ·只显示关键信息,并使用“查看更多”来减少附加信息。

不必要的元素越多,用户越容易漏掉重要信息,还会产生决策疲劳。

例如在滴滴的打车界面中,只展示用户最关心的车费和预计到达时间,方便即时对比;通过图标+文字的排列组合,在选项较多的情况下,帮助用户快速理解;对于内容比较多的筛选条件,可以考虑优先展示最常用的选项,将不常用的选项收起来。

分步操作

如果需要呈现的内容比较多,还可以考虑采用分步的形式,让用户一步一步来,而不是一次填完所有信息。

分步操作能大幅度减少用户每次需要处理的内容,缩短页面停留时间。

比如选购汽车时需要选择很多的配置,就可以采用分步操作一页只做一件事 (One Thing per Page),每次只显示一个操作项,把选配置这个复杂的流程变得简单易操作。

最后

对于匆忙的用户来说,用户体验应该超越简单的界面,成为一个有助于快速做决定的场景。

设计时一定要帮用户用最少精力、最短时间做出最佳选择。尤其是需要即时反馈、信息清晰的场景,体验的好坏直接影响用户满意度。

 

转载:人人都是产品经理

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档