网易LOFTER是网易旗下一款「让兴趣 更有趣」的社交APP ,LOFTER汇聚了数百万的摄影、胶片玩家,绘画及动漫爱好者,并不断衍生出更多的兴趣圈子,无论是设计、艺术、科技、时尚、旅行、读书、电影评论都有精彩的人与内容不断产出,本文就LOFTER的信息架构作为重点,结合竞品进行讨论,尝试使用卡片分类法为 LOFTER 做一些信息架构设计的升级

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(1)

体验版本:V6.7 体验机型:Huawei Mate 20 Pro

一、LOFTER的信息架构

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(2)

LOFTER的信息架构

二、竞品对比

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(3)

数据来源:易观千帆

目前在图片社交行业中,直观而言,LOFTER主要的竞品有IN、绿洲、Instagram以及nice等

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(4)

图片社交产品分类

而图片社交产品也可以分为以下几类:

分享 社区类(创作型用户) Instagram,LOFTER,绿洲

找图 存图类(消费型用户) 堆糖

标签 贴纸类(消遣型用户) IN,nice

下面简单梳理一下部分竞品的信息架构图

1. IN

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(5)

IN的信息架构

2. 绿洲

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(6)

绿洲的信息架构

3. Instagram

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(7)

Instagram的信息架构

4. nice

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(8)

nice的信息架构

5. 竞品定位分析

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(9)

竞品定位分析

三、功能卡片提取1. 卡片分类

在梳理完产品的信息架构后,将LOFTER的功能点以及自己的新增功能的想法罗列了出来

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(10)

整理出来的一些功能卡片

接着对这些功能卡片进行了归类

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(11)

功能卡片归类

2. 目标用户选择

在这里我邀请自己的一些好友来帮我进行产品体验,通过他们的心智模型来优化产品的信息架构

关于目标用户的选择,寻找了对LOFTER有不同的需求的三位用户,兼顾发布型用户和浏览型用户

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(12)

目标用户选择

3. 用户心智模型整理

(1)Xuan的心智模型

Xuan认为这些功能页面应该这样分布:

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(13)

Xuan的心智模型

(2)Meng的心智模型

Meng认为这些功能页面应该这样分布:

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(14)

Meng的心智模型

(3)Ran的心智模型

Ran认为这些功能页面应该这样分布:

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(15)

Ran的心智模型

4. 用户心智模型总结

(1)对比分析,可以看出,3位目标用户对“首页”、“发现”、“发布”、“市集”、“我的”这几个分类理解大致相同,这也应证了用户对图片社交应用的认知有哪些惯性思维

(2)“发现”页面有差异,Xuan的发现页只有搜索,推荐相关的内容也都集合在搜索子页面中,在上述提到的竞品中与Instagram相似

(3)同时Ran表示,现有LOFTER的“消息”分类已经被市集所替代,这样子的话可能会导致用户不能及时接收到来自其他方的消息;同时市集里面所交易的商品比较杂乱,不能像其他社交电商平台里面所经营的商品那样定位明确

(4)Meng则觉着在刚开始使用的时候很晕,LOFTER的横向滑动虽然很有趣,但是太多而导致不知道该看哪一类,每一类都想点进去看一下,而且页面响应较慢,相关图片加载不出来,怀疑是自己手机的原因

(5)Xuan和Meng希望能够在市集里面买到自己想买的东西,因为LOFTER偏摄影分类,而且Xuan也是摄影相关的专业,她比较期待能在市集里面看见摄影的类别商品;同时Meng也希望能将用户所发布的单品照片可以与商城结合起来,快速跳转到相应的商品信息页面

(6)目前市面上的图片社交类产品功能较趋同,所找的几位用户都比较希望在LOFTER看到更多的特色功能,来塑造自己的竞争力

四、改版后的信息架构1. 总结改版优化点

针对上面信息架构的调研,我也总结了一些LOFTER可以考虑的优化功能点:

