零基础进阶 UX 设计

六周走完一个完整的 UX 项目:从选题、用户研究、设计概念,一直做到界面原型与视觉稿,最后交出一份可以放进作品集的结课项目。
  • 小班课
  • 直播+录播
SCOPE
6 周 · 5 大专题 · 约 15 小时课程 · 30+ 次打卡作业
AUDIENCE
零基础或跨专业转向 UX,准备从 0 到 1 做出第一个作品集项目的学员
INSTRUCTOR
朝菌讲师团

课程介绍

6 周5 大专题约 15 小时课程30+ 次打卡作业

先把"体验"当成一个专业对象来看

没有产品是一座孤岛。产品不仅仅是产品。它是一个有凝聚力、综合性的体验。考虑产品或服务的所有阶段——从最初的意图到最终的反思,从第一次使用到帮助、服务和维护。让它们无缝地协同工作。
— Don Norman

上面这段话来自被称为用户体验设计之父的诺曼先生(Don Norman),它描述的是用户体验设计的工作内容。在真正理解这句话之前,我们需要先学会以一位设计师的专业视角来认知"体验"。

无论是工业设计师,还是随着设计产品与服务系统愈加复杂而诞生的专业用户体验设计师,他们都在设计服务于用户使用的产品;而用户在使用产品时,必然会产生各类"体验"——情绪的体验、感官的体验、舒适与否的体验、满意与否的体验,都属于用户体验的范畴。

一个以 3D 角色为主视觉的作品集网站首屏,深色背景配大面积黄色底版
创新 UX 设计形式

但它不是一味追求新颖

UX 设计并不是一味追求新颖的体验形式。任何体验设计都导向具体明确的设计目标,服务于设计任务的实现。

再回头理解诺曼对用户体验设计的定义——它是以用户为中心的一种设计手段,以用户需求为目标而进行的设计。设计"体验"不仅包括让软件易于使用,还包括设计与产品相关的其他体验,例如营销活动、包装和售后支持。最重要的是,用户体验设计关注的是提供解决痛点和需求的解决方案。毕竟,没有人会使用无用的产品。

那么,从哪里开始学

学习 UX 设计到底要学些什么、要从哪里开始学起?广义的 UX 设计包罗万象,可以说任何设计领域都需要体验设计的参与。就目前的学科发展与市场需求热点来说,UX 设计更集中运用于信息产品系统,以及其他由高新技术驱动的各类交互产品设计中。

黑金配色的科幻风格界面概念稿,由多个不规则多边形展示框拼合而成
UX 设计在 AI 数字人领域中的创新设计

这个方向的人才需求

如今,越来越多的设计人才涌入互联网产品市场。除却互联网岗位,在物联网、元宇宙、人工智能行业增速发展的时代,UX 设计人才的需求也越来越广泛,同时对设计师的职业技能要求也越来越高。

许多曾经攻读平面设计、建筑设计甚至服装设计的学生,纷纷转向 UX 设计岗位。如果你想学习 UX 设计,或者从事该领域的工作,那么你需要这样一门课程来帮助你入门。

这门课解决什么问题

零基础学习用户体验设计的同学,通常卡在同一批地方:知道要学,但不知道按什么顺序学;学了工具,但做不出一个完整项目。

  • 网上学习资源过于碎片化与分散,难以系统学习 UX 知识体系
  • 难以找到优质的设计案例,不了解专业的 UX 设计知识平台与学习资料
  • 理论知识学习与实践训练脱节,自学无法有效落实到真实项目产出
  • 对设计工具的学习流于表面,只能套模板模仿视觉效果,无法有效训练设计思维
  • 对整个 UX 设计流程不清晰,无法从 0 到 1 完整走完一套 UX 设计项目
  • 学习过程中无法有效发现个人存在的问题,遇到难点瓶颈无法及时解决

课程怎么组织

这是一门以项目产出为导向的课程:基础知识学习与作业规划严格按照标准的设计作品集项目产出流程来设计——通过设计背景研究细化设计主题、通过用户研究挖掘需求痛点、分析调研数据构建设计概念、完成低保真界面原型设计、完成界面原型视觉设计,最后汇总全部打卡作业产出结课项目。

学练结合:六周内完成课程学习与打卡作业练习,在走完 UX 设计项目完整流程的同时理解设计概念、掌握设计方法与工具,最终产出一份结构完整的设计项目,而不是"填鸭式"地把知识点听一遍。

