一、基本信息
简介:InStyle iLady是引领时尚资讯的一站式生活平台。作为摩登女性的随身闺蜜,每天与你分享美丽人生路上的新乐趣,专业又体贴地告诉你如何将自己打造得更明媚动人,享受优雅生活每一天,实践对美的追求、对生活的渴望和对爱的期待,成为真正的“优雅生活家”。
目标用户:高端都市女性
系统:安卓系统
版本:2.8
二、产品结构图
三、整体设计
优点:
1、APP界面沿用时尚杂志风格的排版,较好的突出该APP有关“时尚资讯”的特点。
2、主色调为桃红色,与目标用户高端都市女性较匹配。
不足及优化建议:
1、菜单栏
设计上较沉闷。
建议可参考IOS版本,改成“简笔画图标+文字”的形式,使界面更加生动形象,也能保证两个系统的APP一致性。
2、“购物车”图标的交互
在未登录的状态下,触发“购物车”图标后跳转入本篇文章,这样的交互设计可能意义不是太大,觉得“购物车”的交互设计在未登录的状态下应该是先引导用户登录,以便对用户行为进行跟踪以及引导用户进行后续的与购物相关的操作,比如添加至购物车以及最后实现购买行为等。
建议在未登录的状态下,触发“购物车”后跳转入“登录”界面,引导用户登录。
3、“分享”图标的交互
触发“分享”图标后,微信、朋友圈、微博这些分享方式从底部向上逐一跳跃显示,触发“关闭”,这些分享方式也是逐一跳跃消失于底部。观察其他APP的同类功能多是全部分享方式一起显示或隐藏,所以这些动画可能并不是那么必须。
建议可删除这些不是太必要的动画效果。
4、排版
“时尚”、“美容”、“好玩”板块下的子版块位置靠下方,易与正文混淆。
建议可将“今天穿什么”等等这些子版块栏放在菜单栏下方,这样用户一眼就能知道哪些板块下都有什么子版块,使结构更加清晰明了,也能在一定程度上增加用户点击率。
5、整体性欠缺和多余重复信息
子板块页面里只有文章,没有标题栏。
多余重复的文字信息,比如“时尚”下的“今天穿什么”里的所有文章标题都是“今天穿什么”开头,然而该板块就是“今天穿什么”,这些标题文字显得有些多余。
多余重复的配图,比如“好玩”板块下的“星座”子版块,配图的重复度较高,且没有多大的实质意义。无形中降低了用户的体验感。
建议通过增加标题栏的形式加强子版块的整体性,适当的删除文章里多余的标题文字和配图。比如“美容”下的“美妆大赏”页面顶部可加上桃红底白字的“大数据美妆大赏”标题栏,并且在左上角加上年份等筛选器。
6、配色
浏览所有界面,发现主要配色是桃红、黑、灰、白。但是APP图标和页面顶部LOGO颜色为暗红色,略微有点不协调。
建议可做调整。比如图标和LOGO换成桃红色。
7、文章模块里的子功能的参考作用不强
建议文章模块内可加上“阅读量”、“收藏人数”、“加入购物车的人数”等子功能,能给用户起到一个参考的作用。
8、增加“直播”功能,关于大牌明星的时尚、美妆、好玩等的直播。
四、具体功能
功能1:时髦购
从第二部分的产品结构图以及下面的对比图可以看出,时尚、美容、好玩板块下面都有“时髦购”这个子版块,推测可能是该APP的核心功能之一。
优点:子版块的底图与其所属的板块名称的相关性高。
比如“美容”板块下的“时髦购”,搭配的底图就是与“美容”相关的美妆产品图等。
不足:
1、交互的相关性和针对性不高,增加用户的操作步骤
不同板块下的“时髦购”跳转的页面与各自所属的板块的相关性和针对性不高,触发不同板块下的“时髦购”都跳转入相同的导购页面。比如点击”美容“板块下的“时髦购”跳转到“时髦购”的“全部”页面,而不是与“美容”相关的“美妆”模块页面。
顶部的轮播图也显示的是比较泛的购物推荐,而不是与“美容”相关的“美妆”产品推荐。
用户从“美容”板块下点击“时髦购”,很大部分是想看关于“美容”的“时髦购”内容,而跳转进入“全部”页面后,如果用户想浏览与“美容”相关的“时髦购”内容,还需多操作一步,自行点击“美妆”模块,才能实现。这样就增加了用户点击的次数和跳转页面的次数,降低了用户使用的便捷性。
2、各模块商品排列缺少分类标准
“时髦购”页面下的所有模块的商品排列只是简单罗列,并没有什么排序标准以及筛选条件,用户要找到自己感兴趣的商品比较费劲。
优化建议:
1、提高不同板块下的“时髦购”与其所属的板块的相关性,减少用户的操作步骤。比如:“美容”板块下的“时髦购”与“时髦购”页面的”美妆“模块相关联。触发“美容”板块下的“时髦购”后跳转进入“时髦购”的”美妆“模块,且顶部轮播图自动切换成与“美容”相关的“美妆”产品推荐。
2、增加商品排列的排序标准,比如”价格“、”品类“、”品牌“等,或者是条件筛选功能,比如“品类选择”、“价格区间”、“品牌偏好”等。
功能2:登录
不足:
1、消息提示和标题的位置冲突,且消息提示的设计配色不统一
目前消息提示的位置在顶部,显示时会覆盖顶部的标题“登录”二字。
消息提示的设计配色不统一,刚转入登录界面时,输入手机号登录的消息提示是灰底白字配色;但是验证码发送成功的消息提示是桃红底白字配色。
2、触发次数过多,降低用户体验感
目前手机号、验证码、其他方式登录分别各占一个页面,这些触发和跳转没太多必要,完全可以设计到同一个界面,而且目前的登录界面有点空,把这些都设计到同一个页面上也并不会过于拥挤,还能减少操作步骤。
优化建议:
1、顶部标题栏设置成带底色的,比如根据整个APP的色调设置成桃红底白字。关于消息提示,为了与标题栏有一个区分度,可统一设置成灰底白字,与标题栏相比,底色宽度稍窄且字号稍小,显示位置移到标题栏的下方。
2、把手机号、验证码、其他方式登录这些都设计到登录界面上,在同一个界面完成关于”登录“功能的所有操作
功能3:圈中人
不足:浏览整个APP,在”时尚“、”美容“、”好玩“板块下都有一些标记为“圈中人”的文章,由此猜想可能是该APP的一个特色。但是位置设置比较随意,用户不一定知道该亮点。
优化建议:如果真的作为亮点推出,可在每个板块下对这些文章设置成置顶显示,也可以另外增加一个”圈中人“板块,对”时尚“、”美容“、”好玩“板块下的有”圈中人“标记的文章进行归类和整合。