(1)针对Xuan和Meng提出的建议,将把“发现”模块合并在“首页”模块中,同时“发现”的“分类”模块变为用户可自定义的添加或减少,让用户根据自己的习惯来调整,这样能保证LOFTER对综合兴趣社区的需求不变,用户第一次使用的时候会添加用户引导,分类模块是用户第一次使用产品时作出的挑选,用户可以在“发现”页面中进行修改

(2)针对Meng的建议,将“市集”模块中的商品进行分类,同时用户在进行发布图片的时候,如果图片所包含的商品在乐乎市集中存在,可以在图片上增加图片所包含商品的标签,通过点击标签可以快速跳转到商品的详情页

(3)针对Xuan的建议,在“市集”中也可以增加一栏关于摄影器材的分类,同时也可以增加摄影相关的线上课程,通过付费教学的方式增加一项收入来源,同时作为图片社交类软件,可以考虑再多多关注后期功能,如增加滤镜数量,开发出更加强大的特效等

(4)根据Ran的建议,对“消息”板块进行回归,方便用户接收到来自系统或者其他用户的交互,从而增强其社交功能

2. 改版优化后的信息架构

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(16)

改版优化后的信息架构

五、改版后的原型文件

针对上述提及的功能优化点,也做出了相应的原型文件:

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(17)

优化后的原型文件

下面挑选一些重要的模块总体布局页面来谈谈我的想法:

1. “看见”模块

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(18)

模块总体布局

A1. 【改动】通过左右滑动的方式可以切换“关注”页面与“发现页面”,原先的“订阅”页面现已替换成为了“发现”

A2. 此icon为添加关注功能

A3. 原先的“订阅”区域现已移至关注页面上方,通过用户调研分析,订阅在某一种程度上也属于“关注”

A4. 【改动】用户在发布动态时如果设计一些潮流单品,可以添加标签将它们显示出来,若在乐乎市集中存在,则自动连接至相应的页面

B1. 此控件为搜索栏,用户可以在此控件里面搜索自己喜欢的主题

B2. 【改动】这些分类为用户自己第一次进入软件后所选择的分类,相较之前将所有分类都罗列在一起显得更加有重点

B3. 【改动】由之前下拉icon变更为管理icon,管理用户想看见的分类

B4. 点击进入相应的文章详情页

2. “消息”模块

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(19)

模块总体布局

A1. 【改动】第二个板块由之前的“发现”变更为了“消息”,用以帮助用户更好地查看交互信息

A2. 【改动】此icon为反馈信息,用户可以通过此接口对开发人员提出建议

A3. 【改动】当有相应数量的消息传送给用户时,也会以气泡的形式告知用户

3. “发布”模块

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(20)

板块总体布局

A1. 当点击中间的“发布”icon时,icon会自动旋转90度

A2. 同时页面也会覆盖一层阴影

4.“商场”页面

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(21)

模块总体布局

A1. 【改动】在电商板块中增加了“课程”模块,与“市集”模块并列

A2. 点击此icon会跳转至分类详情页

A3. 点击此区域会跳转至相应的活动页面

A4. 点击此区域icon会跳转至相应的商品分类列表

A5. 跳转至活动列表

A6. 跳转至购物车页面

A7. 跳转至个人页面

B1. 跳转至相应的活动页面

B2. 跳转至相应的热销商品列表

B3. 跳转至相应的上新商品列表

B4. 通过左右滑动或者点击显示不同的商品列表

B5. 点击进入商品详情页面

5. “我的”模块

lofter隐藏链接教程(浅谈LOFTER的信息架构及优化)(22)

模块总体布局

A1. 【改动】点击此区域可以修改个人信息

A2. 【改动】点击此icon显示更多App功能,将一些其他的功能整合在这里面做成功能列表

A3. 点击此区域可以显示相应的人员列表

A4. 通过左右滑动或单击的方式来显示相应的推文

A5. 点击进入相应的文章详情页

一些拙见,希望能与大家多多讨论~

完稿时间:2020.1.20

,