六个可选设计选题,按难度分三档

开课之初有导学课,提供三类不同难度共六大设计主题,涵盖大学生活、乡村文旅、环保公益、城市公共服务、自动驾驶出行、AIGC 技术应用创新等方面。一个好的设计主题更容易产出具有创新性的高质量项目,但这恰恰是很多同学在做 UX 项目时忽略的一点——第一周你会挑选个人感兴趣的主题做背景调研并细化方向。

  • 简单 · 适合初步学习与尝试了解用户体验设计:面向大学校园学习生活的用户体验设计 / 面向城市公共服务领域的用户体验设计
  • 中等 · 适合完成一个较为深入的项目并参加交互方向相关比赛投稿:面向乡村文旅的用户体验设计 / 以环保公益为主题的用户体验设计
  • 较难 · 适合有志于参加交互设计方向保研、考研、出国的同学创作作品集项目:基于未来自动驾驶乘用车的用户体验设计 / 面向 AIGC 技术发展的应用与用户体验设计
导学课课件,按简单、中等、较难三档列出六个设计选题方向
导学课|三类难度下的六大设计选题

课程目录

6 个专题周35 条打卡作业

教师团队

  • 朝

    讲师团队

    朝菌讲师团

    本课程由朝菌学园多位讲师共同讲授,按专题分工授课。具体授课讲师阵容将在课程页陆续公布。

教学示例

19 个知识点

CHAPTER 1

通过设计背景研究细化设计主题

如何进行设计背景调研?如何进行有效的调研分析并提炼设计创新点?如何进行竞品分析并进一步深化设计概念?这些都是同学在学习 UX 设计时常见的痛点。第一周的课程介绍了设计背景研究的意义,并讲解了经典的分析工具与方法,帮助同学以专业的调研方法挖掘设计主题的深化方向,避免以"拍脑袋"的模式随机推进。

知识点 ②

设计背景研究的意义与分析工具方法

PEST、SWOT 是经典的背景调研方法。课程以真实 UX 设计案例为引导,着重介绍这两类方法在 UX 设计领域中的应用知识与视觉展示效果——在了解工具内涵与适用情景的同时,学习优质的视觉样式,把分析结论落实到视觉展示产出上。

并排的两张分析案例:左为星巴克 SWOT 四象限图,右为 Instagram 的 PEST 分析 第 1 张,共 2 张
并排的两张分析案例:左为星巴克 SWOT 四象限图,右为 Instagram 的 PEST 分析 第 2 张,共 2 张
1 / 2
设计背景研究分析工具|PEST 与 SWOT案例图片引自原推文,其中含第三方分析范例

知识点 ②·续

竞品分析的全过程

竞品分析是设计背景调研中最常用的分析工具。课程按竞品分析的完整流程来讲授——明确分析目标、明确分析维度、竞品数据收集、信息整理分析与报告、信息整理分析工具、最终视觉呈现效果,帮助同学真正掌握竞品分析流程,产出一份有理有据、视觉效果突出、可以直接放进作品集的专业竞品分析。

一份竞品分析表格,逐项对比五款纺织品设计软件的功能与优缺点
设计背景研究方法|竞品分析案例图片引自原推文

CHAPTER 2

通过用户研究挖掘需求痛点

用户研究是很多同学会忽视的流程环节。认知用户研究方法的类型,并根据项目需求与个人实际情况选择合适的调研方法,才能获得有效的用户调研数据,否则收集到的只是一些没有实际参考价值的"正确的废话"。分析呈现数据时,还需要用到用户画像、用户旅程图、故事板等工具,把死板的数据转化为生动有效的研究结论。

知识点 ③

用户研究方法(20 类)

课程介绍了访谈、用户反馈、焦点小组、参与式设计、A/B 测试等常见的用户研究方法,也展开介绍了眼动跟踪、点击流分析等前沿方法,共计 20 类,帮助同学掌握专业的用户研究理论知识,并在个人项目中训练实践能力。

用户研究并非一个单一的过程。一次用户研究活动中可能涉及多种方法的组合使用——基于研究目标选择合适的方法、设计整个研究过程,才是用户研究能否真正落地的关键。

