UI/UX设计师全链路知识地图

2024-05-19 23:11:52   1  举报





UI/UX设计师全链路知识地图，是一个详尽展示UI（用户界面）/UX（用户体验）设计师所需技能和知识的图谱。地图涵盖UI/UX设计全过程的各个阶段、技术、工具以及相关领域的知识。包括用户调研、用户画像、用户旅程地图等，以了解目标用户的需求和期望。

UI/UX设计师知识地图

产品开发

产品交互设计

知识地图

UI/UX岗位技能图谱

作者其他创作

大纲/内容

运营、物流、方案

开发

推荐传播

用户付费

合同

时间

作为..

1.直接竞争对手2.间接竞争对手3.潜在竞争对手

信息架构文案声音和动效

用户体验故事(UX Story)是从用户的角度对事件进行说明的方式，故事中的事件展示了用户体验的转变。

系统

竞品4

以用户的语言来描述用户故事识别真正的用户价值而不是解决方索

学生

【用户旅程图】

系统将每个人随机分组

产品名称

更新

社会环境

收集资料

3D立休

服务

产品4

蜘蛛图适用于呈现3-8个变量，用来对比多个产品或者同一个产品的多个方面的比较

促活：新注册用户激活率

基础构件/控件库

【双钻设计模型】

主要的同类竞争者

呈现方式

确定问卷的目的确定目标人群是谁确定收集的数据用途通过问卷要找出什么问题

用户体验设计

用户数量

战略层

【价值主张画布】

产品2

收拢的

经济环境

宗教因素地域消费行为模型地域人口统计地域教育程度

推广渠道

A/B测试：其他变量不变，仅考虑体验中的某一属性对用户的影响

总结归纳

sketch/Figma关注概念的呈现以及主要功能

最好的

顾客

价值主张

【以用户为中心的设计原则】

【A/B测试也叫“对照实验”】

通过投放到市场中实验，收集用户反馈，改进产品，再将改进后产品再次投放到市场中验证，形成一个良性的反馈循环，是产品MVP能否成功的关键

【产品优劣势分析-SWOT模型】

用户故事的用途是以用户的视角描述其通过使用软件产品想要实现的任务和获得的价值故事不同于传统需求规格说明书，以简化的形式促进团队交流、降低修改成本、灵活调整；接受变化；同时故事以验收驱动的定义形式让所有干系人对最终的目标建立共识。对于设计师来说，用户故事主要用来帮助设计师将设计对齐目标用户和价值以及整理和排序各个界面的具体设计内容。

项目协作工具

发现问题

问题的定义

【原型设计的类型】

外部的

【用户体验与交互设计的关系】

想法，感觉想法与态度，立场和观点

MVP产品的二现方式主要体现在用户是否能够理解和操作，足否是以用户为中心进行设计的

项目经理

作为一个设计者，不管你是产品、运营、创业者，还是老板。不管你是什么角色，只要你是面向用户的，你一定要知道你的用是谁。用户价值图是对用户类型进行划分的，从而找出对你最重要和最有价值的目标用户群体

同期群2

想完成和获得什么期待，需要，成就

聚焦

产品3

故事版最初是源自电影制作行业，早在20世纪20年代的时候，迪士尼工作室就常用故事版来勾勒故事草图，这些草图让电影的动画工作者可以在拍摄前，初版构建出想要展现的世界。对于UX设计师而言，故事版也非常有用：产品的使用场景、用户的交互流程，都借由一系列连续的插面故事化地呈现出来。

0 1 2 3 4 5

wireframe功能导向的简要设计

财务经理

【矩阵图】

创造收益

竞品1

设计&开发文档

关键的优点，难以抗拒的使用理由

政洽环境

方案

信息

问题及挑战

非结构化

行为

用户获取

劣势（Weaknesses）

视觉设计

模块

简单复杂行为

大量的想法

流程管理

构思方案

品类专家

我可以...

我们的产品

是

气泡图是散布图的变形，其展现了数据的三个维度：横轴、纵轴、气泡大小

【了解市场趋势-PEST模型】

以便于

用户体验设计师交互体验设计中的一些列方法，它鼓励设计师提高用户体验的质量，背后的逻辑就是简单易行

听到的？用户周国的人都说什么其他整响者说了什么周国社会环境的声音

设计原则

A/B

机会（Opportunities）

【问卷调研的步骤】

任务

小规模测试

交互设计

动效效果

编号

收获

对应目标用户的任务组织都有哪些产品和服务做支撑

调研能力

用户价值

【竞品分析的步骤】

【AARRR增长引擎漏斗模型】

2D平面

【气泡图】

分析完成后要对分析的内容做总结

产品和服务如何给用户传告更多收益

散点图用【点】的方式来展现两个数据之间的关系，例如用点来表示功能以及分值之间的关系

用户和商业需求、竞品

手绘草图

潜意识中就决定一件物品可能被使用的基础性质

电访个人访谈在线/纸质问卷

产品1

本能响应、行为响应、反思响应

男性用户

优势（Strengths）

