• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 高手进阶技巧!6招帮你用设计抓住用户的心

高手进阶技巧!6招帮你用设计抓住用户的心

作者:腾讯FITdesign 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含情感化设计,用户体验,用户场景,经验分享,视觉引导等相关知识,腾讯FITdesign希望在学习及工作中可以帮助到您

设计「诱惑」绝对不是诱导和操纵用户 —— 而是在设计产品过程中给予更多用户想要的东西,甚至是用户没有想到的东西。就像原本互不了解刚刚谈恋爱的情侣,诱惑可以为他们搭建一座桥梁,快速吸引对方并打动对方,所以说诱惑就是「被吸引而心动」。

一、为什么要让设计诱人?

一个互联网产品,有很好的功能,很牛逼的技术和可靠的平台,但是这样的产品上线以后经常会面临以下情况:

那么是哪里出了问题,为什么会面临用户流失,粘性不足?

用户粘性是每一个互联网产品衡量好坏的最重要标准,如果你的产品设计没有关注用户的情感和情绪,那样的设计只能是完成用户的需求层面,只是从功能上解决了用户问题,并没有得到用户的心。一个产品如果功能性好,又确实能解决用户问题,设计师认为这类产品是一个好产品,如果产品再具备场景和情怀就会拥有其灵魂。

二、诱惑是一种「含蓄」的艺术

当你暗恋一个人的时候,你会通过眼神,肢体,言语上创造各种各样更有趣和更好玩的交流方式,让对方对你产生足够的兴趣,在情感上叫对方熟悉你并真心的喜欢你。设计的产品也是如此,如何抓住用户的心,以下6招可以帮你探寻诱惑的秘密。

1. 有趣好玩:设计可以通过有趣好玩的事物来影响人的行为

枯燥无聊变好玩

Uber 的评分页面,不是因为不评分就不能进行下一次叫车服务,想下有多少人会去评分。当你的体验很简单再添加好玩,有趣的元素来吸引用户的好奇心, 会把无聊的评分操作,变得有趣吸引用户去使用。

△ 示例

△?示例

预期之外增加惊喜

登录页面是用户经常用到的,readme 在输入密码萌萌动画给界面的活力;给用户带来喜悦和欢乐的小情节,可以通过帅气,卖萌,或是物理属性,总之让用户感知到产品的生命力。

△?示例

激起用户的好奇心

通过一些「挑逗」事物或者信息来激起用户对某些东西的渴望。在《皇室战争》游戏中皇冠宝箱中有什么奖励玩家其实并不知道,就是基于好奇心,为了打开宝箱用户去做任务集皇冠。

△?示例

2. 代入现实生活:对现实生活的借鉴,可以给用户代入感,熟悉和安全感

操作拟物,快速呈现信息

例如一个APP的卡包设计,可以借鉴平时人们从钱包中抽出银行卡的操作,用很自然的手势,反馈也很符合用户预期。

△?示例

△?示例

交互流程拟物,给用户熟悉感

电商最早兴起时,其实人们不是很认可觉得不靠谱。但是各大电商网站模拟了真实的超市购物,这样让用户觉得很熟悉和有安全感。当你看到了一个新的事物是不是会有陌生感或者是恐惧感,在设计产品中用拟物借鉴现实生活情境,用户会觉得有熟悉感,很容易就被用户所接受。

△?购物

情境拟物,烘托气氛

当做运营活动或是对产品情感化设计时,情境的烘托把用户带入生活化的场景中,这种情感化的方式更容易让用户产生好感。

△?情境

3. 行为导向性:引入一些小的情境细节,对行为进行触发

视觉引导

下面两张图只是将婴儿的位置轻微的改变了以后,用户关注的点就发生了很大的改变。设计表达可以通过视觉引导的技巧将主要信息传达给用户。

△?示例

操作过程中引导提示

引导提示能让用户沉浸在使用场景当中,专注于自己的任务。在操作过程中,确保顺利快速的完成任务。

△?引导提示

流程中分步引导

无论何时,建议人们去做某件事情的时候,当你将事情进行简化,就增加了人们去做那件事的可能性。建议详细的行动步骤,推动用户迈出第一步。

△?示例

4. 给用户节奏感:控制每一步的成本及用户情绪

控制用户情绪

去商场买 mac,看到要¥19488觉得很贵,当推销员说可以分期付款,5年算下来每天也就¥10.7,这样很快就动心了。设计产品也是如此要考虑好每个环节给用户做精准的节奏控制、控制用户情绪,把用户与产品互动的每个点连接起来,完成完整的流程。

△?情绪

