一个

有节操有信仰的

UI 设计师。

杨菲菲 2022

一名用户体验设计师。

Hey, 我叫杨菲菲。

2021.04-2022.01 | 我云网络

重点项目及成绩

2019.09-2021.04 | 粒链网络

重点项目及成绩

1.【VICHAIN】官网改版上线一

2.【汇至通】后台用户体验好评

2018.10-2019.08 | 冰丰科技

小程序闪问医生独立设计师。输

2017.06-2018.05 | 雪雅服装

履历。

生于 ， 1994.12.12

2015-2017 | 闽江学院(本科) | 服装设计与工程

已工作 年。 4

188 5967 1963 (微信同号)

1183831400@qq.com

关于我。

18年只身来沪，开始我的互联网设计

熟悉多终端设计规范，擅长 逻辑

识系，成为 名优秀的复合型产品设

B端

络科技 | 用户体验设计师

络科技 | 产品设计师

一个月后，新用户访问量增长了40%；

评。

技 | UI设计师

输出UI稿及迭代、视觉运营设计工作。

装 | 设计助理

计生涯，奈何待过3家公司，垮了2家，现希望找 家稳定的B端企业，尽我所能为公司创造价值。

辑梳理和交互优化，话少多做事。目前正在完善交互知识体系，希望通过未来的平台建立并完善多领域知

设计师。

CONTENTS

内容概况。

数据表格

2022.02

工作项目

wolai数据表格，为协同而生

快速设计

2021.03

UX Case Study

钉钉重设计，以员工体验为中心

案列研究 Redesign

afrtttbfbb

浆纸贸易

企业级平台

2020.02

工作项目

浆纸贸易企业级平台

B端产品设计 需求>功能 数据可视化

2020.02

实际项目

敬业签笔记迭代

重构视觉语言

工作项目

wolai数据表格，

为企业间协作

应运而生

背景

wolai 最初是一款笔记应用，我们的用户大多数是在团队项目中形成的，

，是当前要解决的首要问题。于是我们推出

，该功能于2021年11月正式上线。

如何

帮助团队高效协作 数据表格这一功

能，让任务组织变得清晰明了

我的目标

根据现有设计风格，在有限的时间里面保证该功能的可用、易用性，考虑移动

端的适配，并建立一套可供设计团队和开发使用的组件库。

我的角色

UX Design UI Design

项目周期 2021.08-2021.09

2

Weeks

5

Main pages

32+

Secondary pages

可操作的子界面、弹窗、空状态等

工具

Figma Notion Photoshop After Effects Xnind

难

团队面临资金等方面压力，留给此项

员没有余力深入把控细节。

所以，这对我来说是一个 的

究。项目开始前，产品提供了的功能

。

快速设计

快速审评

点

项目的 ，项目人预期时间并不充裕

的项目，我不希望自己进行用户研

能脑图和PRD文档，召集相关人员

信息结构

数据表格changelog

视图类型

表头功能区

字段功能配置

可创建字段类型

可改变字段类型

字段列表可拖动排序

隐藏字段

复制字段

删除字段

排序功能

创建排序条件

清除排序条件

字段列表可拖动排序

隐藏字段

复制字段

删除字段

分组依据功能

创建分组依据功能

删除分组依据功能

分组列表可拖动调整顺序

保存分组设置按钮

取消按钮

筛选功能 创建筛选条件

清除帅选条件

排序条件列表可拖动调整顺序

保存排序条件按钮

取消按钮

搜索功能

添加一条记录或者一个页面入口

更多功能入口 表头颜色更改功能

开启单元格宽度自适应功能

现实最后编辑人记录

可以算/统计列相关值

首行

表体

表底

甘特视图（二期）

表格视图

相册视图

列表视图

日历视图（二期）

视图功能入口

私人视图

公共视图

保护视图

固定标题字段

切换视图类型功能

新增视图功能

编辑视图功能-重命名

删除视图功能-重命名

复制视图功能-重命名

添加新字段类型入口

视图列表排序功能

视图权限设置

数据表格

各个字段内的数据条数统计显示

复制行/列

删除行/列

拖动行/列排序

新增行/列排序

表格宽/行宽可调整

字段自适应宽度

单元格类配置该字段相关参数/值/选项

数据表格标题 整页表格同页面标题

inline数据表格无标题

优化和组织信息结构，为了后面能更清晰明了的设计，此外也能

让团队达成统一共识。

让想法在纸上快速落地

视图类型

延续wolai现有功能结构，在编辑区输入“/”即可创建内

容，例如文本块，待办列表块...数据表格作为一个高级

块，也能被新建出来。

输入“/”快速新建表格

新增-弹窗编辑

效果

让任务有组织地呈现

自定义表格以使其按您希望的方式工作。通过变换

视图，以及 的方式，轻松完成多维度项目跟

踪。

拖拽

表格视图页

选择

择标签弹窗

组织任务

标签便捷分类

标签出现在表格页和任务编辑页。它有3个基础

（待完成、进行中和已完成）以帮助用户

组织他们的任务，也可在字段设置里自定义标签。

默认

标签类别

看

任务编辑

组织任务

轻松添加任务

在看板视图页里，右上角“新增”按钮可以直接

，表格里的“+”可新建任务卡片，这些功能帮助

用户轻松组织他们的任务。

新建

任务

看板视图页

辑弹窗页

共24人

P1

P2

多种视图，构建你想要的工作流程