实现

信息设计

产品和服务

产品类型

他们的

【MVP最小化可实行产品原则】

威胁（Threats）

情感响应

客户想要获得什么有哪些期望和要求得到哪方面的提升

相铺相成的工具，用户画像代表的是具体的族群，而体验地图是分析这个族群为了实现某个目标而经历的过程的可视化呈现工具。它用于了解和解决客户需求和痛点，在这个过程中用户可能会使用多个设备和渠道：网站、手机app，社交媒体、电话、客服等

拉新：新房客的注册率

看到的？这个人的人的行为、事物、环境

设计机会点

中年妇女

同理心地图给设计团队提供了一个思考框架，是帮助团队整理对用户的认识的一项工具。它帮助团队整合所观察和调研到的人和事务，并协助挖掘出对用户深层次的理解（目标，需求、观点。痛处、态度、行为）同时，同理心地图也是一个团队协同设计的工具，确保每位团队成员对使用者的理解都是相同的。

用户留存

付费：用户的付费率

我们的

500K400k300k200k100k0

低保真

中保真

高保真

优点

快、便宜、低技能，利用你周围可利用的材料

更多交互，易于测试，是时间和质量的平衡

完整的设计，包括视觉、内容交互，可以测试很细节的交互

缺点

交互上的限制，很难去测试全流程的细节，给用户的上下文很少

更花时间，但不是全部功能

非常花时间，需要软件或编程技能，很难测试大的概念

用途

探索和测试最初始的概念，例如用户主流程、信息框架可以制作很多版本，进行多次测试对比

可以被測试史只体地功能和流程，用户有更多上下文

可以被测过非常具体地交互细节，最终的用户和流程

同期群1

交互设计要解决如何世界复杂的交互系统的行为。交互设计以用户体验为目标

以目标为导向的设计

发散的

持续分析

【用户价值地图】

主要不同点

妈妈用户

可采用焦点小组的方式，这可以帮助聚焦问题以及在投放到大样本市场之前验证问题的有效性

10 20 30 40

1.由于问题设置的局限性，很难发现共性或者形成重要的假设不能直接指导最终的设计结果2.对收集的答案，容易产生不充分的理解3.无法告诉你用户的回答有多真实4.回答者容易忽视或者不会对问题的目的和上下文有很好的理解

1.商业层面2.体验层面

有害的

市场

推荐：留存用户的推荐率

【同期群分析】

而不像

展现产品核心功能的宄整性和可用性的必要的，除此之外其它附加功能是不必要的

表现层

创造价值

明确分析目的

小张女26岁UI设计师本科

留存：新用户首月存活率

商业画布

洞察

问题

团队

为了

竞品2

设计师

【蜘蛛网】

矩阵图是表格的变形版，不同的是你可以用矩阵图的颜色来表达不同的等级

它可以

【电梯宣言】

prototype同时具备视觉设计以及实际的产品功能

【设计系统】

设计实践

营销团队

需求

报告

设计价值观

贸昜政策股东需求国家政策

信息架构

检查

备注

资源优势

用户故事是什么？

解决痛点

說或做的？公共场合态度，外在表现对到人的行为反应

推广果道是否有效？成本是否在把控苑国之内？这生都是我们需要考忠到的

响应效率用户界面数据输出搜索价格易用性

竞品5

竞品3

国外经济趋势本地经济趋势外汇比率关稅

目标动机

更深入的思专用户想从产品中获得什么，或达成哪种效果

用户路径

用户现有的解决方式

动机/能力

使用产品的动机

具体化使用场景

用户通常情況在何时何地使用产品

产品传播途径

用户通过什ㄠ渠道来传播

工业设计和图形设计

产品6

结构层

网站目标

易用性

逻辑思维

客户经理

销量/月份

如何权衡我有多少资源？

定义问题

1.海盗指标2.场景分析3.关键流程分析4.尼尔森法则

最差的

抽象

为了达成这些任务在过程中更经历哪兰病苦、难处和风向

价格

遇到的痛点和问题'惧、控折、障碍

用30秒的时间令人印象深刻的陈述向受众传达你的产品愿景

框架层

用户调研

MVP产品设计品要找到精准的用户井及时热及他们是结果的有效性的保证

核心价值提炼

计划如何执行

【同理心地图】

编写问卷

【用户故事】

范围层

概念、方案

导航设计

方向

【故事版】

内部的

mockup实现功能目标的产品最终的视觉样式

同期群分析的目的在于透过现象找到结果，以时间维度建立同期群，除按时间维度考虑，也可以对来源渠道等维度建立同期群。随着开发迭代的演进，产品上线第一个月使用你的产品的用户与第五个月使用你产品的用户感受到的体验是很不一样的我们把同一个时间段（产品阶段）使用产品的用户划为同一期，针对他们的分析叫做同期群分析。

董事

选择竞品

研究结果概要

界面设计

工具

设计

1.确定产品方向2.提升产品体验3.积累行业知识

有益的

同期群4

竞品6

最终解决方案

分析能力