一、竞品分析的目的
为了产品交互优化提供主要依据，侧重于首页界面、逻辑框架、信息布局等交互方式的分析。
二、竞品选择
ASOS
F21
UO
SHEIN
三、设计现状
01-首页框架对比
asos：
包邮和新品专题方在首屏位置，符合对社交网络上热门穿搭的快速反应，第二屏从穿着场景和穿搭风格的角度去解决穿衣需求，进入后摆出相对应的商品。
三屏中显示最近浏览，增加用户购买几率，同时可关闭。
f21：
从结构信息和布局都和asos类似，f21整体色调更艳丽甜美，符合产品定位。不同点在于首页面增加了到货提示。
uo:
uo的首页没有tabbar，所以在首页中大篇幅了展示了分类入口。
首屏展示搜索、促销活动和分类，结尾显示促销。个人认为uo的产品分类较广，所以有目的性用户较多。
shein:
首屏显示优惠信息和导购，除了导购信息，页面增加了直播的入口，直播和穿衣搭配等互动，增加了用户的粘性。无底线下拉使用户有一种永远逛不完的感觉。缺点是列表没有like按钮。
tbdress：
首页没有突出新品、折扣或导购专题，对于无目的用户吸引力度不大。tab中预售、闪购、礼服不属于同一分类放置在一起，显得怪异。热卖分类在最下方，容易被用户忽略，点击左右滑动形式属于pc端交互方式，不适合用在app中。分类放置在侧滑菜单中，层级较深。
总结：大部分竞品app在首页都展示了新品推荐、优惠折扣和分场景季节导购入口
02-tabbar对比
asos：
tabbar主要为常规项，包含首页、分类、购物袋、心愿单、我的。其中购物袋放置在中间位置。
由于购物袋在tabbar中，所以在app的任何页面中，tabbar都保持可视状态。交互为下滑时隐藏，上滑时显示。
f21：
tabbar内容和asos一致，包含首页、分类、心愿单、购物袋、我的。其中心愿单放置在中间位置。
shein:
包含首页、分类、装备、时间线、我的。装备项增加了互动环节，增强了用户粘性。时间线以买家秀的形式展示，增加用户的从众心理，增加用户购买的可能性
tbdress：
包含首页、足迹、心愿单、消息、我的。其中足迹、消息的重要级并不适合放置在tabbar中。
总结：竞品tabbar的共同点为首页、分类、我的、其他内容则针对网站的定位和特色摆放相应的项目。
03-分类导航
asos：
可搜索，tab有男女分类，二级菜单直接可点击进入，分类列表展示在下方，缺点：进入三级菜单无可进入标识
f21：
可搜索，tab较详细分类，二级菜单可直接点击进入，缺点：下拉后，进入三级菜单无可进入标识，进入四级菜单有标识，显示不一致
uo:
可搜索，由于从首页分类进入，所以分类页不需显示tab。层级关系明确。
shein:
可搜索，二级菜单不可直接点击进入，层级较少，只有二级。闪购等活动归纳在分类下方，增加用户粘性。
tbdress：
可搜索，分类多为三级，其中tops中有四级，层级较深。交互菜用侧滑菜单模式，不醒目。分类内容和pc端不一致，缺少新品、品牌等分类。
总结：大部分app分类放置在tabbar中。增加图示，帮助用户进行快速筛选。同时在顶部tab进行了男女等属性的细分，帮助用户进行精确查找。
04-行为互动
总结：
1、轻量化、扁平的层级结构十分简单，减少用户思考，便于理解。
2、任何入口的列表页需要显示数量、排序和筛选，便于用户选择，筛选条件需根据不同分类列表相应调整。
3、搜索需提供最近搜索、热门搜索等，减少用户输入、降低记忆负担。
4、无底线页面需提供up操作。
网友评论