建立多种视图，方便根据数据业务结构承载展示，满足用户对不

同类型数据的展示需求。

用户测试

我们都需要建议

我向两名代表用户展示并测试了原型，以了解该应用程序的用户友好

程度。参与者说，他们很欣赏这个原型。随后，我们做了一些小的改

动，然后就进入了用户界面阶段。

设计系统

一个人走的更快，一群人走的更远

闲暇之余，逐步完善组建库的建立。帮助产品和设计甚至开发有一套一致的可

通用的规范体系， 原型制作和开发中的 ，也使产品在未来迭代中变得

更容易。

减少 冲突

最终

“数据表格上线后，我们获

更多合作机会

我们获得了更多的客户咨询与

联系，得到了更多的合作机会

以及商业收益。

获得了更多客户的咨询。”

内部员工

团队内部协同

公司内部替代了原有的协同平

台...将工作任务和公司其他资

料迁移到自己的 wolai 平台。

如何适应不断变化的需求

新的时间表、资源问题和重新划分优先级

紧迫的期限内

意味着项目的范围在不断变

化，我必须适应这些变化，并且仍然在 及时交付最好的设

计。

我收获的

此项目比预期时间晚完成，不断变化的优先级和不断变化更正细节需求，推迟

了该功能的推出。尽管如此，我还是从这个项目中学到了一些与产品和业务流

程相关和交互细节的重要收获。

始终为良好的用户体验而战

我必须在 下工作，但仍然为我认为对拥有良好用户

体验至关重要的东西而奋斗。

非常严格的技术限制

以社畜

重设计 钉

体验为中心

钉钉PC端

背景。

交互设计 视觉设计

角色

钉钉PC端客户端

形式要素

2021年02月 - 2021年03月

周期

钉钉软件功能与体验以 闻名。而企业 和 体验天然 。疫

情之际钉钉通过线上网课等一系列操作成功出圈。

迎合管理者 管理者 员工 存在冲突

工作之余，我决定“ ”为目标，做钉钉

Redesign。

以员工为中心，更易学习，减轻企业级的权重

用户调研

一个普社畜平常的一周。

周一，小王洗漱完毕去上班。到了公司，早会之后小王打开电脑客户端

钉钉把本周工作安排和行程记录到日历和待办之中。开始一天的工作。

周四，小王和开发线上沟通了之前的设计稿。发送了改版的方案。

周二，上午小王和产品进行了语音通

一边喝开发沟通设计细节

为了更加贴近事实，我观察和访谈了身边数个普通员工的一周的经历，总结出

以下场景和路径。

通话，商讨需求细节。下午一边画图

周五，小王将新需求的设计稿发给了产品，沟通细节。并获得了新的需

求。下班前小王开始撰写本周的周报并发送给主管。晚饭后，小王

被“DING”的一声打破了周末来临的欢愉，从钉盘中找到文件，改稿，

发送。结束了平常的一周。

周三，产品将需求发送给了小王和大家。召开了线上的需求评审会。

周一

周二

周三

周四

周五

问题定义

优化目标—— 和 。 消息 文档

通过以上调研提炼出，PC客户端员工日常任务主要以消息沟通和交接物为主，

员工80%时间只使用这两个功能。

问题分析

穷举问题和拟定解决方案。

Problem Space severity(1-5)

好友消息太多，找不到10月份聊天的某位同事。

文档结构过于混乱和复杂，找目标文档相当费时

通话页信息含量太多，偶尔不小心给领导发送了点赞表情包。

想更醒目的知道今天的工作行程和本周安排。

不能很快的查找最近其他好友的聊天记录。

傻傻分不清消息通知和好友头像。

由于资源限制，我选择了在线可用性测试，以查看在消息沟通和使用文档办公

时的遇到的困扰。

时。

Solution Space

增加晒选入口，更好的管瘤消息。

重新组织文档信息结构，视图上改变。

重新组织通话页的功能，不同功能板块加以区分。

增加dashboard。

增加最近好友的列表。

好友和消息通知视觉上区分，能更好的识别好友和消息通知。

解决方案

为沟通 ——消息页。 降噪

在线版

改版

解决方案-消息页

优化视觉层，用户可以轻松的选择好友发送消息，不被

通知所干扰。

明了的好友选择。

在线版 改版

在线版

改版

解决方案-消息页

根据场景目标与消息沟通和交接物为主的主要功能常

驻，转移和隐藏员工低频功能。

同时根据功能类型为功能分组，降低认知成本。

简单的消息沟通。

搜索

前一周

前一周

全部

今天

前一

更早

开始

解决方案-消息页

增加消息筛选入口，以天为单位综合查找信息。

单独显示当天的消息，或者设置查看某一段时间范围内

的消息。

筛选上周五所有人的

消息。

索

UIDX 17:09

[文件]2019年银行用户…

王彬 17:07

好的

张静晨 昨天

Hi，我通过你的好友请…

张光晨 04-20

好的 我们沟通一下再回复

待办助手

智能日报 1

昨天

普诗诗 04-22

章鱼哥 已读了你的DING

全员群：碧桂园 昨天

请问一下这个日历组件…

周

周

部

天

一周

早

始日期 截止日期

在线版

解决方案-消息页

方便的记录查询。

改版

搜索组建左侧，增加好友列表切换入口。减少任务目标的操作次数，从而优化任务

路径。

解决方案-消息页

被浪费的空间。

在线版