Back

Project Name

十行AI

Project Name

十行AI

十行AIAI功能升级 2024
利用新的Generative AI技术,将一个视频精炼为几行的要点,进一步为用户节省了时间,主要内容包括:
  • 提出“AI精炼”,作为产品主要卖点;
  • 由于与用户的核心需求高度一致,AI精炼功能加入核心流程,解析时直接作为默认选项。
  • 上线后一个月十行AI月活跃用户数从约2.6k增长至3.8k。
AI精炼功能在4月上线,产品active user有明显提升;之后由于暑假淡季影响,使用量下降;新学期开始后虽有短暂上升,但是受到国内AI的高强度报道,AI工具的普及程度和用户的使用习惯变化对产品带来较大影响

十行|Onboarding 优化2023

十行|Onboarding 优化

2023

角色
UX设计师 & 产品负责人
 
背景
提升用户首次使用到完成视频解析(核心功能)的转化率,优化整体 Onboarding 流程
 
过程
基于漏斗和埋点分析,发现几个问题:
1. 流程过长,例:非必要步骤解释漫画内容也有24%的跳出率,决定去除
去掉这两步解释

2. 我的笔记页面跳出率高达42%,经分析此页面更侧重于笔记较多的时候的管理功能,对于新用户来讲可用性不佳。因此模仿竞品,增加了“首页”,在里面加入了明显的解析功能入口,对于老用户仍默认进入之前的笔记管理页面,故使用体验不变。

新增的首页
  1. 优化必需流程,新增的首页首次使用时增加强引导,隐藏无关内容;登录及平台货币的解释尽可能延后,增加沉没成本,减少跳出率
结果
上线后,用户onboarding完成率从8%提升至36%。

十行笔记React重构2022

十行笔记React重构

2022

🎯 目标
在技术栈升级为 React 新版本的背景下,重新构思并设计十行笔记产品,以更具工具化的精简流程和现代视觉体系完成产品重构。关键目标包括:
  • 升级技术栈至React新版本,提升开发与维护效率;
  • 简化功能逻辑与货币系统,降低用户学习成本;
  • 明确品牌定位为“学习辅助工具”而非“内容平台”;
  • 在控制成本的前提下实现现代的视觉风格;
  • 平衡 UI kit 使用与品牌差异化设计。
👥 角色分工
我:产品设计负责人(UI/UX)
  • 分析埋点与GA数据;
  • 组织并执行用户研究与各阶段workshop
  • 提出新的视觉风格系统
  • 主导产品功能筛选、信息架构重构
🚧 挑战
1. 产品功能开发的方向可能与用户实际需求不符
产品几年间在核心功能外增加了众多附加功能,大多数这些功能都集中在编辑页面,但是 GA 数据显示99%的用户在“我的笔记”页面停留的时间不超过5分钟,且埋点数据显示这些功能的使用率很低(书签、卡拉OK播放、设置为标题等功能均有90%的用户从未使用过)。
 
2. 获取的用户反馈不准确
之前获取用户反馈时高度依赖各种渠道的用户直接反馈(吐槽社区,客服反馈)以及从各种渠道获得的“专家”反馈,从上面的GA数据可以看出,方向和实际用户差异较大。
 
3.降低开发成本需使用现成UI kit
现成UI kit大多平庸过时,难以给用户留下印象。需解决“模板感”过强的问题,避免产品沦为千篇一律。且可用性较差,很多细节accessibility不符合标准

 

🛠 过程
Part 1 功能筛选
1. 用户研究与数据分析
  • 目标用户深访(n=7)(在新版项目开始前已完成)
    • 对实际使用产品的用户进行筛选,对于满足returning条件的用户,在产品中弹出筛选问卷,对用户进行进一步筛选(职业是否符合要求等,记录性别、年龄等以便后期进行平衡),并询问用户是否有意愿参加。
    • 样本涵盖大学生(4人),教师(2人)和白领(1人)
    • 用户的主要目标在于”不看视频”,”节省时间“,对于解析出的图文,用户的主要目的是:1)简单浏览文本的要点或部分重点内容,不会整篇阅读。2)导出到本地或其他平台,作为素材进行编辑(编辑为学生作业,教师讲义和课件等)
    • 用户的使用习惯更接近“学习辅助工具”而非“内容平台”,如果需要编辑,会选择导出到更成熟且早就用惯了的平台,而不是本平台。
    • 用户对 “一杯咖啡的时间” = “省时间” = “咖啡主题设计,使用咖啡豆作为货币” 这一套概念没有理解                                                                                                                                                                                                               
  • Google Analytics数据挖掘
    • 使用 GA默认收集数据 + 功能自定义埋点(event-based) + 自定义漏斗(Funnel exploration),对功能点击率、漏斗、用户停留时长等维度进行综合分析;
    • 发现部分设置功能(性别,语种等),以及笔记编辑页面的一些深度功能(书签、卡拉OK播放、设置为标题等),使用率很低(大多低于10%的用户使用过,一些功能低于5%的用户使用过,在Returning users之中也有相同趋势)且可能不在用户的典型使用流程之中,确认为候选剔除功能。
    • 咖啡豆(平台使用的货币)解释页面极少有用户打开(总用户中0.4%,已经进入付款页面的用户中4.4%),且付款页面用户跳出率较高(74%),可推断先有货币解释功能不符合用户使用习惯
  • 结论
    • 初版产品功能繁杂,许多源自平台型以及社交功能设计思路,实际证明与用户需求不符;
    • 之前的反馈渠道的结果与实际访谈和数据分析的结果不相符
    • 用户的需求短平快,对复杂概念没有耐心
    • 品牌名“十行笔记”听起来像是汇总笔记的平台,弱化了“工具”这一卖点;更名为“十行”
 
