PagePeek
基于AI的学术协作平台,旨在将研究、写作、数据和演示整合在一起,打造一套统一且智能的科研工作流程。
00

挑战
• 上线初期不稳定: 在大规模推广初期,出现了大量严重缺陷 • 紧迫的品牌建设需求: 距离产品上线仅剩两个月时,面临市场物料及视觉识别系统的紧急开发需求。 • 未来功能研发: 需要针对“AI Professor”及“Idearna”进行前期调研与模型测试。
解决方案
负责‘AI Humaniser’功能的用户调研及交互优化,利用 Figma 原型及 A/B 测试显著提升了工作流体验。协同跨部门团队构建 UI 规范体系,保障 Bug 修复进度,并主导完成了产品上市前的品牌资产从零到一的建设。
影响
• 90% 的用户留存率 • “AI Humaniser” 功能任务完成率提升 12% • 700 万+ 的广告曝光量
卡片优化与句子修订
问题
热图分析显示,在非交互元素上存在高频误点,表明用户在修订工作流中遇到了导航困难。我的观察显示,用户常常感到“被困住”,因为原始界面缺乏明确的“接受”状态,并且模糊的标签,例如“撤回”与“重试”,造成了显著的犹豫。这种缺乏清晰度导致频繁的意外数据丢失和愤怒点击,直接阻碍了修订效率并削弱了用户对工具的信心。
设计策略
我将整个工作流重构为更直观的“放弃–重试–接受”循环。我将“撤回”改为“放弃”,以避免用户将其误解为“返回”,使用更直观的语言来表达“接受变更”,并减少认知负担。我还实施了一种语义颜色编码系统——红色代表放弃,绿色代表重试,蓝色代表接受——这使用户能够立即区分操作,而无需仔细阅读标签。

此外,我解决了一个布局问题,侧边栏卡片与主文档内容重叠,确保了一个干净、无干扰的编辑环境。

结果
修订工作流的重新设计和布局冲突的解决共计带来了12%的任务完成率提升。通过实施更直观的“放弃–重试–接受”循环和语义颜色编码系统,我减少了用户犹豫,消除了侧边栏与内容的重叠,并营造了一个稳定、无干扰的环境,显著提高了整体用户信心与互动效率。
内容编辑与显示优化
我们编辑工作流中的主要挑战是“标记疲惫”。在分析用户行为日志并识别修订阶段的重复掉落点后,我意识到界面将原始文本、修改和删除线混合在正文中,造成了一个杂乱的环境,迫使用户在复杂的颜色编码标记之间进行心理解析。这个认知负担经常中断阅读流畅性,并延迟决策。
为了解决这个问题,我优先考虑了视觉层次和内容隔离。通过将繁重的编辑标记和删除线移出主体,我让文档重新“呼吸”,将用户的焦点从编辑过程转回到内容本身。对于当前的修订,我引入了微妙的蓝色高亮,该高亮直接映射到“接受”操作,建立了视觉变化与用户意图之间的更清晰联系。这个从复杂的混合状态显示到简化的意图专注视图的过渡,显著加快了修订周期。

除了视觉清晰度,我通过自动化引用链接简化了学术工作流程。以前,插入引用感觉像是一个“死胡同”——没有立即的系统反馈或主动连接。我重新设计了这一互动,使其变得更加主动:系统现在在插入时立即获取并链接参考文献。通过用系统自动化替代手动努力,我不仅减少了用户的认知负担,还确保了文档内学术引用的完整性和准确性。

影响
在实施A/B测试后,任务完成率提高了12%。
登陆页面设计
PagePeek.ai登陆页面营造了一种将技术与学术融合的氛围,利用渐变色,配合模块化信息架构和明确的交互逻辑,准确传达“高效、专业和值得信赖”的产品价值。通过利用简洁、直观的功能展示和明确的行动呼吁(CTA),该页面帮助学生和研究人员快速理解并尝试该工具,最终提升学术写作体验。
年
2024-2025
项目周期
5个月
工具
Figma, Adobe creative suite, Google Analytics, Google Ads
类目
UI/UX
主要任务
1. 用户访谈与任务流程图绘制 2. “AI Humaniser”功能的交互逻辑与 UI 结构优化 3. A/B 测试执行及任务完成率追踪 4. 用户反馈收集 5. 建立 UI 标准及修复问题 6. 制作市场营销素材 7. 协调外部团队完成品牌宣传视频及广告制作 8. 数字广告策略制定、活动投放及数据监控
01

02

03

04

05






