HIGO全球时尚购物APP,致力于打造全球时尚海淘购物平台,为中国消费者提供 新、好、快 的全球时尚产业链服务,《奔跑吧兄弟第三季》独家冠名商。
最近接触的电商项目比较多,今天,给大家带来一篇APP产品分析,有一种G点,叫做HIGO!
目录
• 我为什么推HIGO
• 产品分析
• 视觉观感
• 视觉设计
• 交互设计
• 结构设计
• 总结
1.我为什么会推荐HIGO
1)全球时尚发现者
HIGO是一个专门为追求品质生活和消费者搭建的全球海淘平台,这里涵盖全世界正在发生时尚的事情,里面聚集着全球数十个海外优秀买手,可以随时随地以低价买到HIGO上的产品。
总结:提升内涵时尚感
2)爱美是件让人愉悦的事儿。
我们生活在碎片化,嘈杂化的生活环境,每个人对美都有新的定义,似乎“颜值”这个词已经成为每个人去看另外一个人的标签,在HIGO这里,我可以看到全球各种好看的爆款产品,作为一名设计师爱生活懂生活,学会生活非常重要,毕竟生活是一门美学。
总结:可以开阔视野,提高自己的审美
3)给予产品故事性
不知道你是否有过类似的体验,就是在看一款好的产品的时候,没有看完就点击购买,没错,这就是目前每个消费者或多或少都会具备的冲动消费,产品在被推广和被传播中,除了需要有可信任者推荐之外,其实最终的还是取决于产品的故事性,商业产品在线上进行消费原本已经存在了一种冰冷感,我们在愿意等待产品发货的同时,其实也掺杂着对产品的满心期待。
总结:你的心灵情感社区
4)时尚原本就自带引力
其实女人与女人之间的差距很大,但是好看的女人如果没有内涵依然会和她的另一半变成塑料,而这款专门针对白领上班族女性的产品,更是以快时尚的风格袭入女性的心理中,你肯定会遇到这种情况,因为她很懂时尚,或许长得一般,但是非常有品味,有审美,有故事性,我们似乎可以把我刚才列举的关键词,作为时尚这个词的拆分单元。
总结:我希望吸引到你,并且爱上我
2.产品分析
1)产品分析是体验一款好的APP最重要的环节,在这里我们将用户体验作为评价一款产品的心理层,将产品本身的功能作为评价一款产品是否留存在你手机上的标准层,接下来我们从产品定位,用户目标及目标用户人群进入这场不一样的新潮。
2)产品信息及体验环境
产品版本:V7.3.0
系统平台:iOS 11.2.6
设备:iPhone X256G
3)目标用户
a.体验型浏览用户
使用场景:在日常临时性的场景中漫无目的的进行浏览商品需求:希望可以从里面找到自己喜欢的店铺,或者找到好看的产品,尽最大可能性压缩自己选择商品的时间成本
b.目的性购买用户
使用场景:在特定的场景下喜欢产品吗,对产品拥有购买需求需求:希望可以快速找到自己喜欢的产品以及适合自己,产生较高的购买欲
c.买手
使用场景:从事某种特殊岗位,进行产品的推荐需求:希望可以把自己推荐的产品作为爆款被推出,让消费者喜欢并产生购买欲,从而对自身产生相对应的需求,或者金钱或者人气或者排行等一系列与其切身利益相关的内容。海外买手必须具有自主的选品能力。他们作为时尚行业的从业者,或者是海外设计师,对海外时尚产品有自己的辨别能力,从选品方面来说,会比一般代购要专业得多。
4)产品目标
我脑海里就只出现六个字:全球品质生活。我相信作为进口电商从业者,大家最终的目标都是这个,提升全民的生活品质。
5)主要功能
首页
主要目的展示以“内容电商”为主线的向用户推荐产品,外加这些产品的种草者热议指数,以达到秒杀、以情感式代入促进消费者产生购买欲。
HiDaily(新奇的名字)
以公众号的形式每日推荐日报,日报的内容和形式展现为图文介绍,并且可以互动留言,增加用户留存率,使产品体质感丰满。
热销(秒杀后的另一营销层)
展现产品每周热销榜,给产品排行竞争,每周最多显示20或者15不等,突出产品之间的压力感,其实为了促进店铺与店铺之间的压力,故意在排行榜对其画中浓墨一笔。
消息(互动与娱乐的巧妙互融)
通常消息和通知,与互动模块都不在一起展示,但是HIGO将三个模块放在一个模块,共同称之为消息,这是用户之间的聊天,以及同店铺店主之间的沟通。
6)核心功能
我们都是正品! - 热销
在接触HIGO的时候我一直在思考,为什么买国际大牌要在你上面买,但当我真正打开这款APP的时候已经有了不同的感受,利用买手的不同推荐,以及买手的活跃度等参数来判定买手是否可以购买到真实的产品,我认为这是产品的核心卖点凸显的一个关键点。
3.视觉感官
每款产品诞生的过程中,首先我们有了概念,紧接着我们开始将我们的概念用线框图实现,在由UI设计师进行设计,当我们在看到一个事物之后产生的视觉感受和印象,这就是视觉感官。那么好的创意是由熟悉又陌生而组成,UI设计师会给用户带来非常强烈的先入为主的感受,以下是HIGO的视觉设计截图。
1)轻巧精致
相比市面上很多电商产品,HIGO是属于轻巧精致的一款,首次进入给人一种清晰明了的感觉,视觉效果平稳却不失设计感,整体风格和谐,没有视觉噪音,更加让人集中注意力关注推荐的产品,买手推荐的产品,限时平台推荐的秒杀产品,为用户提供了简洁轻量化的视觉感受。
2)步步惊心
随机点开每个页面,都有他们的营销策略,买手推荐,每一个的布局基本都是以图片的形式展现产品的主视觉界面,以图片的好看,来称起了整个UI界面的调性,如果在菜单栏从左到右的点击,可以有很明晰的精心设计感受,这里我举个例子,(收藏以描边状态作为普通状态,以填充状态作为点击事件,以再次点击心碎💔的交互展现形式作为取消收藏),用户可以像浏览实体店一样随意操作页面的每一个按钮和功能,通过这种给用户心理的碰撞找到产品视觉设计的差异化。
在浏览页面的过程中,可以类似于*拼多多*这款产品一样,看到某某某某用户在几秒或者几分钟之前购买了什么产品,这里展现的形式是根据用户在购买的过程中,相互匹配,以动效的形式来展现,给用户心理感受,直接呈现这款产品的非常火爆,再不买就买不到了。或者说很多人在买这款产品,或者在深层一些,我们可以理解为很多人买了这款产品以后达到某种需求。
4.视觉设计
1)配色方案
产品初次进入的感觉是有大牌的感觉,性冷淡风,但由于产品本身的特殊性,使用了一款接近称橙色的红色,这里我称之为其“蜜桃红”,先看这组配色方案:
暖意热烈的蜜桃红
HIGO的这组配色方案相信很多设计师在配色的都会选择以“红色”或者“粉色”作为女性电商的品牌色,但是从视觉表现上整体来看,似乎蜜桃红只是一种强调主色的作用,没有完全用到大面积的色块,反而白色则是主视觉凸显的关键色。
saturation的运用也极为有技巧,HSB(359.69.98)我们在看一组配色的时候除了颜色能传达的情感外,主要的是让人眼睛不觉得很亮,又不会太阴暗,大多数用户都希望有一个很适中的颜色作为button或者更多操作的控件,并能传达重要突出的信息。
2)图标ICON
产品进行到视觉设计环节中,有一个小分支很重要,占据产品成功要素之一,即为品牌基因。市面上有很多UI设计师是没有品牌设计的经验,在这一点很多从事UI的小伙伴无法把握,然而产品经理或者运营人员总会跟你沟通,要做到与其他产品不同,有自己的品牌调性,那么HIGO的图标设计同样也是值得我们借鉴。
由线到面
利用1px的描边作为菜单栏中未点击状态图标,视觉表现上给人以轻盈,大牌,高端的感应,还会范些少女的清新情怀,5个图标承载着产品不同的卖点和核心功能。
首页:以常规的线形图标进行蜜桃色填充。
HIDaily:除了文字上特殊之外,图标也跟其余4个不同的展现形式,只有颜色的改变,没有填充描边的感应,是因为这个模块区别于其他4个模块,其他模块主要实现某种功能为主,这里是HIGO的核心卖点之一,以产品和故事串联,自媒体内容展示模块,字如其表。
热销:使用火花的元素,体现此模块为产品的热销专区,给人以“热闹”和“安全”的感受,安全是的确有很多产品有人买到了,并且觉得很不错。
消息:这里是传统的线形变填充的视觉效果。
我的:这里是产品的功能服务核心模块,这里涵盖了产品订单,专辑,心愿单,关注的品牌,我的晒单,我的卡劵,免费拿等营销类内容模块,作为二级页面,而所有图标都以线形的形式展示,唯独我的卡券是以块状的形式展示,体现出这里的重要性和促销的另一层表现形式。
3)界面设计
在电商产品中,视觉设计占据很重要的地位,无论淘宝,京东都在视觉上添加了浓墨一笔,但是无论如何进行视觉设计,都不能让用户觉得混乱,有不愉快的感受的页面,除了设计之外,信息模块布局的不合理,板式布局的不合理都会影响用户无法留存,最好的视觉效果前提是传达信息。
HIGO在设计每周热销榜的时候,以图片居多占据着板块的整体视觉效果,其上部的主图代表着每周热销榜单的分类产品,下面通常会默认推荐3个人气最高的产品,而主图好像是领头羊,而紧接着下面的产品则是重头戏,所以在视觉设计的时候会故意将其两者分开。
上文中,我们提到HIGO对“我的卡券”图标以块状形式区别于其他图标表现,那么除此之外其对于这个模块的设计在“我的”中占据着相当主导型的作用,其视觉以2/3处表现,是为了让用户从这里被吸引到,从而产生对这一模块的兴奋感。
VIP CARD以没有颜色与底部画布背景颜色相吻合的颜色表现,以同色系高端灰来突出这里展示的信息内容。点击进入的情况下,可以看到以“卡片式”形式存在的VIPCARD,以红色、黄色、蓝灰色、高级黑的表现VIP CARD的不同等级,象征着你在HIGO的消费的不同次数抑或层次。
整体视觉效果,以轻量化,特殊化来强调整体视觉效果和品牌调性。
5.交互设计
HIGO的交互设计属于中规中矩的那种,也是电商类产品比较常见的交互方式,这里就不做过多的交互设计分析,但是在一些表现形式上有新颖和突破的地方,比如产品收藏前以描边形式呈现,收藏后以填充形式呈现,取消收藏则已心碎了的效果呈现。
HIGO在展现商品分类的时候,没有用“分类”两个字表达,而使用“A-Z”,乍一看其实我并不知道这里点击进去是什么,但是点击后却豁然开朗,让心情很愉悦的交互体验。
在电商产品中,主要核心功能为购物流程,其主要吸引点和卖点为互动交流或者晒单等涵盖的产品功能,使得电商产品更加在内容上更加丰富,那么HIGO也不例外,接下来我们一起分析它的功能流程。
1)购物流程
没有特别复杂的购物流程,当用户第一次购买时,会提醒添加收货地址,之后就会自动将收货地址设置为默认,区别于其他垂直电商的地方,或许是优惠券设置了2个,一个是平台的优惠,一个是店铺优惠。
2)进入HIDaily
这里的设计,是想打造沉侵式阅读体验,起初在进入的时候的确感受到了,但是“留言”设计的不好,首先从交互形式上留言点进入又会进入一个页面,输入留言后不会显示在文章的内容,从视觉层面留言后给阅读者留言反馈太弱,可视化不强。如果真的想让用户去留言达到类似于公众号的效果,那建议把留言输入框可以固定在底部,或者换其他的表现形式。
右上角的分享和购物车,多余。
6.结构设计
HIGO的信息结构与当前垂直电商的设计方式还是非常吻合,在交互形式上有着自己核心卖点的功能,视觉上比较保持简约风格的情况下又不失大牌的整体的时尚调性。
7.总结
HIGO这款产品符合基本的电商产品设计思路,但其主打的海外代购,买手推荐产品已经表现的淋漓尽致,在设计中,我们可以吸取他在页面表现的一些设计形式,还有一些动画交互的展示效果,希望有更多的时尚爱好者聚集在此。
文章形式参考《网易蜗牛读书 App 体验报告》,仅是个人对这款产品的总结和感触,希望越来越多的设计爱好者能够做出自己想做的爆品,有所收获,共同成长。
- END -
栗子设计笔记原创文创,转载需注明来源。
如果你喜欢就给我一颗小心心,么么。