《火球买手》的视觉设计带给了我们哪些启示?

设计简约而不简单的一款好产品。

火球买手是一个 IP 买手入驻、产出优质内容、推荐好物的电商购物APP。初次使用后,真的被这种小清新的界面惊艳到了,它没有华丽的视觉效果,也没有盲目堆砌的各种功能点,界面简约清爽,大量的留白设计,黑色和白色为主色调,两者交相辉映,给人一种泼墨山水画的感觉。同时,它只保留了最基本、最容易实现的功能点,使得用户在使用时更加专注。也没有设计banner和各种推送,仅仅作为一款电商导购类APP,实在难能可贵。如果你是闲来无事,随便逛逛,就可以把它当做一本时尚杂志浏览;如果你是想剁手买买买,它同样可以为你感兴趣的商品带来精准的评测,让你轻松下单购买。下面就简单的谈一下这款产品的视觉和交互设计。

视觉设计

  • 突出商品图片和文案,去除一切多余元素

相比较其他电商网站首页上为了尽可能多的展示商品,商品图片尺寸往往都比较小。而这款产品强调了标题和商品图片,弱化了发布时间,喜欢,分享等元素。同时一些比如商品价格、付款人数、优惠活动、是否包邮等内容都省去了,在商品详情页里除了文案和图片,也仅有返回、喜欢、评论、购买几个功能点。同时购买按钮用了红色,也符合用户的心智模型。

  • 大量的图标使用,美观形象易于用户理解

“买手集市”页面的分类和标签栏的功能按钮使用了生动的类似于卡通图案的未填色图标代替,一方面使得界面空间变得更加空旷,“放大”了整个页面;另一方面也给用户增添了一丝趣味性,减少了对用户的视觉冲击。同时这种卡通图案也不会让用户因长时间使用而感到厌倦,标签栏取消了文字说明,也让页面显得不那么拥挤。

  • 功能点布局错落有致,页面元素丰富而不凌乱

发现页面和我的页面虽然功能点较多,但丝毫不会给用户带来凌乱的感觉。发现页面的分类中每款商品展示只显示三张商品图片,同时商品介绍文字比如价格、销量、促销活动等通通没有显示。有句话说得好,“一图胜千言”,很多信息只需要一张图片就可以展示出来,用户如果对商品图片感兴趣就可以点开商品详情进去观看,若是看图片都提不起兴趣,弄再多的文字也是形同虚设。我的页面同样将主要功能点排列整齐,用户想要查看某一功能点进去就可以查看,弱化了我的订单的重要性,通常购物APP都会在我的页面把订单详情展示出来,但它基于产品的定位和用户的心智模型并没有这么做,很好了贯彻了产品的简约清爽的视觉理念。

  • 黑白的主色调设计,给人很强的视觉冲击力

目前市面上的购物APP很少用黑白作为产品的主色调,大部分都以红白、橙白、绿白为主。从色彩喜好偏差上来说,一般男性对黑色的喜爱程度要比女性多一些。黑色能给人一种神秘、酷、庄重、高雅的感觉。喜欢黑色的人表明想显得与众不同,有意地与世界保持一定距离。同时黑色代表着沉默、安静、高深莫测。这也是火球买手想传递给用户的视觉理念。让用户使用这款产品的时候感到与众不同,能从中找到时尚的元素,感受时尚的气息,让用户能更好的做自己。另一方面,黑与白都属于无主色系,没有色彩倾向,两者搭配也会给人很强的视觉冲击力。

  • 留白的美学价值

“虚实之关联,即以空白显实有也。”——潘天寿先生

火球买手界面大量的留白设计有三个作用。一是衬托了主要元素,背景的大片空白不留一丝墨痕,使得主要元素一目了然。二是营造了意境氛围,从上一点中黑白的主色调设计中也说明了,从中营造了沉默、安静、神秘、高深莫测的意境氛围。三是有利于整个页面布置,背景若是填充了许多元素一方面不美观,另一方面也不利于页面的构图和布置。留白的设计留给人更多遐想的空间,突出了整个页面的效果。

产品分析

简单之所以比复杂更难,是因为你必须努力地清空你的大脑,让它变得简单。但这种努力最终被证实为有价值,因为你一旦进入那种境界,便可以撼动大山。 ——乔布斯

  • 简单原则为什么重要