六页课件拼合,逐条列出编号 1 到 19 的用户研究方法及其定义 第 1 张,共 6 张
六页课件拼合,逐条列出编号 1 到 19 的用户研究方法及其定义 第 2 张,共 6 张
六页课件拼合,逐条列出编号 1 到 19 的用户研究方法及其定义 第 3 张,共 6 张
六页课件拼合,逐条列出编号 1 到 19 的用户研究方法及其定义 第 4 张,共 6 张
六页课件拼合,逐条列出编号 1 到 19 的用户研究方法及其定义 第 5 张,共 6 张
六页课件拼合,逐条列出编号 1 到 19 的用户研究方法及其定义 第 6 张,共 6 张
1 / 6
用户研究|20 类用户研究方法介绍

知识点 ④

访谈提纲与问卷设计思路

课程详细拆解了真实专业案例中的用户访谈提纲设计结构,以及以挖掘目标用户痛点需求为目的的问卷设计方法,帮助同学理解一份对项目推进真实有效的用户访谈与问卷调研全流程,并把用户研究数据与分析结论落实到作品集的视觉展示中。

访谈提纲设计思路课件:以 AEIOU 框架拆解活动、环境、交互、物品、用户五类访谈问题
用户研究|访谈提纲设计思路(AEIOU 框架)

知识点 ⑤

用户分析与建模工具

用户画像、用户同理心地图与故事板是经典的用户分析与建模工具。课程详细介绍了用户画像的信息结构、同理心地图的分析维度,以及构建故事板的思维过程与视觉展示技巧,并以课后作业任务锻炼工具的使用能力,解决初学者"看完图例却不会在真实设计情景中有效使用"的学习难点。

课件左侧列出用户画像应包含的五类信息,右侧是一份完整的英文用户画像卡片示例
用户研究设计工具|用户画像案例图片引自原推文

知识点 ⑥

需求分析方法与结论呈现

需求分析是用户研究中帮助我们推进设计项目的关键一环。课程介绍了 KANO 模型法,以专业的分析方法提炼用户需求,并汇总于一张完整的用户需求分析图中进行结论展示。

课件展示 KANO 模型的四象限分类,右侧汇总为一张完整的用户需求分析图
用户研究分析方法|用户需求提炼展示

CHAPTER 3

分析调研数据构建设计概念

完成背景调研与用户研究之后,手里已经积累了大量调研数据与结论,下一步是在这些结论的支撑下深化并展示项目的设计概念。第三周介绍设计概念的深化与展示工具——利益相关者地图、系统地图、服务蓝图与商业画布,逐个解读概念与使用方法,并配合实际案例与实践作业在个人项目中运用。

知识点 ⑦

利益相关者地图

设计概念深化的过程中会涉及大量不同类型的用户群体:有些是直接用户,有些是间接影响设计项目推进的人群。利益相关者地图就是帮助我们系统、全面地展示设计项目所涉及群体的专业工具。

课程详细区分了主要利益相关者、次要利益相关者、第三利益相关者与第四利益相关者这四类的差别,并介绍了优质的利益相关者视觉展示图例。

课件展示利益相关者地图:以同心圆分层排布四类利益相关者
设计概念深化与展示工具|利益相关者地图

知识点 ⑦·续

系统地图

系统地图呈现的是利益相关者之间的关系,以及他们如何影响用户体验,是一次具体的系统思考。课程介绍了制作系统地图的步骤:一、围绕产品与服务列出所有的利益相关者与用户;二、连接所有不同的利益相关者,以及利益相关者与用户之间的关系路径。

并以图例拆解的方式,详细解读了【信息流】【物质与服务流】与【现金流】三类关系路径。

课件展示系统地图,用不同线型区分信息流、物质与服务流、现金流三类路径
设计概念深化与展示工具|系统地图

知识点 ⑦·续

服务蓝图

服务蓝图是一种图表,它可视化了与特定客户旅程中的接触点直接相关的不同服务组件——人员、道具(props)与流程——之间的关系。在涉及许多与服务相关的产品的复杂场景中,它尤其有用。

课程详细解读了服务蓝图的关键要素:用户旅程、触点、前台、后台的概念与构建分析方法。

课件展示服务蓝图的横向泳道结构,自上而下依次为用户旅程、触点、前台与后台
设计概念深化与展示工具|服务蓝图

知识点 ⑦·续

商业画布

商业模式画布是一种用于梳理商业模式的思维方式和工具,要求设计师以简练的、可视化的、一张纸的方式把它表现出来。不少同学在学习过程中缺乏商业思维模式,应用商业画布时便陷入了"按模板填内容"的无效产出。