2. 功能审查工作坊(包含设计2人、开发3人以及Founder)
  • 参考之前的结果,利用“功能矩阵图”对所有功能做重要性/复杂度二维评估;
  • 对非必要但资源消耗大的功能做优先裁撤建议;
  • 高优功能保留:上传视频、查看图文笔记、基础编辑、复制分享等
  • 弱化/移除功能:咖啡豆概念简化、书签、部分高级编辑功能、个人页深度设置项
 
 
Part 2 确立新视觉系统

 

1.Design Moodboard Workshop
  • 参与人员:设计 3人、前端 1人、及Founder,保证风格方案有跨职能 buy-in。
  • 同步+异步混合模式:设计师首先汇总灵感至FigJam;之后所有人员workshop进一步探索;基于探索结果,我们设计团队依自己的步调基于几个方向继续完善moodboard,并投票;最后所有人员在一起敲定最终结果
2.定制化Ant Design
由于此UI kit风格较为过时,故并没有直接套用,而进行了一定的设计的原则修改。
 
  • 使用多个accent color,默认accent color改为黑色,增强对比,更为贴近极简的近年设计风格。在一些关键操作部分则使用橙红色,用于主要CTA、确认类操作和hover效果,增加了功能优先级的分级
  • 修改各个组件中的灰色边框和分隔线,一部分改为较深颜色,一部分去除,结果更为贴近极简风格,并减少显示杂乱。
  • 可用性方面,也进行了修改警告颜色和各个黑色,去掉部分乱用的icon,增大按钮大小等修改

 

3.结构策略:视觉表现与可用性分区
我们提出“Personality vs. Usability 分区设计法则”,在不同类型页面采用不同策略:
  • 登录页、首页有较强的风格,在几个关键位置放置装饰性较强的组件,给用户留下印象;
  • 上传、编辑页则以usability为主,逐渐增加UI kit中的组件使用,装饰性较低,降低界面杂乱。
📈 结果
  • 开发仅耗时约4周,提前于计划完成
  • 版本更迭后,即便缩减了部分功能,用户retention没有变化(淡季稳定在2周15.9%,3周8.3%左右)
  • 注册用户数同样没有受到影响,稳定每月1-2k左右增长
 
🔍 反思与总结
  • 选择合理的用户反馈来源,不是所有的反馈都有相同的价值: 吐槽社区可能会忽视沉默的大多数,“伪专家”可能并不理解如何从用户的需求出发评价产品,事实证明这些渠道不能代替埋点、系统抽样访谈等可靠的用户研究方法                                                                                                          
  • 理解用户的核心需求是产品设计的基础:  对于新产品,很容易被流行及目标竞品影响,盲目扩展功能,事实证明用户不需要的功能不会增加产品的价值,应尽快理解用户的核心需求                                                                                                                                                                               
  • 项目初期就要进行跨职能合作:  反馈越早修改的成本越低,且参与的越早buyin越多,有利于项目顺利进行;利用UI kit与前端深度合作,在组件层面上实现了设计图与代码的高度一致,成功压缩了沟通与开发时间

十行笔记|视觉风格升级2021

十行笔记|视觉风格升级

2021

作为“十行笔记”的UI/UX设计师,我主导产品视觉风格更新项目。在原有的配色和核心咖啡相关的设计元素上增加渐变和neomorphism元素,减少过时设计元素,突出笔记内容。
棕色问题
由于棕色是个由亮度和色相共同定义而不是仅由色相定义的颜色,按照常见的方法(例Material theme builder中创建color scheme的方式)创建出的颜色变体会接近黄色(增加亮度,减少饱和度的结果),不仅丧失了品牌颜色的一致性,与棕色的相性也很差,故需要另寻解决方案。
经过竞品分析和反复测试,发现使用低饱和度的灰色作为浅色的P1、P2等颜色,能够在保持品牌颜色突出的基础上,结合neomorphism元素与原有的主体色形成现代、独特的设计风格。
在此期间,十行笔记用户总数从约6k增长至约18k,月活跃用户数从约400增长至1.4k。
修改前
修改后

十行笔记|笔记编辑页可用性优化2021

在“十行笔记”中,我负责笔记编辑页面的用户研究与UI/UX优化。通过可用性测试(5位用户任务观察+深访),发现用户普遍认为语音转录“不准确”。深入分析后定位原因:按截图分段导致语句被截断,误解为转录错误
 
我提出将分段逻辑优化为“累积字数+仅在断句处分段”,并设计了新的图文排布模式,用更清晰的文本对齐和截图标记强化“语音-截图”关系;同时调整文字位置和留白优化阅读;并将部分文字编辑工具改到contextual edit menu,减少显示杂乱。
 
上线后编辑页平均停留时长从17s增长至约4min

© 2024 Malcolm Li. Designed & developed entirely by Malcolm Li.

Project Background

利用音频转录、AI总结等技术,实现将会议记录、网课等长视频转换成能迅速理解的形式,提升效率

Role

初级UI设计师//用研 主UI/UX设计师

Tools

Figma / FigJam / Pr / Ae

Processes

Mood Board | 埋点 | 访谈 | 可用性测试 | UI/UX设计 | 跨部门合作