项目 PROJECTS 画廊 GALLERY
关于我  ABOUT ME

概述 Overview

Ig Analyzer是一款主攻海外市场的Instagram数据分析工具,为用户提供专业、准确、丰富的Instagram账户数据,帮助用户更好的管理和运营自己的账户。这里主要记录产品中Story模块的调研和设计流程。

我的角色

主要负责产品前期的调研,流程设计,原型和交互设计。与开发工程师和视觉设计师紧密沟通,了解各方面的技术限制,尽可能的包装或避免这些限制,并多次迭代优化产品细节,给用户带来最好的体验。

项目目标

  • 在Ig Analyzer现有产品架构下加入Story数据分析模块。
  • 整合用户在Instagram中使用Story的习惯和Ig Analyzer的交互逻辑,降低用户对新功能的学习成本。
  • 平衡新模块中的付费功能与免费功能,引导用户使用付费功能,提升用户留存率和付费率。

项目成果

  • App Store排名上升。 日区App Store排名从24位上涨至第6位(社交免费榜),中国台湾区App Store排名从31位上涨至第5位(社交免费榜)(2020年2-3月)。
  • 用户留存率上涨。用户七日留存率最高上涨超7%,十四日留存最高上涨超5%。
  • 用户付费率上涨。上线30天后与前一周期相比用户付费率上涨0.8%。

前期调研 Research

Ig Analyzer Story功能的立项是基于Instagram Story的成功和众多的用户反馈呼声,目标受众与现有订阅用户相同,所以没有再做重复的用户调研。前期调研的重点放在对Instagram Story交互设计的研究,并基于Ig Analyzer更偏向数据的产品定位对其进行优化。

用户痛点

  • 谁查看了我的Story数据只在Instagram上提供24小时。且对历史Story仅呈时间线排列,没有更多数据化的排列方式。
  • 查看历史Story的从主页起至少需要四步点击,路径冗长。
  • 观看Story一定会留下痕迹,部分用户有隐秘观看的需求。

设计机会

  • 提供更多被Instagram隐藏的Story数据和更多样化的查看排序方式。
  • 提供更多与被观看者关系相关的信息,以及以观看者为对象的其他数据。
  • 简化历史Story的查看流程,培养用户在Ig Analyzer中查看历史Story的习惯。

我们能提供哪些数据?

因为这是一个基于Instagram提供的API所开发的产品,并不能实现所有天马行空的功能。在完成了对Story功能的前期调研后,我开始与开发工程师沟通能拿到哪些数据,以及这些数据的具体限制。这能帮助我梳理修正Story模块的功能框架,在设计产品时避开或更好的包装这些限制。

设计迭代 Design Iterations

在确认了能够提供的数据和功能后,我开始进行产品草图的构思以及更精确的线框图,并向团队成员展示和讨论中保真原型。因为产品本身逻辑并不复杂,所以原型框架很快即通过,对产品的优化集中在几个难点上。

设计重点1 - Story模块入口

对Story模块入口的设计,最初的想法是将其入口与现有的Post和Follower数据区隔开。因为现在的首页13个平铺排列的数据模块已经较多,且不允许用户自定义,再加入新模块会导致数据类型过于杂乱给用户带来困扰。

在与团队成员讨论后,大家一致非常看好Story模块对产品下载和付费率的提升,担心将模块的入口放在首页会影响用户对该功能的认知和使用率。于是团队最终还是决定将Story的入口放在首页并通过增加自定义首页功能优化首页的数据展示。以下为最终入口方案。

设计重点2 - Tracked Story

Tracked Story是Story数据模块中的核心功能,怎样帮助用户管理自己过往的Story是这个模块设计的重点。因为Instagram中过往观看者的数据无法查看,所以将Story内容本身作为了管理的重点。

最初一版方案基本是对Instagram交互方式的还原,但由于两者功能侧重的点不同,一个侧重数据一个侧重内容,这样的设计会导致用户为查看不同日期的内容反复跳转,影响体验。

为了帮助用户更方便的查看不同日期的Story,我尝试用将Story平铺并加入分割方块的方式进行优化。但平铺后因为滑动没有阻尼用户容易一滑到底,迷失自己所在日期。

接下来是后来选中的最终方案,添加日期切换的阻尼并提示用户所切换的日期。并用大图和小图的自然切换平衡内容和数据信息的呈现。

设计重点3 - 订阅引导

作为一款订阅制的产品,用户的付费订阅是Ig Analyzer的核心收入来源。怎样引导用户体验新功能并愿意为之付费,也是体验设计的重要一环。

针对私密观看Story的功能我们设计了两种引导方案,并进行了线上A/B Test。

经过测试方案A的数据要明显优于方案B。Watch Story Privately功能能激起用户一定的付费冲动,但这毕竟不是一个适用于所有人的强需求,这样的冲动在20次体验后可能被减弱或消解,降低了方案B用户的付费率。

对于Story Viewer和Tracked Story两个模块,用户能在Instagram中看到的数据全部都作为免费功能,除此之外对于历史Story浏览量排序的Most&Least Viewed也作为免费功能。

视觉设计

以下为视觉设计师完成的最终上线产品视觉设计。

项目收获 Key Learnings

  • 规范完整的文档书写和在此基础上建立的与开发工程师高效的沟通模式。我初次提交的交互文档因为颗粒度不够细导致视觉设计师和开发工程师需要跟我多次反复沟通。于是我开始更深入的学习交互文档的书写方式,清晰的标注不同页面场景、交互效果和手势规则。节省了大量沟通时间,使开发流程更加高效。
  • 在交互和界面设计时考虑本地化后对产品的影响。Ig Analyzer是一款在美国、日本、中国台湾、德国、巴西等多个不同文化市场上线的产品,每个新功能或版本都要做相应的本地化适配。故需要考虑相同意思文本在不同语种下的表达,以及图标运用的普适性等问题。