课程以商业思维模式为引导,介绍商业画布的构成要素,并以【实施部分】与【市场营销】两部分拆解画布,帮助同学真正理解 UX 设计过程中商业思维的思考方式。

课件展示商业模式画布的九宫格结构,并以颜色区分实施部分与市场营销两组
设计概念深化与展示工具|商业画布

CHAPTER 4–5

完成低保真界面原型与视觉设计

第四、五周是设计原型的产出阶段。课程结合大量理论知识与设计案例,介绍界面导航模式与功能模块、信息架构、用户流程图等界面原型设计基础知识,以及色彩、界面模块与界面风格等视觉设计要素。经过前三周的学习,此时设计概念已基本明确;这两周最终产出 1、2、3 级界面的低保真原型与高保真设计。

知识点 ⑧

界面原型设计基础知识

许多同学在学习过程中混淆了 UI 设计与 UX 设计。不同于 UI 设计偏重界面视觉效果的呈现,UX 设计更关注界面视觉、交互逻辑与用户需求、用户体验的有效结合。

课程以淘宝、支付宝等经典 App 的设计分析,引导同学理解尼尔森可用性原则在真实设计项目中的应用,帮助同学夯实用户体验设计的思维基础,让后期的设计产出有基础理论支撑。

课件以两款常用 App 的界面截图逐条对照说明尼尔森可用性原则
界面原型设计基础知识|以实例讲解尼尔森可用性原则案例图片引自原推文,含第三方 App 界面截图

知识点 ⑧·续

信息架构

信息架构是进行界面设计产出前的"骨架设计图"。一份专业的信息架构能帮助设计师把分散的信息与功能整合进一个整体设计框架,是产出设计原型时的顶层导引。课程介绍了一份专业信息架构的构建流程,并要求同步产出个人项目的信息架构。

课件展示一份树状信息架构图,从首页逐级展开到三级页面
界面原型设计基础知识|信息架构

知识点 ⑧·续

用户流程图

设计是一个不断深入思考、解决问题的过程,而使用流程的设计是整个产品设计环节中的核心——我们创造的功能需要有一个好的使用流程,才能真正服务于用户。

课程介绍的用户流程图展示了建立用户细节操作的过程,引导同学从用户的视角理解产品的架构、操作、界面等关键信息。

课件展示用户流程图,用判断菱形与操作矩形串起一条完整的任务路径
界面原型设计基础知识|用户流程图

知识点 ⑧·续

界面导航模式

进行界面原型设计时,【导航模式】是需要深入了解的关键知识点——它是引导用户在界面中完成操作的关键部分。课程以大量已上线的 App 实例进行讲授分析,帮助同学在真实使用情景中理解设计的思路。

课件并排展示多种导航模式的 App 界面实例,如底部标签栏、侧边抽屉等
界面原型设计基础知识|界面导航模式案例图片引自原推文,含第三方 App 界面截图

知识点 ⑧·续

界面布局设计

【布局设计】是产出一份专业 UI 界面的必备环节。课程同样以大量实例介绍经典的布局设计思路,帮助同学以专业的设计思维与设计方法突破"学生气"的界面原型,对标真实案例产出高质量的界面原型。

课件并排展示多种界面布局范式的实例截图 第 1 张,共 4 张
课件并排展示多种界面布局范式的实例截图 第 2 张,共 4 张
课件并排展示多种界面布局范式的实例截图 第 3 张,共 4 张
课件并排展示多种界面布局范式的实例截图 第 4 张,共 4 张
1 / 4
界面原型设计基础知识|界面布局设计案例图片引自原推文,含第三方 App 界面截图

知识点 ⑨

视觉设计基础知识:色彩应用

视觉设计是绝大部分跨专业、零基础学习 UX 设计的同学的最大难关。相较于能短期速成的设计工具使用,视觉设计需要大量的案例学习积累与实践训练。

课程从视觉设计的基础知识着手,结合大量案例,从色彩应用、界面组件形状、图标、logo、界面风格等方面全面拆解界面高保真视觉设计的设计环节。第一部分讲色彩。

课件展示界面配色方案,左侧为色板,右侧为对应配色的界面效果 第 1 张,共 4 张
课件展示界面配色方案,左侧为色板,右侧为对应配色的界面效果 第 2 张,共 4 张
课件展示界面配色方案,左侧为色板,右侧为对应配色的界面效果 第 3 张,共 4 张
课件展示界面配色方案,左侧为色板,右侧为对应配色的界面效果 第 4 张,共 4 张
1 / 4
视觉设计基础知识|色彩应用

