说明:本文只对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; Instagram和in则都展示了用户发布的内容,Instagram强调了快拍摄影,in则强调了发布内容,in的访问数据展示,也很好的吸引了用户的眼球,满足了用户的虚荣心。
二、卡片分类
根据对LOFTER、新浪微博、Instagram、in 四款产品的分析归纳,根据LOFTE信息结构树状图对LOFTER 提取了20个功能卡片,提取的20个卡片为:
卡片完成后,请了两位用户重新对卡片进行了分类整理,重新整理归纳后的卡片分类如下:
三、LOFTER信息架构改版
(一)LOFTER信息架构改版树状图
由以上的分析得到新的LOFTER信息架构树状图,如下:
LOFTER改版后的信息架构(二)LOFTER信息架构改版交互图
此次改版主要集中在二级分类【发现】、【消息】、【我的】页面之下。
标红为改版的地方:
1、【首页】中将订阅页做了调整,将原来列表式排列的分类选项做了集中整合,并且订阅页展示用户发布的内容,不至于让分类内容隐藏过深,也能吸引用户更多的眼球。如下图所示;
改版前后的【订阅】页2、将原【消息】页中的专题放到了【发现】页中的推荐里,让其得到更多的曝光,而且对其展现形式也从原来的直观大图改成卡片式,这样能让用户知道还有多个内容。如下图所示:
改版前后的【发现】页3、将原【消息】页中的两大块内容整合成了一块,增强了用户间的互动性,并将原【我的】页中的“达人认证”放到该页面下,达人应当是与普通用户有区别的,其内容质量应该过硬,粉丝数也比较庞大,这些人维持社交关系的时候,消息页是经常打开的页面,所以达人认证放到该页面也是为了有更多高质量内容的产出。如下图所示:
改版前后的【我的】页感谢观看!
网友评论