任务分解

加油卡充值将一个复杂任务分解为:引导添加油卡,填写加油卡号,选择充值金额一系列更简单的步骤,从而进行行为塑造。从简单开始在此基础上逐步加强,给予用户反馈或奖励,分解任务比单独完成某件事情更有效率。

△?分解

节奏控制

登录方式中把输入姓名,邮箱,密码分步骤有节奏的展示。简单直接的反馈,使登录更有趣。

△?节奏

5. 安慰剂效应:缩短等待感知,善意的作假,分解逐步释放给用户

缩短用户感知

有时候电梯为了确保安全性防止快速关门夹到乘客,关门键设计其实是假的,用户按关门键电梯门并没有马上关闭,但是为什么还要把关门键留着给用户去操作,善意作假就是一种安慰剂效应,用户一直按关门键是缩短了等待时间的感知。

△?示例

让等待变得更愉快

经常出现在加载、刷新、发送等界面中,让等待变得可视化,甚至不再那么无聊。有趣的加载动画,缩短枯燥的等待。

△?有趣的加载动画

分解逐步释放给用户

在页面内容信息加载过慢时,先显示不同图标占位,再将信息分步展示给用户。

△?逐步释放

6. 随时与用户沟通:及时明确有趣的反馈方式,让用户专注而愉快

操作后沟通

用户完成操作后能够及时看到有效的结果,比如说注册、登录、验证、微博的转发评论等等。特别用户在使用支付相关产品交易时,要确保用户及时快速的看到结果。

△?示例

出错时沟通

告知用户为什么操作被中断,已经出现什么错误,提示信息尽量精准易懂,并提供解决方案,以使用户能够从错误中恢复。

△?示例

过程中的沟通

用来缓解用户的焦虑心理,安抚好用户情绪后,几秒的时间,页面就加载成功,这个细节必然为产品的体验加分不少。

△?示例

让沟通更有趣味

精美有趣的反馈方式,会给用户留下深刻印象,提升使用时的愉悦感,甚至可以成为吸引用户的一个因素。

△?示例

最后想说,诱惑要以人为本,我们的目标是让人们长久的喜爱并不断的付出,而不是一次性的买卖!设计师设计产品也应该带有一定的情怀,把人带入到场景中,利用情境打动人,触动人的内心。

您可能想查找下面的文章:

  • 交互基础小课堂!从五个维度全面分析「下拉刷新」功能
  • 设计冲刺法:5天搞定2018俄罗斯世界杯主题设计
  • 高手进阶技巧!6招帮你用设计抓住用户的心
  • 写给UI新手的APP结构指南:闪屏
  • 这些设计细节,决定了谁月薪5000谁月薪50000!
  • 618前夕,来看京东设计师是如何用场景化让你买买买的
  • 网易实战案例:教你五步打造APP节日主题设计
  • 对话腾讯设计师:微信车票背后的设计故事
  • 看似最简单的空白页,腾讯微云的高手是如何设计的?
  • 交互基础小课堂!如何利用 “峰终定律” 改善用户体验?

相关文章

  • 2018-08-23超实用!12 条提高产品可用性的动效设计原理(附案例)
  • 2018-08-23科普手册!值得新手收藏阅读的界面设计原则
  • 2018-08-23腾讯高级交互设计师:什么是优秀的设计思维与方法?
  • 2018-08-23涨姿势!为什么大牌时装在春晚就失去了高级感?
  • 2018-08-232017年快结束了,网易高手是怎么做设计年度总结的?
  • 2017-08-06使用火狐的web developer禁用网页样式图文详解
  • 2018-08-23掌握这5个方面,让你具备真正的交互设计思维!
  • 2018-08-23强化用户体验!3个方法有效提升用户的控制感
  • 2018-08-23配色高手系列!聊聊“黑色”在电商设计里的常用搭配技巧!
  • 2017-08-06键盘上各种特殊符号的英文读法(知识普及)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • PS合成教程!记忆大师的海报风格是怎么做的?
    • 如何给节日主题做设计,来看这篇超全面的分析!
    • 今年的双11品牌设计,官方首度揭秘背后全过程!
    • 实战经验!如何做好网页后台的表单和表格设计?
    • 为什么「下拉刷新」能成为现象级的设计?
    • 同样是描边字,为什么你做的总是很土气?
    • 想做AR类的APP?那么你应该从这三个关键点着手
    • 腾讯设计师:极速适配 iPhone X 的技巧揭秘!
    • 设计师的下半场,掌握全链路设计的5个方法
    • 关于门户网站焦点图设计的一些总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有