唐淑文作品集

Page 1


UX/UI Portfolio

唐淑文 Maxine

拥有 2 年多用户导向产品(AI、加密、消费类)设计经验的产品设计师,专注

于提升用户体验。

同时也是一名从建筑自学转行的设计师 :)

我的旅程

关于我 ......

为多个初创企业在 AI、加密货币和消费领域设计产品。

从建筑背景转型到用户体验设计。

热爱沙类游戏的玩家,内心坚信自己是个建造者。

我生活过许多城市并接触到各种文化, 对城市的热爱赋予了我独特的视角。

丰富的生活经历让我对一切拥有一颗包 容和开放的心,我感恩路上遇见的所有 人,是他们塑造了今天的我。

我的热爱 拥有2年以上建筑与产品设计工作经验。

游戏是灵感的源泉

我喜欢《文明》、《模拟人生》和《我

的世界》等模拟游戏。而我的最爱绝对 是《塞尔达传说》。电子游戏被誉

为“第九艺术”,我喜欢享受其中的乐 趣及创意。

阅读是我的充电方式

今年我已经读完42本书,而我最爱的是 《灵魂的功课》,它探讨了土星如何挑

战我们走向更高自我。

这本书关于心理学的探讨启发我研究人

行为背后的深层动机,帮助我作为 UX 设计师更好地理解用户的核心需求。

乌鲁木齐,中国 温哥华,加拿大

温哥华,加拿大 蒙特利尔,加拿大 渥太华,加拿大 出生长大 学习 工作

寻求构建更可持续的音乐与爱社区 项目背景

概览

RaveDAO 举办了多场“Nightopia” Web3 音乐节,邀请了 Don Diablo 等顶级 DJ,吸引了超过1万名现场观众。通过 PLUR(和 平、爱、团结、尊重)倡议,RaveDAO 让音乐爱好者通过加入以 DJ 为中心的 DAO 参与 Web3,支持专辑发行和慈善筹款等项目。

RaveDAO 是我们的重要客户,而 Ink Finance 是我们的技术平台,提供了一个既可扩展又直观的强大金融平台。在 Ink Finance 现 有产品的基础上,我主导了UX设计,并参与了UI设计。

设计流程

理解客户需求 调研 设计 客户反馈 交付

利益相关者会议 竞品分析 用户流程 利益相关者会议 产品评审 产品需求文档 分析现有架构 交互框架 视觉设计

需求分析

问题

个由粉丝驱动的投票与贡献平台

构建更可持续的音乐与爱社区

创作者面临收入不稳定的问题,限制了他们资助和推广作品的能力。虽然适度商业化能够扩大音乐的影响力,但传统的捐赠和众筹模 式常因透明度问题而削弱人们对慈善项目的信任和支持。

构建更可持续的音乐与爱社区

DJ在为音乐创作和社区项目筹措资金时面 临困难。

不安全的资金管理

传统模式缺乏透明度,难以追踪资金的使用 情况。

目标

易于理解

为首次接触 Web3 的用户保持一切简单明 了。

数据透明

让大家了解正在发生的事,保持开放和透 明。

管理不足 糟糕的管理导致资源使用效率低下,信任度 下降。

社区参与

鼓励大家积极参与,成为社区活跃成员。

问题陈述

如何利用去中心化 DAO 平台将粉丝聚集在一起,以透明、开放、高效的方式为音乐和公益 项目募集资金。

一个由粉丝驱动的投票与贡献平台

加入 DJ 俱乐部

用户可以探索各种俱乐部,加入自己喜欢的俱乐部,并发 现更多建立联系的机会。

ravedao.xyz

从中台中选择要完成的任务 用户可以查看仪表盘并导航到他们希望完成的任务。

ravedao.xyz

查看所有募捐活动 用户可以预览活动详情,并选择他们感兴趣的活动。

ravedao.xyz

为活动贡献力量

当用户希望支持某个活动时,他们可以进行贡献,且所有 贡献都会以透明方式处理。 方案概览

ravedao.xyz

审查当前内容和框架

问题 1

长页面会导致反复滚动。

问题 2

用户需要来回翻阅阅读,非常不便利,增加用户认知负担 立刻要求投票的压力

太早让用户看到决策,会使用户感觉到负担,用户会有压力。

第三方框架集成的技术限制

我们使用 Ink Finance 框架,这要求 在增强用户体验的同时整合其现有技 术架构。

问题 3

信息布局过于繁杂。

信息内容太多了,而且未经整理,对用户来说会失去兴趣。

重新设计投票功能

轻松且无压力的决策过程

方案

对信息进行分组,并固定其位置,使页面更加简明有效。

方案