知识点 ⑨·续

视觉设计基础知识:形状与图标

界面组件的形状、图标与 logo 是视觉语言里最容易被初学者忽略、却最能拉开成品完成度的部分。课程以案例拆解这几类元素的处理方式。

课件展示不同圆角与形状的界面组件,以及成套图标的设计示例
视觉设计基础知识|形状 & 图标

知识点 ⑨·续

视觉设计基础知识:界面风格

最后一部分是界面风格:同一套信息架构在不同风格取向下会呈现出完全不同的界面气质。课程结合案例说明风格的选择依据与落地方式。

课件并排展示几种不同视觉风格的界面设计示例
视觉设计基础知识|设计风格

CHAPTER 6

汇总打卡作业产出结课项目

课程的基础知识学习与作业练习在第五周之后结束。第六周的学习目标是把此前 30+ 次打卡作业的产出整合起来,完成一份完整的作品集项目;课程最终以直播课的形式进行结课项目汇报。

完整设计项目产出与项目汇报

结课汇报以直播形式进行,同学逐一展示自己从选题背景、用户研究、设计概念到高保真界面的完整项目。

课程期间的作业打卡在小红书同步公开,搜索关键词【朝菌学院ux课程打卡】即可查看。

结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 1 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 2 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 3 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 4 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 5 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 6 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 7 张,共 8 张
结课汇报直播的屏幕分享画面拼图,展示八位同学的项目汇报稿 第 8 张,共 8 张
1 / 8
完整设计项目产出|结课汇报画面含同学作品与第三方软件界面

学员评价

  • 任**

    我是临近毕业那年才偶然得知清华开设了交叉学科专业,从那时开始决心要转交互设计;但我完全没有设计相关的背景,于是毕业后先在一家很小的外包公司开始学设计,算是打下了一些实践基础;现在的职业是项目经理,虽然跟当初转行设计的方向有偏差,但我从来没有放弃过想考清华交互设计的想法,这次参加课程也是想倒逼自己产出一些东西,重新找回做设计项目的感觉。课程对我来说提升最大的还是让我掌握了很多设计概念展现工具,并能清晰地宏观把握 UX 设计流程——无论是做什么设计项目,有了明确的规划再慢慢具体化总会有结果的;至于软件技能和视觉设计能力,在我看来都是需要在实践中才能真正提升的。
  • 潘**

    我是想保研交互专业的院校,所以想先了解下 UX 知识。这个课程满足了我系统了解 UX 设计全过程的学习需求——上完课程后,我体验了一次完整的 UX 设计项目流程。因为要做很多作业,UX 设计的软件技能其实进步很大,要画一些分析图与界面之类的。设计概念和工具方面,这一门课程就能学到很多:我能感觉到老师讲的工具,看起来好像彼此没有什么联系,但当你用每一个工具去分析自己的项目时,就有点像是重新理了一遍自己的设计概念,也会发现更多可以深入发掘的地方。
  • 白**

    报名学习 UX 课程是因为我目前想转专业到交互。我们本专业前景不是特别好,工资待遇也不是特别好;第二点是我感觉交互是目前比较新兴的一个学科,会有很多机会。课程给我挺大帮助的,特别是设计概念,还有后面的一些设计思考、创新点的启发。这一次体验打卡课上,老师们做得非常用心——不管是导播课,还是课下作业的讲评,以及助教老师的作业讲评、答疑和讲解,都让我觉得非常用心。以这个课程的价格来说,我觉得花得非常值。
  • 陈**

    我在本科期间接触过 UI 设计和相关网页设计,对该领域产生了一定的兴趣,后来也使得我在考研期间选择报考交互设计。本来刚开始是想着为准备考研复试,才想报名 UX 课程;至于为什么选择朝菌,一部分原因是考研期间去公众号深入了解过一些交互方案,留下了一定的印象。具体收获上,课程让我了解了许多关于 UX 的知识,也让我对 UX 的了解更加深入,更清晰地理解了系统的 UX 流程。在此之前是在考研期间进行的手绘流程,现在则是电脑绘制,还是有许多不一样,且效率更高。此外蒙老师在课上所讲的相关 UI 规范资源,比如 material design 的相关使用、色彩规范等等,让我受益匪浅。
1 / 4

想知道这门课适不适合现在的你?把你的背景说一说。

咨询这门课程
咨询