分类
设计创意
办公创意
游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    400-123-4567

    电子邮件

    1691000615@qq.com
  • 星点互联APP

    随时掌握行业动态

  • 扫描二维码

    关注星点微信公众号

告别黄页时代,让设计鲜活起来

发布时期:2018-8-10 11:39
阅读:132 回复:0

每年的双11都格外疯狂,随着技术带动内容的丰富化,刚过去的双11气氛在大众购买力的飙升下又刷新高,让人一夜之间感受到运营力量的震撼来袭。在血脉喷张各种抢购倒持购物车时的你,可否留意过无形之中的商城装扮。众 ...

每年的双11都格外疯狂,随着技术带动内容丰富化,刚过去的双11气氛大众购买力的飙升下又新高,让人一夜之间感受到运营力量的震撼来袭。在血脉喷张各种抢购倒持购物车时的你,可否留意过无形之中的商城装扮。众多电商app从整个界面翻新到内部的运营活动抽奖机制,堪比一座物欲相抗衡的虚拟不夜城。20160202172257308

这些多样化而不失秩序的运营设计,背后支撑着有序的设计原则。如今形式内容纷呈的移动互联列队中,充斥着综合垂直电商、团购、旅游、生鲜等2C市场应用的身影,以丰富化运营方式攻占联结产业链,而黄页类生活资讯类应用相对显得务实,部分app的步伐更是仍停留在信息单向展示的模式。

高效与运营化取舍

上半年经历了一轮生活服务信息分类平台的改版设计,探讨了综合信息黄页类产品究竟是以高效实用为主,或是引入运营化方式。项目位于手Q侧的58同城合作频道,内容基于精选浓缩后的资讯形态,发现第一版保守传统的纯文字菜单,以任务功能为主导,但显得苍白单薄。针对该类综合信息展示平台,平衡信息高效主动关注和营销推广被动接收,做了竞品研究及方案尝试。

20160203132347595

近两年赶集网、百姓网、58同城三大生活导航服务类的产品广告宣传投入之大,综合生活服务类产品早期在网页上大多都是黄页名录,是纸质黄页的延续。搜寻了一些国外的黄页产品现状,不乏一些紧跟互联网节奏的YellowPages产品。例如美国最有影响力的本地服务产品YP,从网站到手机App,服务门类可作为自定义标签逐个添加,顶部为生活关爱的意向背景图,把情感化连接到高效工具里,甚至在Apple Watch上也支持使用,真正做到了摆脱传统的黄页列表。

20160203132643209

其他行业维度的垂直领域产品,齐刷刷以丰富营销的思路去布局组织信息。譬如生鲜类应用,在供应链上投入较多的基础上,不遗余力地去做吸引用户促成交易的事情,在众多行业中属于比较典型一类。

分类服务信息定制化3.0跨进

PC黄页时代近似web1.0的信息单向呈现,发展至移动端的黄页产品,用户可以在平台上搜索甚至留下自己的足迹,这个节点演变到2.0信息双向呈现。而web3.0个性化定制的理念延续到移动端之后,从淘宝到大众点评等主流的电商App都有猜你喜欢、个性化推荐的功能。黄页类综合信息平台也可以有类似机制,除了为用户提供便捷实用的信息,也可推送一些潜在吸引点的资讯。由此,搭建图文丰富化运营的首页是改版首要目标,兼顾被动浏览和主动获取信息,提升访问人气。

从现实到虚拟体验

黄页服务在现实中都是拆分开的业务形态,每一个本地服务都有其营销模式。来同城服务平台的顾客,应该留给他不仅是快捷服务的印象,还有其他二手车、宠物、二手房等推荐资讯,那些购买前会谨慎筛选的顾客会再次光顾,也就多了平台信息曝光的几率,从而转化率成交量也就相应提升。

拟物化虽在视觉材质表现层离我们远去,但界面中的信息布局离不开现实的映射。界面中的模块化设计,黄页类和电商类APP 有业务依赖的差异,但在线上的展现形式是互通的。线下的体验最常见的属商场里的标识导视、货架、易拉宝、优惠专区等,分别对应虚拟界面中的导航栏、商品陈列、广告位等。

20160202195034681

1.导航栏

导航是界面中的路标,起到快捷分流的枢纽中心。现如今为数较多的电商资讯类都会采用八个圆形状图标版式。当被趋势潮流带着走迷失的时候,设计师不妨追溯到现实生活历史发展中去审视本源。导航栏除了体现整体品牌感和个性展现,最首要的是信息语义传达,用户高效识别。这块现实映射中最有借鉴的是公共导视系统,从瑞士国际主义平面起,运用metro图标作为信息传达的必要元素。

20160202193902523

 

2.九宫格多宝阁

如今电商平台的App界面,大多用到多栏收纳的方式去承载展示信息,引用metro UI的灵感说法,设计理念源自“多宝阁”陈列古玩的清代工艺家具,具备实用收藏功能与陈设审美。多宝阁的使用,空间利用寸土寸金。在有限的手机端界面中,分割格子数不宜过多;商品标题大小应适当,保证清晰可见;商品摆放尽量大气,撑满格子。就如线下的体验,实体店铺里所有的衣服堆积在一处,少了一些尊贵感。相反,精心的收纳,带给顾客优待的购物感受。因此,建立一套既有序又不单一的橱窗模板购物体验,栅格系统也是必不可少。

