IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

运营设计常用“套路”拾趣(附实战案例)

Catherine • 2017-04-30 03:15 • 交互设计

阳春白日风花香,又是一年芳菲至,在这最美的时节,各种运营活动又开启了,就此从视觉角度结合实战案例的小心得,对运营设计的“套路”浅谈一二。罗伯特.庞德说过:“这是一个两分钟的世界,你只有一分钟展示给人们,另一分钟让他们喜欢你。”

文章目录[隐藏]

  • 一、根据需求特点的快速立意,明确设计方向,吸引目标用户
    • 1. 活动运营
    • 2. 品牌运营
  • 二、视觉直观感受向用户“秒”传信息
    • 1. 色彩划分
    • 2. 视觉风格
    • 3. 信息排版
  • 三、从细节打动用户,更贴近生活,增强用户认同感
  • 四、增加游戏特点,提高趣味性
  • 五、专题产品化,提升用户关注度和粘性
  • 六、新颖形式吸引,流行趋势
  • 结语
    • 参考文献

阳春白日风花香,又是一年芳菲至,在这最美的时节,各种运营活动又开启了,就此从视觉角度结合实战案例的小心得,对运营设计的“套路”浅谈一二。

运营设计常用“套路”拾趣(附实战案例)

一个出色的专题首先会引人注目,其次是会给用户留下深刻印象。如AirPods banner设计风格简洁、巧妙突出产品特性,吸引用户去了解产品详情。

运营设计常用“套路”拾趣(附实战案例)

AirPods banner

只一眼,便心动。形象大师曾说过“7秒钟就决定了第一印象”,在这么短的时间里吸睛是留住用户的关键。运营设计师要让专题独具吸引力并且能够高效执行,可以参考以下经验:

一、根据需求特点的快速立意,明确设计方向,吸引目标用户

运营设计常用“套路”拾趣(附实战案例)

活动运营专题

1. 活动运营

(1)目标

迅速导量、拉新、促进转化率、提高用户活跃度

(2)特点

即时性、短期、氛围感强,常见于电商活动专题页,节日大促、用户福利、特定优惠等

2. 品牌运营

(1)目标

信息传播、专属、展示、功能介绍、扩大品牌影响力

(2)特点

定向宣传,多做文化展示,常见于产品宣传、品牌展示、功能引导页、常规节日闪屏页面等

运营设计常用“套路”拾趣(附实战案例)

品牌引导页

二、视觉直观感受向用户“秒”传信息

1. 色彩划分

(1)活动专题常用:暖色系、对比色系

营销主导型专题需要短期带量提高转化率,通常选择鲜亮活跃的暖色或互补色,使人心情愉悦,能调动情绪使人记忆深刻,搭配对比色冲击力更强。

(2)品牌专题常用:冷色系、相似色系 

传播主导型专题承载品牌传播、功能介绍等特点,通常采用柔和的冷色、邻近色,呈现出沉静内敛、富有诗意,配色在3种内或用品牌色,强化用户对品牌的认知。

运营设计常用“套路”拾趣(附实战案例)

色环

实战案例:

运营设计常用“套路”拾趣(附实战案例)

58品牌升级H5专题

58品牌升级H5专题

  1. 以宣传58新logo扩大品牌影响力为目标
  2. 品牌色是对58新logo色彩体系的诠释,加深用户对品牌的认同感和信任感

2. 视觉风格

活动专题表现手法夸张、配图元素繁杂,线条自由,画面延展性强。

运营设计常用“套路”拾趣(附实战案例)

58运营活动

品牌专题通常会做减法,遵循少则多,多则惑的法则,设计元素较沉稳严谨。

3. 信息排版

活动专题主题突出、构图大胆,排版夸张,按钮醒目。

品牌专题文字精炼,弱化按钮,信息明晰有节奏感、排版更规范。

实战案例:
运营设计常用“套路”拾趣(附实战案例)

58App 7.0引导页

58App 7.0引导页

  1. 宣传58新logo以及版本升级为目标:插画呈现58app与用户息息相关的生活场景,将用户带入熟悉的场景中感知产品
  2. 冷色系加品牌色形成弱互补色,给人冷静理性的感受,结合新logo辅助图形构图更聚焦
  3. 设计元素简洁、文字排版规范:图文结合既有情感互动又有客观分析,将用户的认同感和情感渴望激发出来。

三、从细节打动用户,更贴近生活,增强用户认同感

罗伯特.庞德说过:“这是一个两分钟的世界,你只有一分钟展示给人们,另一分钟让他们喜欢你。”

