首页 设计文章内容详情

今日头条发布器路径优化方案

2020-02-05 1342 jason

00 / 项目背景与设计目标


之前我有个朋友分享了一个题目给我,让我尝试对今日头条的内容发布器进行一个浅析,并优化其中的用户交互过程,重点突出添加图片功能,目标是提高用户发布微头条时图片的添加率

于是就有了这里的这次分享,也许会有一些考虑不周的地方,请大家多多指教啦

 

设计目标:优化今日头条发布器的交互流程,重点突出添加图片功能,提高用户发布微头条时图片的添加率,输出设计方案并说明理由。


理由:图片可以传递比文字更加丰富的信息,并且对用户的吸引力也大于单一的文字。


 

01 / 用户调研与场景搭建


研究方法:

我需要去了解不同用户在发布微头条时的思维模式与行为路径是怎样的,并对这些进行分解,从而得到背后的用户诉求,再从用户诉求出发提出解决方案。

 

我先去做了一个简单的用户访谈,访谈的用户是我身边在一些包括在今日头条等社交媒体上比较活跃的大一大二学生,以 “为什么会发纯文字动态” 为切入点,这里选择了两段比较有代表性的访谈记录:

接下来我根据头条里一些用户发布的动态内容,结合我自己发布一个动态的过程,尝试进行了一个简单的场景搭建:

以上,通过用户调研和场景搭建,关于用户的需求我得到了一些结论。



02 / 需求浅析


用户类型

  1. 想要分享自己身边有趣的事情的用户,他们一般会提前准备好发布动态要添加的图片或视频。

  2. 想要配图,但是拍的图片不好看 / 不合适,所以最后没有配图的用户。

  3. 有时喜欢 / 需要发布纯文字的用户。

 

用户诉求

  1. 我希望我发布的动态可以被更多的人看到。

  2. 我希望我发布的动态中的图片是能表达我意思的,好看的,吸引人的。

  3. 如果有合适有趣的表情包可以表达我的意思,我愿意在纯文字的动态中加入它。

  4. 有些私密性的文字,像是心情感受之类的我更加愿意用纯文字去表现它,因为我会觉得这样会比较正式。

 

HMW(How might we)转化

  1. 我们如何鼓励以前喜欢发纯文字动态的用户现在在自己的动态中加入图片?

  2. 我们如何使原本就需要添加图片的用户有更加方便的,更好的发布图片动态的体验?

  3. 我们如何让用户知道在动态中加入图片可以增加此动态的曝光率?

  4. 我们如何帮助用户找到适合自己情绪的表情包?

 


03 / 解决方案


优化目标

针对发微头条功能,突出添加图片功能,提高发布微头条中图片的添加率。

 

解决方案

首先是整体设计思路,我们可以增加用户发布纯文字微头条的成本,同时降低用户发布添加(好看)图片的微头条的成本,通过这样的方式来暗示鼓励用户选择发布添加图片的微头条。

我将整个用户路径可以分为交互入口、交互过程以及最后的交互结果反馈这三个阶段。

 

交互入口

  • 新增 长按 操作。用户长按首页右上角的【发布】按钮,可以进入纯文字发布界面。

  • 修改发布器中【发微头条】的 icon,使其对用户产生暗示。

(因为有上面第四点用户诉求的存在,所以不把用户发布纯文字微头条的功能砍掉,转而将发布纯文字微头条的入口隐藏起来,增加用户发布纯文字微头条的操作成本。)

 

交互过程

  • 将图片选择器提到前面来,用户在没有选择图片或表情包时无法进入下一步。

  • 在图片选择器中加入推荐表情包模块,收集一定周期内今日头条中出现次数最多的表情包推给用户,帮助用户找到好玩有趣的表情包。

  • 增加图片编辑器功能,帮助用户对图片进行一些简单的美化(增加一键美化功能,降低用户美化照片的操作成本和认知成本(因为有些用户不知道使用该怎样的滤镜或者不知道怎么美化照片)),添加涂鸦等操作。

  • 在内容编辑器中添加文案 “发布带有图片的头条会让别人更感兴趣哦 ~”,

 


交互结果反馈

可以设置发布一篇带图片的微头条可以获得 3 点活跃度,发布视频可以获得 6 点活跃度,然后提示用户的活跃度越高,就可以获得一些奖励什么的。但是这个方案可能还要考虑到其他操作中活跃度计算的问题,所以仅作为一个想法参考。


设计方案输出



04 / 结语


这个题目的整个设计周期为 3 天时间,输出物有前期的一份用户访谈报告、一份完整的交互说明文档 .rp 文件、一份视觉设计稿,一个高保真原型以及后期的一份用户测试报告。

 

整体做下来自己感觉还是比较良好的 =。=,平时自己在不断啃书的过程中也在不断尝试将自己在书上看到的一些设计方法论运用到实际的项目中去,包括参考了其他一些大神的分析过程,然后慢慢梳理自己的思路。

交互设计作为自己很感兴趣的一件事请,希望自己今后可以走得更远吧~

 

 

Design By 默月

Thanks for Watching :) 


本文转载自网络,如有侵权,请联系删除。 仅供学习 分享 欣赏 不做任何商业用途 版权归原作者所 有 如侵必删