20160202161339551-590x510

 

3.卡片滑动(是否存在7+/-2原则)

横向滑动式的卡片越来越多地被应用到界面中,既可充当华丽的分割线,又让用户带着翻卡片的愉悦感。如果卡片的图够吸引人,例如美丽说的横向banner滑块,对于好奇心略重的用户对于美好事物的探究,会尝试看尽也无妨。一般情况下,建议卡片个数在5~10个。

20160202161346809-590x524

但如果个数非常多,又希望用户滑完所有卡片,有计数的方式不失为一种方法。个数少的时候,用点计数足以,个数多时,采用N/M表进度的计数方式,给到了一定的心理预期。包括滚动卡片的长宽比应用也是有讲究的,比如卡片长度远大于高度时,扁扁的一条会增加用户手势滑动的心理负担小,有划距长的错觉。

20160203133619300

 

4.货架

除了一些常见的列表模式,在时尚电商的应用Polyvore里可以看到一类变体列表,还原了现实中的货架摆放形态,同时增加了夸张手法,商品的大小被满满得拉大甚至出血排版,平面报刊排版的魅力所在,收放得体,简洁有度,大胆肯定。App内的商品喜爱收藏,组合拼贴的模块,与时尚杂志一并相得益彰。

20160202192800251

 

5.店铺熟悉感,秩序中的纷扰

双11的一些APP店铺,会适当装点流星式装饰元素,试图打造夜间霓虹灯即视感。夜色里光怪陆离的让店面更吸引人,抢购活动一般在双11前夕,所以霓虹灯的摆设成全了代入感。除此之外,在有序的卡片瀑布流中,偶尔夹杂几个推荐给你的专栏或达人,也会特别吸引用户的眼球。

20160202161709499-590x519

 

6.趋势:灵活组合型

当你发现现有的模式都穷尽的时候,是否创新到了瓶颈,是否再刻意想去创新的时候,会违背设计的本意,简洁优雅的体验初衷?那不妨可以突破一下,来一下混搭组合,会有不一样的重置感。在过去的时间里,App中的banner广告位大多用于头部的类灯箱banner、大模块间的隔断banner、专题瀑布流的banner。基于流量体验和信息量控制考虑,会尽量少用大图。
而近期发现越来越多的电商App,不吝啬使用大面积的banner篇幅,敢于把瀑布流的单元格做重。将banner和九宫格组合,和滑动卡片组合,每一个组合又各成一个单元,形成这一类的瀑布流。

此外,如果你试图使用精心筛选过的位图,围绕一种主题色去布局,也显得创新又时尚贴心感。不按常理出牌,也是众里博眼球的方法。

20160202161720502-590x338

 

7.多媒体视听唤共鸣

在过去街区商铺实体经济开枝散叶的年代,引入了小额商品通铺统一价的概念,“ 5元5元全部5元”的广播叫卖声,成为一种标志性的粗暴接地气的营销方式,在70、80后的回忆里深入人心。

这样的体验搬到虚拟平台上,演化为二手物品的私货转卖语音、店铺老板吐血吆喝,增加真切真实感,让现实中熟悉的场景再现,声音和语调有它的唯一性,也是能成为主人的加分卖点。波罗蜜全求购的日韩货海淘App,专门开设了一栏日韩海外专员导购PK的直播频道,在讲求个性的年代,直播视频也会为你积攒一大波可观的关注度。

20160202161729593-590x516

 

8.拉皮条的人身在何处?

美丽说的Desire频道弹幕的应用,增加购买场景下的临场感,仿佛和一群人在一起购物。评头论足就差漫天砍价。

20160202161735285-590x519

 

线上到线下的反映射延续

看过今敏的经典动画《红辣椒》的小伙伴都知道,这是一部天马行空文学意义上脑洞大开的神作,全片贯穿了现实、梦境、电影、屏幕4种媒介交错。人们向往梦境中的那个时空,绮丽科幻美好荒诞共存。在电脑的虚拟构建世界里,可以存在各种捷径bug,除此之外,虚拟与真实世界的场景体验,跨时空共同演进,真正意义上达到媒介互通。

线上到线下存在着反映射模式,线上虚拟体验的成本较低,线下再现更是让用户倾心,如同旅游景点里,游客看到影视剧里主角出入的地方,欣喜不已,跨时空难以言喻的情怀,类似梦境里仿佛去过。

近日无印良品书店的崛起,使得很长一段时间看衰的纸质书又火了起来。书店进门处,都有悬挂每天会更新的“是日佳句”,书本的分类不再是常规的普适分类,而是按照场景主题去归类,甚至任性地以书的颜色去划出一个区域,这些都是我们平日常见的线上电商社区运营手法。


鲜花

握手

雷人

路过

鸡蛋
本文暂无评论,快来抢沙发!

关注我们
  • 官方微信公众号
  • APP应用下载
客服咨询
  • 400-123-4567(工作日:9:00-16:00)
  • enquire@neoconex.com

所有资源均是网上搜集或网友上传提供,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如有侵犯您的版权,请及时发邮件联系我们

Powered by Discuz! X3.5 Licensed © 2001-2013 Comsenz Inc. 星点互联设计 ( 鲁ICP(32462341) )