用户有需要才会用产品,要展现出用户的利益诉求和情感需求。

  1. 吸睛之外的情感互动是非常重要的,有故事的产品才具有生命力,更能打动人心。
  2. 融入流行元素、利用用户关注的实时热点、争议性话题抓眼球拉近距离,更人性化。

运营设计常用“套路”拾趣(附实战案例)

情感化与实时热点案例

实战案例:

运营设计常用“套路”拾趣(附实战案例)

58房产春运开屏

58房产春运开屏

(1)安心租住

运用当下热播剧三生三世的设计元素,拉近与用户距离,温馨的居家场景增强对产品的认同

(2)免费开房

情人节开屏图形简洁却让人心领神会,制造话题巧妙与房产联系在一起。

四、增加游戏特点,提高趣味性

  1. 添加音效、动效、时间节点造势,引爆高峰
  2. 有情怀并关注用户群体及产品特点
  3. 高密度运营位宣传,牵动用户内心利益点

游戏类专题要新颖操作简单,添加音乐或动效营造氛围,制定开奖节点,刺激用户接力转发。

运营设计常用“套路”拾趣(附实战案例)

58房产盖世英雄盖楼赢现金

实战案例:

运营设计常用“套路”拾趣(附实战案例)

2016年春运项目之《大闹天宫大圣捉妖》

春运时间紧迫为节省开发成本复用刮刮卡形式,我们通过以下步骤突破传统刮卡形式:

第一步:脑暴确定主题

脑暴得出:猴年采用故事题材,例如蟠桃园刮桃子、大闹天宫或是打妖怪,最终虚拟出小妖大闹天宫,用户帮助大圣来捉妖的故事情节,更新颖、亲民、有趣味;

第二步:确定色彩及风格

生动的描线手绘风格和传统元素以及春节红烘托出活动氛围,让整个画面与其他活动风格差异化;

第三步:丰富故事内容及细节

用户刮出不同卡片,以此种形式帮大圣捉妖,攒小妖就如同签到,奖品中心走势图一目了然,调动用户积极性;

第四步:文案及配图增加了游戏趣味性

20多个形象让专题更具趣味性,配合幽默文案和运营位宣传刺激用户参与,达到了很好的效果。

五、专题产品化,提升用户关注度和粘性

将运营专题产品化、品牌化,重复会强化记忆,让用户累积认知,例如电商造节“双11”、“双12”、“618”等,将运营活动产品化,设计也在年复一年的规范化,形成固有的特色。

六、新颖形式吸引,流行趋势

如今很多设计形式涌现,也达到了吸睛和高参与度的目的,如支付宝集福、QQ天降红包等,都是对AR增强现实的应用。

  1. 技术上混合现实、动感插画、立体效果、视差滚动、视频背景等增强冲击力
  2. 风格上渐变色、叠加色等处理手法、波普、构成元素制造空间感等
  3. 视觉表现更有张力、叙事更丰富,视觉互动、微交互等吸引用户融入

实战案例:

运营设计常用“套路”拾趣(附实战案例)

2017房产春运房租一减没

设计流程:

  1. 明确目标:以让利优惠等方式直击用户内心,游戏易操作更具传播性
  2. 延用传统元素及红色营造春节氛围,小鸡形象生动
  3. 确定展现信息优先级,主标题醒目突出
  4. 结合目标用户需求,推出品牌公寓及租房用户优惠券,头图突出奖品提高用户的关注度和活跃度。

结语

以上拙见纯属一家之言,仅供参考。设计经验能让我们更透彻地明确思路,构思成熟后再设计,或许会事半功倍。套路并不是规范准则,只是高效完成工作的基础。经典之作往往是在方法论基础上打破传统、大胆创新,更多的惊艳等待设计师去开拓。

参考文献

1. 《品牌运营设计一二》

2.《新用户来了就跑,就因为你忽视了这5点》

3.《2017年度视觉设计趋势》

 

作者:刘学辉,视觉设计师

本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@刘学辉

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21929/

logoUIUX交互产品产品经理体验设计免费动效场景微交互微信用户用户体验用户体验设计经验视觉视觉设计设计设计师设计案例话题转化率运营运营设计配色
赞 (0)
CatherineCatherine
0
生成海报
设计师应该了解的“用户记忆理论”
上一篇 2017-04-30 02:10
实例分析:运营活动项目中交互设计的4大维度
下一篇 2017-04-30 04:07

