Lofter信息架构改版(ios端)
app的改版思路流程:1、竞品分析(产出共性与差异对比图)
2、卡片分类法(产出改版后的信息架构树状图和改版思路)
3、根据思路和树状图画出原型
下面将以lofter为例,阐述如何进行app信息架构的设计与改版:
一、找竞品,分析信息框架
针对图片社交类的app,找了其它两款竞品,分别是Instagram、Nice,加上lofter一共三款做了竞品分析,通过不断的体验其功能,最后产出的信息架构树状图分别如下:
lofter:
Instagram:
Nice:
从三款app的信息架构树状图,我们可分析和总结出其中的共性和差异:
用户二:
用户三:
结合竞品分析和卡片分类结果,我总结的改版思路及树状图如下:
1、消息页只存放跟消息有关的内容。现行版本lofter的消息页把好友近期活跃情况也容纳了进来,个人认为跟消息是没有很大关联的,应该放置在别的页面,其次,专题的属性跟活动等是类似的,可以放置在发现页,另外,lofter把发起聊天和聊天消息列表割裂开来了,而做为图片社交应用,社交应占很大部分比例,因而,在本次改版中我将两者结合起来在一个页面展示。
2、首页“关注”部分头部的推广广告作为banner放置在发现页,没必要重复,另外可适当推荐好友给用户,引发用户关注,其次“好友近期活跃情况”和“好友推荐的内容”性质是一样的,应该也纳入关注部分。“订阅”部分,对于我已经订阅的标签,个人认为不够直观,每次都需选择某一类标签才能看到该标签下的所有内容,而既然用户订阅了,肯定就想点击“订阅”tab就能马上看到订阅的具体内容,另外,有时候并不想只看某一订阅标签的内容,只想获取全部订阅过的标签的最新最热的内容,而现行版本是实现不了这一需求的,因而,综上个人建议将“我的订阅”以tab的形式直接展示各个已订阅标签下的所有内容,再在前面加上“最新”、“最热”两个tab,根据发布时间和热度两个维度来展示全部已订阅标签的内容。
3、发布视频和纯文字的功能过于隐蔽,发布单、多图可统一起来。根据调研,很多用户都不知道长按发布按钮是可以发布视频和纯文字的,建议发布图片/视频和纯文字统一手势,另外,点击发布按钮是默认发布单图的,只有长按图片才进入多图选择模式,这容易被忽略,造成用户误以为只能发布单图,个人认为应该默认为多图选择模式,当用户选择一张图片时就发布单图了。
4、发现页“精选标签”、“推荐标签“模块和首页订阅tab里“热门标签”属性是一样,因而将这两个模块去掉,不再重复,另外在图片社交应用里,发现内容和发现并关注好友其实是分不开的,因而我将关注好友里的2个标签页“猜你喜欢”、“同城热门”放置在了发现页面,将“微博好友”入口放置在了“查看更多达人”页面里。