首页 > 百科知识 正文

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

时间:2024-06-09 19:00:01 阅读:593 作者:離開痛

网易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

版权声明:该问答观点仅代表作者本人。如有侵犯您版权权利请告知 cpumjj@hotmail.com,我们将尽快删除相关内容。