-
7个用户心理模型+6个行为模型
一、用户心理模型 1. 用户心理模型是什么？ 用户心理模型是用户对产品如何运作的一种假设或预期。它基于用户的过往经验、直觉、认知能力以及对类似系统的熟悉程度。这种模型决定了用户在面对新产品或界面时，会如何使用、理解和解决问题。用户心理模型影响着他们的操作习惯和期望。如果产品设计与用户的心理模型相匹配，用户会觉得操作“顺理成章”；如果不匹配，则可能导致迷惑、挫败感，甚至放弃使用。设计师的目标是尽量贴…- 14.2k
-
5个章节掌握标签 Tag 设计方法
一、标签是什么 在日常生活中，“标签”通常指的是贴在包装或产品上的贴纸，上面写有相关产品或物品的具体信息。而在界面上，标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段，当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息，以提升用户的搜索效率。 随着社交媒体的兴起，标签开始流行起来。Instagram、Pinterest…- 12.3k
-
保姆级教程！总结AI产品的5种界面布局设计
哈喽，这里是设计夹，今天分享的是「AI 产品界面布局分析」。 当下，AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务，所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式，将 AI 助手界面总结为五类 UI 布局，并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行： “输入内容”和“微交互（视觉反馈）”。虽然每…- 7k
-
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展，弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息，提供更多的交互方式，以及增强用户体验。但是，设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多，比如弹窗的类型、场景、功能、样式等等。同时，弹窗是一把双刃剑，用的好能使用户行为更加聚焦从而提效，如果使用的不恰当，可能会使用户产生负面情绪甚至击退潜在用户。因此，本文将为大家系统…- 6.5k
-
UI设计师必看！5个章节教你系统掌握Toast设计
在数字化产品的交互体系中，Toast 作为一种轻量级反馈组件，如同用户操作旅程中的“耳语提醒”——它不打断主线任务，却能在恰当的时机传递必要信息。Toast的设计绝非简单的“弹出提示”，而是需要融合场景逻辑、认知心理学与交互美学的系统工程。以下将从定义、核心设计原则、场景应用到未来发展方向几个方面，全面解析这个“小而美”的组件如何撬动用户体验的大价值。 一、Toast 的定义 一位前谷歌微软员工被…- 6.4k
-
5亿人在用的美团外卖，为什么「更多」菜单设计非常混乱？
在日常生活中，我们频繁使用美团外卖订餐。而点击底部导航栏的「更多」按钮时，你是否也被那个一口气塞进 12 项功能的抽屉菜单弄得一头雾水？今天，就带你从一个体验设计师的角度，细细剖析这个「更多」入口的设计问题、背后的产品逻辑以及优化思路。 一、界面观察：点开「更多」后的困惑感 点击底部导航栏的「更多」图标后，界面弹出一个抽屉卡片，共显示 12 个菜单项： 红包、代金券、神抢手券、津贴、米粒、收藏 企…- 5.7k
-
模式+类型+原则保姆级教程！超全面的新手引导设计指南
哈喽，这里是设计夹，今天分享的是「新手引导设计」。 不知道大家是否有过相亲经历？相亲通常需要多见几次面才能确定彼此是否合适，但初步印象基本上初见面就有了。第一印象好，才会想再见第二次。 产品和服务也是一个道理——用户刚接触新产品时，最初几分钟的感受特别关键，直接决定了他们是继续使用还是离开。 所以，新手引导不能只停留在“教操作”的层面，更得想办法留住用户，让他们愿意一直用下去。今天就来聊聊，如何设…- 5.3k
-
2026最新版！UI、交互、体验设计师的岗位有哪些工作区别？
UI 设计虽然理论上是个独立的设计行业，但在现实场景中，它却有不同的细分工种，以及每个工种在实际工作环境下还有不同的工作要求和倾向。 作为新人自然很难全面且深入的接触不同领域的具体工作场景，且最近这类问题又多了起来，所以我们打算更新一篇新的扫盲，来系统解释 UI 设计的真实岗位要求与工作内容，别让大家2025年还在迷惑设计师的定义问题。 一、UI 设计的主要细分岗位 UI 设计在今天衍生出不少设计…- 3.6k
-
3个章节帮你掌握用户目标与交互目标
一、用户需要达成什么目标 在交互设计中，用户的目标可以理解为他们希望通过使用产品完成的事情。换句话说，就是用户打开你的产品时“心里想要达成的事”。这个目标可能是很直接的，比如在外卖 App 上订一份喜欢的午餐；也可能是抽象的，比如通过一款学习软件提升自己的外语水平。无论目标是什么，用户都期望在操作的过程中高效、顺畅且愉快地达成目标。 交互设计的核心，就是帮用户拆解这些目标并找到最优路径，让他们觉得…- 3.3k
-
想做好会员体系设计？来看百度APP的案例复盘！
前言 为深化会员服务、契合会员价值与用户需求，本次围绕“转化提效”“权益升级”两大战略变化焕新升级，一方面简化支付链路，让用户便捷感知会员价值、顺畅完成转化；另一方面引入短篇故事等权益，丰富会员体验。为会员体系的长效运营及业务增长注入新动能。 一、设计背景 当前会员价格链路深，优惠信息感知弱，转化力不足；权益项分布平均给用户带来“什么是核心权益”的感知不明确。以及旧版的 ICON 色彩鲜亮跳脱，带…- 2.6k
-
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书，提出了从 5 个要素自下而上的建设用户体验。五要素分别为：战略、范围、结构、框架、表现。 战略层关注的问题是为什么做？—— “我们为什么要开发这个产品？” 范围层关注的问题是做什么？——“我们要开发的是什么？” 结构、框架、表现层则需要解决怎么做？——“我们如何达到上述抽象层…- 2.5k
-
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（GenUI），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为交互设计发展的新趋势。 全文速览图 一、什么是 GenUI？ GenUI 官方定义是： 由 AI 模…- 2.1k
-
3分钟快速搞懂！导航栏/标签栏/应用栏的区别和设计规范
例如在谷歌的Material Design 3设计指南（MD3）中，①为导航栏，用于切换应用内3-5个核心功能版块；②为顶部应用栏，③为底部应用栏，聚焦当前页面的导航控制（如返回）、功能操作（如搜索）与信息展示（如标题）。 但在苹果Human Interface Guidelines设计指南（HIG）中，将①定义为标签栏，将②定义为导航栏。 为什么HIG中对导航栏的定义不同呢？ 我认为iOS中的②…- 2.1k
-
设计师最该偷懒的环节找到了！劝你别死磕交互文档的4个原因
所谓「交互」，全称是「人机交互」，意思是人和机器的交流互动。交互设计，就是在 UI 方案之前，先构思用户如何操作机器（App/网站/软件/硬件……），又如何从机器获取信息反馈的。 通常来说，交互设计是 UI 设计之前的步骤。不同公司分工不同，可能有专职交互设计师，也可能交给 UX 设计师，还可能由产品经理负责。 交互设计交付的东西，有两种，一是交互方案，二是交互文档。 这两个东西别看都叫…- 2k
-
如何做好AI产品的体验设计？先掌握这7个原则！
设计师们正在探索未知领域。十多年来，我们首次在用户体验设计中面对一个未被开垦的全新领域。这里没有现成的剧本，也没有既定模式可供参考。即便是最前沿的 AI 实验室，也在通过实验不断学习，观察哪些新交互方式能引发用户共鸣。 这让我想起移动触控界面初现时，设计师们创造了如今我们习以为常的交互模式。正如早期 iOS 和 Android 的设计选择定义了移动计算时代，今天的突破正在塑造未来数十年我们与 AI…- 1.7k
-
设计师在公司没有话语权？5个步骤教你快速破局！
设计存在感低的问题，是系统性结构约束和自身可优化短板共同作用的结果：一个是舞台受限，一个是表演方式待进化。 对于大多数设计师而言，真正可控的破局路径，第一步只能从自己出发——回归手头任务。 一、为什么首先是回归手头任务？ 当我们谈到“破局”“提升话语权”，视线很容易被远处的蓝图吸走，落入“假大空”的陷阱。 大处着眼，小处着手，虽然没有话语权、想要破局的原因正是来自这些手头任务带给我们的感觉，但话语…- 1k
-
产品接入AI的正确打开方式！4 种落地策略，照着做就行
一、全文速览图 「你们产品准备怎么接 AI？」 每次开会领导都会这么问，我的心里就一紧。 不是不想做，而是真的不知道从哪儿下手。 我试过一些「看起来很 AI」的方向：做个 IP 形象再配个 AI 问答（像噱头）、上个文生图（偏娱乐）、再不然就照着外面的「大厂玩法」抄一遍……但落到我负责的、以效率为重的 B 端产品里，总觉得哪里都不对。 更要命的是：网上的大 V 今天说「这个 AI 改变历史」，明天…- 4
设计文章
汇聚优质设计文章，分享创意灵感与干货，助力设计师持续成长
扫码打开当前页
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×