Lofter信息架构改版（ios端）

app的改版思路流程：1、竞品分析（产出共性与差异对比图）

                               2、卡片分类法（产出改版后的信息架构树状图和改版思路）

                               3、根据思路和树状图画出原型

下面将以lofter为例，阐述如何进行app信息架构的设计与改版：

一、找竞品，分析信息框架

    针对图片社交类的app，找了其它两款竞品，分别是Instagram、Nice，加上lofter一共三款做了竞品分析，通过不断的体验其功能，最后产出的信息架构树状图分别如下：

lofter：

Instagram：

Nice：

从三款app的信息架构树状图，我们可分析和总结出其中的共性和差异：

二、改版思路

      结合竞品的共性和差异性分析，我提取了24个功能参与卡片分类法调研，而调研的结果可以说有点千奇百怪，但不可否认的是其中也有可参考之处（调研结果如下图所示），比如说三位用户都把“发起聊天”和“聊天消息列表”“搜索好友”独立出来并放在一起；三位用户都把“热门标签”和“同城热门”放在了一起，其中两位用户还把“猜你喜欢”也加入了进去，另外三位用户都把”我的粉丝“、”我的关注”和“我的喜欢”也分为了一组。

用户一：

用户二：

用户三：

结合竞品分析和卡片分类结果，我总结的改版思路及树状图如下：

1、消息页只存放跟消息有关的内容。现行版本lofter的消息页把好友近期活跃情况也容纳了进来，个人认为跟消息是没有很大关联的，应该放置在别的页面，其次，专题的属性跟活动等是类似的，可以放置在发现页，另外，lofter把发起聊天和聊天消息列表割裂开来了，而做为图片社交应用，社交应占很大部分比例，因而，在本次改版中我将两者结合起来在一个页面展示。

2、首页“关注”部分头部的推广广告作为banner放置在发现页，没必要重复，另外可适当推荐好友给用户，引发用户关注，其次“好友近期活跃情况”和“好友推荐的内容”性质是一样的，应该也纳入关注部分。“订阅”部分，对于我已经订阅的标签，个人认为不够直观，每次都需选择某一类标签才能看到该标签下的所有内容，而既然用户订阅了，肯定就想点击“订阅”tab就能马上看到订阅的具体内容，另外，有时候并不想只看某一订阅标签的内容，只想获取全部订阅过的标签的最新最热的内容，而现行版本是实现不了这一需求的，因而，综上个人建议将“我的订阅”以tab的形式直接展示各个已订阅标签下的所有内容，再在前面加上“最新”、“最热”两个tab，根据发布时间和热度两个维度来展示全部已订阅标签的内容。

3、发布视频和纯文字的功能过于隐蔽，发布单、多图可统一起来。根据调研，很多用户都不知道长按发布按钮是可以发布视频和纯文字的，建议发布图片/视频和纯文字统一手势，另外，点击发布按钮是默认发布单图的，只有长按图片才进入多图选择模式，这容易被忽略，造成用户误以为只能发布单图，个人认为应该默认为多图选择模式，当用户选择一张图片时就发布单图了。

4、发现页“精选标签”、“推荐标签“模块和首页订阅tab里“热门标签”属性是一样，因而将这两个模块去掉，不再重复，另外在图片社交应用里，发现内容和发现并关注好友其实是分不开的，因而我将关注好友里的2个标签页“猜你喜欢”、“同城热门”放置在了发现页面，将“微博好友”入口放置在了“查看更多达人”页面里。

原型交互稿：http://1faftf.axshare.com