相关推荐

  • 交互设计

    用户体验设计中最常见的误解

    UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来,为各位设计从业者做参考,避免依赖个人的主观经验来做判断。建议你阅读完之后,还是应该结合自身的经验来审视你的设计是否满足用户的需求。

    2017-05-25
  • 深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的? IxD案例

    深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

    来源:H5广告资讯站 作者:小呆 原创文章,转载请联系本人! 记得在上个月小站推荐万达的第一支一镜到底H5作品时,就有用户曾放下狠话:“你就等着我们的一镜到底吧!” 因为留言的人是圈内的技术大神,自然也就引起…

    2016-10-25
  • 微信热点

    蔚来ES8正式上市 | 重新定义汽车用户体验

    就在刚才,首届NIO Day蔚来日在北京五棵松体育馆圆满结束。蔚来ES8也正式上市并开启预订。近万名蔚来好友相聚于此今晚,这些信息你不容错过:蔚来ES8正式上市 公布售价蔚来ES8售价公布ES8基准版补贴前售价44.8万起,限量1万辆创始版补贴前售价54.8万,用户也可以选择电池租用方案,车价比常规购买低10万,每月支付1,280元电池月费,同时可享受电池升级服务。ES8上台亮相源于赛道冠军的极致性能4秒SUV俱乐部最大功率480千瓦(...

    2018-02-02
  • 基于数据的可用性研究 交互设计

    基于数据的可用性研究

    小编语:这是一篇关于交互设计与可用性研究的古老的文章,今天小编翻出来给新交互师们看一下~ Thomas Baekdal在The Battle Between Usability and User-Experience中提到,可用性较高的产品并不一定带来好的用户体…

    2015-01-24
  • 给设计师的网页动画设计基础指南 交互设计

    给设计师的网页动画设计基础指南

    挤压和拉伸
    预期
    登台
    连续动作和姿态对应
    缓进缓出
    弧形运动
    次要动作
    时序
    夸张
    立体刻画
    吸引力

    2017-05-27
  • 微信热点

    UI|人性化交互设计 美食订餐网站

    类别:美食网站设计:BASOV(乌克兰)今天品牌先生为大家分享乌克兰 BASOV 工作室设计的一款美食订餐的网站。从选餐到订餐下单,设计师进行了很便捷的交互设计,让网站尽到最大的便捷和简约,这样客户也会爱上这样的网站。网站的建立不单单是界面UI设计出漂亮的界面,包括客户的需求和网站的结构等等,此款网站在前期原型交互设计上的用心在图中也都体现了出来。▼(品牌先生独家整理,转载请告知或注明出处)UI-- END --请点击下方“阅读原文”去...

    2018-02-21
  • 如何让交互稿的体验更好?网易设计师总结的10个知识点 交互设计

    如何让交互稿的体验更好?网易设计师总结的10个知识点

    编者按:想做一份看起来比较专业的交互稿非常容易,但想做一份优秀体验的交互稿就不简单了。想进阶成资深交互设计师,这个环节必不可少。今天这篇好文总结了10个方法,让你的交互稿体验更棒,赶紧来学!

    2017-12-04
  • 微信热点

    提升用户体验 抢占用户心智

    马云提出的新营销是连接线上线下的全新核心载体,超越单纯线上或者线下的全网营销概念。但华帝李洋认为,线上和线下只是连接用户的媒介,核心仍然是用户体验。抢占用户的心智,提升用户认知,是“新零售”的前提。打造新型厂商关系 构建全新服务体系在产品端,最初的模式是线上采用完全与线下独立的产品线,无论价格、卖点、功能配置都与线下产品区隔,线上和线下营销团队完全独立,各说各话。但随着时间的推移和互联网的蓬勃发展,这种割裂式的操作手法已经成为过去式。企...

    2018-03-29
  • 为流畅的交互体验,创建完美的用户流程 交互设计

    为流畅的交互体验,创建完美的用户流程

    如果有人问你:你怎样定义“流程”这个词,或者说举一个案例来进行描述,你会怎么说?这篇译文,作者给出了详细的解答。一是外文文章一般与当地的文化有关,所以翻译成中文很多时候都失去了它原来的味道,让中国读者感到有点不顺畅,这个是很正常的,很多小说翻译成中文阁主也不爱看。所以为减少这个情况的影响,阁主会在文章后加上阁主自己对文章的总结和建议~以下是原文~

    2017-04-28
  • 草稿箱的交互设计 交互设计

    草稿箱的交互设计

    作者:宋孝方,交互设计师,现负责虾丸校园app的整体交互设计。 转载自微信公众号:大宋(id:songxf0827) 转载请联系作者。 由于移动端设备的限制,文字的编辑成本高,在PC上很容易完成的事情,移动设备上来做可能…

    2015-09-10
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress