美文网首页
网易Lofter信息架构改版说明

网易Lofter信息架构改版说明

作者: Yelena92 | 来源:发表于2018-10-09 22:03 被阅读0次

说明:本文只对Lofter进行信息架构方面的改版升级,未涉及流程。


业务目的:为Lofter做信息架构设计的升级

一、竞品分析

(一)LOFTER、新浪微博、Instagram、in产品介绍

(*以上软件均在ios11.4.1环境下体验)

LOFTER、新浪微博、Instagram、in产品介绍

以上4款产品,都是图片社交类软件:

LOFTER 的目标用户是偏小众的文艺青年,以轻博客为载体,主打“兴趣导向“;

新浪微博的目标用户群体广泛,有名人大咖,也有普通人,主打“信息分享,传播获取”;

Instagram 的目标用户也和微博一样,群体广泛,主打的是“捕捉和分享”, 以一种快速、美妙和有趣的方式将你随时抓拍下的图片彼此分享;

in 的目标用户更偏向年轻群体,以女性为主,它主打的就是图片社交,主推各种滤镜、贴纸。

(二)LOFTER、新浪微博、Instagram、in的信息架构

LOFTER的信息架构图 新浪微博的信息架构图 Instagram的信息架构图 in的信息架构图

(三)LOFTER、新浪微博、Instagram、in的差异与共性

对比这四款产品的信息架构树状图,可以发现他们的共性与差异之处,也为LOFTER信息架构改版做准备。

LOFTER、新浪微博、Instagram、in的首页  

1、共性

1.1 从信息架构树状图上看,四个产品都包含了【我】、【发现】、【发布】、【消息】、【我关注的】、【搜索】这几个功能模块;且其中的【发现】、【发布】、【我】均作为了一级导航展示。

LOFTER、新浪微博、Instagram、in的【发现】页    

1.2 【发现】页:

LOFTER 的发现页主要以各兴趣功能分类为主,在单个兴趣分类下,为用户推荐了热门活动、常用话题、和推荐内容;新浪微博 的发现页则主要以热门分类为入口,推荐热门话题与内容;Instagram的发现页在推荐内容的基础上,以图片展示内容,让用户有了更好的沉浸式体验;in进入就定为在了发现页,且其主推内容多以贴纸,相机玩法为主。

四款产品的发现页主打都是推荐功能,按照各自产品的用户需求,给予丰富的内容,个性化的分类,增强用户粘性。

LOFTER、新浪微博、Instagram、in的【发布】页   

1.3 【发布】:

四款产品的发布页处于一级导航的中心位置,在视觉上给予了用户一定的引导,且功能都包含了相册照片选取、拍摄录像,以及对照片不同程度的滤镜贴纸处理等。

2、差异

LOFTER、新浪微博、Instagram、in的一级导航

2.1 一级导航:

从信息架构树状图上,LOFTER、新浪微博、Instagram这三款产品的一级导航均为【首页】、【发现】、【发布】、【消息】、【我】五项内容,而in的一级导航只有【发现】、【发布】、【我】三项内容,其中它将【首页】、并入了【发现】,而【消息】则分别复制在两处。

2.2 【首页】定位页:

LOFTER、新浪微博、Instagram这三款产品的进入时,都定位在关注者发布的内容页上,LOFTER首页分为关注和订阅两大块功能,订阅号的内容专业度较高,但用户在找寻专业内容时,还需要从订阅的关键词进入,找寻相应内容,信息隐藏较深,不能突出订阅号的特色,从而也无法快速吸引用户眼球;新浪微博首页分为关注和热门两大块功能,其中关注还可以通过下拉角标进行分组选择,热门让用户快速选择关键词寻找自己想要的内容,这一功能和LOFTER的发现页兴趣分类选择类似;Instagram首页则以用户关注的内容为主,以及关注的人所发布的短视频;in的结构却与其他三者不同,它的首页(即发现页)分为探索和关注,并将定位在探索页上,这页精选用feed流推荐了大量高关注度的内容,而它的关注则可以让用户自主标明为“朋友”或者“订阅”的标签形式,在这一点上,LOFTER可以参考。

2.3 【发现】页

LOFTER的发现页有大量的兴趣分类,推荐功能固定,其他15个分类用户可根据自己的兴趣进行排序选择,即使用户可以对分类自主排序,但对于目标用户是小众群体的LOFTER来说,他们可能仅仅需要的是几个分类即可,这庞大的15个分类还是略显多,这一功能可进行改善;新浪微博Instagram的用户群体都是偏向大众化的,多种分类选择更利于用户体验它们的,也是有利于自身产品的功能;in的用户群体偏女性化,它的发现页则强调了照片滤镜贴纸等功能,符合自身产品定位。

2.4 【消息】页

LOFTER的消息页分为消息和聊天,进入定位于消息,它的各模块喜欢、评论与聊天都是为了加强用户之间的互动关系,应该同属一个模块,但LOFTER却拆分为了两个模块,这一功能可参考微博的消息页;Instagram的消息页名为关注,展示的也是关注的用户列表,以及推荐用户,强调的是用户之间的关注关系,它的互动更多的是放在用户发布内容的展示模块上;in的消息藏身于发现和我页中,因其自身的产品定位,它的消息页展示更多的是活动相关内容,加强了营销功能,这一点上,LOFTER有福利集市和乐乎印品两大盈利模块,其活动内容是否可以借鉴in的方式,发布官方消息给用户,以曾强其营销能力。

2.5 【我】页

LOFTER的我的页里包含了两大块盈利模式福利集市和乐乎印品,以及简单的个人动态,这一页面只为这三个模块开了入口,没有很好的展示其特点,整个信息架构内容都进行了下一级扩展,使页面不平衡,内容平庸,不能抓住用户的眼球;新浪微博的我页中包含活动、话题、任务等,内容繁多,适合其自身却并不适合LOFTER; Instagramin则都展示了用户发布的内容,Instagram强调了快拍摄影,in则强调了发布内容,in的访问数据展示,也很好的吸引了用户的眼球,满足了用户的虚荣心。

二、卡片分类

根据对LOFTER、新浪微博、Instagram、in 四款产品的分析归纳,根据LOFTE信息结构树状图对LOFTER 提取了20个功能卡片,提取的20个卡片为:

卡片完成后,请了两位用户重新对卡片进行了分类整理,重新整理归纳后的卡片分类如下:

三、LOFTER信息架构改版

(一)LOFTER信息架构改版树状图

由以上的分析得到新的LOFTER信息架构树状图,如下:

LOFTER改版后的信息架构

(二)LOFTER信息架构改版交互图

此次改版主要集中在二级分类【发现】、【消息】、【我的】页面之下。

标红为改版的地方:

1、【首页】中将订阅页做了调整,将原来列表式排列的分类选项做了集中整合,并且订阅页展示用户发布的内容,不至于让分类内容隐藏过深,也能吸引用户更多的眼球。如下图所示;

改版前后的【订阅】页

2、将原【消息】页中的专题放到了【发现】页中的推荐里,让其得到更多的曝光,而且对其展现形式也从原来的直观大图改成卡片式,这样能让用户知道还有多个内容。如下图所示:

改版前后的【发现】页

3、将原【消息】页中的两大块内容整合成了一块,增强了用户间的互动性,并将原【我的】页中的“达人认证”放到该页面下,达人应当是与普通用户有区别的,其内容质量应该过硬,粉丝数也比较庞大,这些人维持社交关系的时候,消息页是经常打开的页面,所以达人认证放到该页面也是为了有更多高质量内容的产出。如下图所示:

改版前后的【我的】页

感谢观看!

相关文章

网友评论

      本文标题:网易Lofter信息架构改版说明

      本文链接:https://www.haomeiwen.com/subject/hefuaftx.html