绝大多数用户都是喜欢简单的产品的,因为懒惰是人的天性,人们在使用产品时,不愿意被打扰,不愿意做过多的思考,不愿意进行复杂的操作,他们只想自己的需求轻松地得以满足。而在网络世界中,人们的这种惰性还会更加明显,因为网络生活比现实生活的节奏更快。现实生活中逛次街要花上大半天的时间,但在网上逛几家网店也就是几分钟的事情;现实生活中找个资料可能要翻遍几家图书馆,但在网上用搜索引擎搜索几个关键词就可以轻松搞定。快节奏的网络生活给人们带来了便利,但也让人们在使用互联网产品时更加缺乏耐性,他们基本上不会仔细看商品材质怎么怎么样,原产地在哪,也不会细细研究是否物有所值,甚至连多动几下手指都觉得麻烦。所以这就大大增加了用户购买到不合适的商品的可能性。一些平时逛淘宝的用户可能和我一样,搜索一种商品往往只看排名最靠前的,越往下越觉得不靠谱,评价越多,销量越高越觉得靠谱。实际上,刷单刷评价已经是业界公认的潜规则了。火球买手则很好的解决了这一系列问题。为了避免用户在使用APP的时候被打扰和做出复杂的操作,火球买手的界面没有设置banner和任何的促销信息推送,同时标签栏也剔除了中文说明,用生动的图像来代替。首页除了商品评测没有多余的元素,评测详情页相比较购物APP的商品详情页也剔除了很多元素,比如商品销量、问答、店铺活动、卖家推荐等等,用户可以完全把注意力集中在商品的好坏上,同样也不会因为要浏览的信息太多而缺乏耐性。

  • 拒绝不重要的功能

对于一款产品,用户会提出千奇百怪、五花八门的需求,每个需求孤立来看都有一定的价值,那么是不是对于所有有价值的需求,产品都应该给与满足呢?

答案是否定的,并不是产品功能越多,用户就越喜欢。虽然很多功能对于用户都是有价值的,但是最大的问题在于,产品价值的主要部分来源于产品的核心功能和关键功能,一旦我们麻木的增加新功能来满足用户的各种需求,这些重要的功能就会被大量的边缘功能所削弱。火球买手的核心功能就是IP买手推荐好物,用户购买买手推荐的好物。虽然卖家推荐、店铺活动等是部分用户的真实需求,但这些功能必然会削弱原有核心功能,让产品本身定位发生变化。同时,如果盲目的增加各种需求,对于开发等成本的要求也会更高。产品更新速度也会变慢,甚至可能会失去市场先机,被其他巨头所效仿以至弯道超越。所以,一款有竞争力的产品,往往不是因为它的功能比别人多,而是因为它有着清晰、独特的定位。

  • 功能主次分明

我们总是期望用户能够使用我们更多的功能,所以我们常常会贪婪的将一大堆功能推送到用户的面前。这无疑会增加用户思考的成本,显然,大部分用户都不会这么有耐心,他们并不会按照我们设想的路线一个一个功能的去使用。所以用户常用的主要功能都要绝对的突出,那些使用率低的则要弱化,甚至隐藏。

火球买手的主页除了最上方今日推荐四个字外,只重点突出了商品图片展示页和标题。评测页除了图片和文字,末尾只有“喜欢”、“分享”和“我要留言”,作为核心信息的商品价格和核心功能的购买都合并放在了标签栏,同时标签栏放置在了最底部,更加突出了核心操作。“买手集市“和”发现”页面也是只用图片和标题展示,让用户一眼就能看到商品是什么、长什么样,在个人中心页面,用户使用频次相对较低的个人信息页面则干脆不显示,用户可以直接点击昵称和头像进入个人信息页面进行修改。

一款有竞争力的产品,往往不是因为它的功能比别人多,而是因为它有着清晰、独特的定位,并能够在这个定位的指导下专注地将产品做到极致。火球买手不做卖家推荐;不做猜你喜欢;不支持搜索商品;没有购物车。却依然能在群雄逐鹿的购物APP中占据一席之地,为什么?因为它一直都在专注的做着它认为最应该做的事情。“删繁就简三秋树,领异标新二月花”,漫无目的的产品只会产生大而全的内容,我们在实际工作中也要懂得找准产品定位,把握产品的重点,做什么,不做什么一定要想好,不要像无头苍蝇一样到处乱飞。没有精钢钻,别揽瓷器活。有些开发时间长,难度大的需求直接舍弃,既然要小步快跑,敏捷开发就容易忽略沿途的风景,但没关系,请相信未来有更好的风景在等待着你。

文/韩涛(微信号:ht291655928)

0条评论 添加新讨论

登录后参与讨论
Ctrl+Enter 发表