方便用户更加快速的导航,同时展示有限信息,隐藏其 它内容从而更加简洁。

方案 2 最后做决定

让用户足够的了解,知晓信息之后再做决定,不要着急。 一一对应的解决问题 对于信息进行了整理,并且根据优先 度通过布局和交互方式的改变提升了 体验

采用类似的模式以提升效率 新增募捐功能设计

方案

对信息进行分组,并固定其位置,使页面更加简明有效。

方案

快速查看信息

方便用户更加快速的导航,同时展示有限信息,隐藏其 它内容从而更加简洁。

为活动功能采用类似的模式 我主导设计了一个新功能,在借鉴类 似模式的基础上进行了调整,从而成 功应对了新的任务。

方案 2

最后做决定

让用户足够的了解,知晓信息之后再做决定,不要着急。

方案 3 中的 UX 心理学

群体效应

指的是当个体观察到一群人参与共同活 动时,倾向于模仿他们的行为或举动的 现象。

对节奏的热爱可以跨越国界改变他人

轻松有趣充满奖励的小游戏

用游戏化的奖励过程帮 MIZU 建立与 25万用户的联系

0x46dc...4544dc

为开源数据库积累品牌知名度与社区

MIZU 是一个去中心化平台,通过激励性数据共享和去中心化基础设施,为人工智能提供高质量、社区驱动的数据集。

该项目旨在发布一款轻量级应用,通过挖矿奖励用户。我们的目标是构建早期用户群、提升品牌知名度,并与用户建立牢固关系。

我们致力于让整个用户体验既充满乐趣、回报丰厚又轻松自如,同时传递出强烈的品牌形象。我们从一个简单的测试模型开始,花费 两周时间进行用户体验和界面开发,仅一周后便正式推出了应用。

通过奖励吸引更多用户加入 MIZU 需求分析

对于业余用户来说令人困惑

我们的粉丝并非专家,可能对 Web3 毫无了解,从未接触过。

外观缺乏信任感

界面显得有些草率,且没有任何品牌标识。

明确的用户引导

建立清晰的层级结构和明确的行动 (CTA)。

奖励系统意义不明确

用户为何收集积分,以及能带来什么作用?

通过品牌游戏化 UI

用游戏化的 MIZU 品牌形象强化视觉效果。

排行榜系统 包含排行榜,方便用户查看自己的排名。

增加排名系统增强用户积极性

1

将挖矿过程分解为步骤

用户对挖矿流程感到困惑,我们应简化流程并清晰告知正在发 生的每个步骤。

2 为所有用户提供明确的等级与排名系统

过排行榜展示用户在社区中的排名,鼓励他们投入更多 挖矿活动。

以天为单位

快速开发,测试,并基于反馈迭代

快速迭代

户更容易看到。

添加“加入社区”功能以 吸引用户参与。

1 让所有人参与进来 我们的利益相关者包括设计师、创始人、开发人员、市场营销 人员,而且我们来自不同的时区。

增加底部导航,提升 效率

只有一共主要 CTA

2 快速测试和反馈迭代 开发团队非常棒,他们迅速构建了测试版的 Telegram 应用并与我 们分享。有时我更新设计,醒来时便已看到新版本上线,这让我们 可以根据用户体验反馈来进行迭代。

进度显示机制

加有趣

动态且充满趣味的游戏元素 上限可能会引起困惑

1 游戏风格的进度条以提高用户参与度

我们最初的构想是使用一个进度条展示每日挖矿活动,增 添动态视觉效果,让用户能够随时了解自己的状态。

Mined

视觉元素

48/100 Points

Referral 2 Points 清晰的积分说明 不够吸引人

2 逻辑优先于限制,选择隐藏值系统

由于邀请和质押奖励的机制,无法明确设定上限。为确保准 确的展示状态,我们选择了隐藏值系统,而非进度条。

1 生动的图案增强吸引力

我们为积分添加了生动、引人注目的图案,以吸引用户注意力 并强调积分。

2 添加动态以营造活力氛围

动态更加吸引眼球,因此我们在细节上增加了动画效果,例如加速 图标,使界面更加生动有趣。

丰富多彩的颜色与立体效果

增加深度使其更具引导性 CTA 按钮的层次感使它们作为交互元素更为突出,为用户带来 更直观、触感更佳的体验。

4 带主题色彩的互动图标

颜色赋予意义,例如主页图标采用温暖的黄色,营造舒适氛围,帮 助用户快速导航。

5 从扁平到3D,提升趣味

每个挖矿进度状态都有独特的3D图标和不同颜色,使等待过程更有 趣,进度更加直观。

9:41

9:41

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.
唐淑文作品集 by Maxine Tang - Issuu