如何通过设计引导用户不同的行为?

设计师通过设计影响用户的感知力,唤起用户共情,并引导用户行为,整个环节都让用户跟随你的预期构思进行,从而把握设计的主动权。那本文就跟大家分析一下,不同的视觉设计是如何引起用户不同的行为的。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

在强调以用户为导向的今天,许多设计都是围绕着用户需求来展开,然而换个角度思考,设计是否可以主动引导用户行为,让用户跟随你的设计思维最终更好地满足需求呢?1kz每天发布大量与生活相关的资讯平台

答案是可以的。设计师通过设计影响用户的感知力,唤起用户共情,并引导用户行为,整个环节都让用户跟随你的预期构思进行,从而把握设计的主动权。1kz每天发布大量与生活相关的资讯平台

以下我们思考与分析不同的视觉设计,是如何引起用户不同的行为的:1kz每天发布大量与生活相关的资讯平台

目录:1kz每天发布大量与生活相关的资讯平台

一、决定用户获取信息的过程1kz每天发布大量与生活相关的资讯平台

二、撩拨用户不同的情绪1kz每天发布大量与生活相关的资讯平台

三、给予用户不同的提示1kz每天发布大量与生活相关的资讯平台

四、正、负反馈的应用1kz每天发布大量与生活相关的资讯平台

一、决定用户获取信息的过程

当画面信息量过多且混乱时,用户的第一眼信息和阅读顺序是随机的,这个时候就需要设计师根据信息的重要程度和相关性,通过改变某些元素的视觉层级,建立不同级别的视觉,从而突出重要信息以及引导用户的阅读顺序。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

举个简单栗子:比如下方图a,四个词并不存在关联,我们通过亲密性、字体样式、颜色等相同形式使它们分别组合起来,并通过组与组之间的差异对比来区分视觉层级,从而影响词语的组合和引导用户的视觉顺序。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

实际应用:下面两款app首页,同样都是翻译工具类型,当新用户需要用到翻译工具时,通过视觉层级划分:1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

  • 左边第一眼视觉从“今日公开课”再到输入框;
  • 右边第一眼视觉就在输入框。

左边通过色块弱化输入框,引导用户先注意公开课等讯息,再到翻译输入框,而右边则几乎完全在视觉表现上着重强调输入框,弱化其他信息。1kz每天发布大量与生活相关的资讯平台

同样是翻译工具app,通过不同的层级设计产生不同的视觉流:一个是强化带货能力,一个是强化查询框。1kz每天发布大量与生活相关的资讯平台

视觉层级应当符合用户的浏览习惯,合理地引导用户的视线流,一般视觉层级最好不超过三个,简单清晰有效的层级能够让用户对页面内容一目了然,快速了解内容的组织,找到功能入口。1kz每天发布大量与生活相关的资讯平台

二、撩拨用户不同的情绪 1kz每天发布大量与生活相关的资讯平台

功能需求是情感需求的基础,当功能满足用户需求时,我们会开始去思考怎样通过设计去拉近人们与冰冷页面的距离,我们会通过引导页的插画设计,为用户在使用产品前提前预热情绪。1kz每天发布大量与生活相关的资讯平台

比如:下方的阅读类app引导页,当用户有阅读需求,引导页以夜晚冷色调,画面中独自一人在窗口阅读,给用户独处宁静的感觉,从而营造合适阅读的氛围,为阅读酝酿情绪。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

同样是阅读app的引导页,咪咕阅读app则通过不同的场景展示“阅读,越快乐”的主题,用户在阅读的时候都是有一定的使用场景,画面根据用户使用阅读软件的常见场景展现快乐情愫,从而影响用户在阅读时也诱发快乐情绪。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

一个渲染宁静、独处的氛围;另一个则是渲染快乐的氛围,引导页设计通过撩拨用户的不同情绪,为产品使用营造良好的使用氛围。1kz每天发布大量与生活相关的资讯平台

再举一个错误页面下情感设计的例子,当用户断网或信号不好,页面图片无法加载出来时,用户的情绪可能处于焦虑和即将关闭的临界点,这个时候需要设计师进行更好的用户引导来缓解用户情绪。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

  • 比如左边的页面出现“那个,可以等我一下吗”、“今天不是周末嘛”等文案来转移用户注意力,从而减轻用户的负面情绪;
  • 而右边页面处断网状态下时,出现卡通形象难过的表情,创造与用户共鸣的情感,与用户建立是极为亲密的情感互动。

同样是断网状态下,通过文案与图形引起不同的情绪引导。1kz每天发布大量与生活相关的资讯平台

一个通过转移注意力减轻用户负面情绪,一个通过共鸣来与用户建立情感交流,设计师通过不同的方向在断网状态下进行用户的情绪引导,引起不同的反应,从而减少用户的流失。1kz每天发布大量与生活相关的资讯平台

三、给予用户不同的提示 1kz每天发布大量与生活相关的资讯平台

在给予用户提示时,如何巧妙地提示尤为重要,比如:下方爱奇艺和腾讯视频的观看视频进度提示。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

  • 爱奇艺从剩余时间给予用户提示,告知用户剩余视频准确到需要多少分钟多少秒看完,可以让用户合理安排时间进行观看;
  • 而腾讯视频则从已观看的进度给予用户提示,告知用户这个视频你已经观看了占整个视频的比例是多少,帮助用户对整个视频的长度有个预期,并且了解自己当前的位置。

同样是视频app,一个准确提示用户视频剩余进度,一个大概提示视频已看比例,从不同方向满足用户了解当前观看视频进度的需求。1kz每天发布大量与生活相关的资讯平台

四、正、负反馈的应用 1kz每天发布大量与生活相关的资讯平台

当用户进行操作时,我们应当及时给予用户反馈,反馈可分为正反馈和负反馈,简单理解,正反馈即促进或加强接收到信息;而负反馈抑制或减弱接收到信息。1kz每天发布大量与生活相关的资讯平台

以下我们列举两个简单的动效(做了夸张处理),两个动效从起点到终点的时间是相同的,一个是起步缓慢,另一个是结束缓慢。1kz每天发布大量与生活相关的资讯平台

1kz每天发布大量与生活相关的资讯平台

尽管这两种动效跟系统反应并无关系,但却常常被应用在下载和卸载时显示的动效。假设下载和卸载所需时间都相同,蓝色进度条动效往往会运用在下载时的状态,而红色进度条动效会运用在卸载时的状态。1kz每天发布大量与生活相关的资讯平台

用户在下载时会希望速度越快越好,我们用左边的动效,通过一开始就加速,来给用户一种下载即将完成的假象,从而减少用户等待的焦虑感。1kz每天发布大量与生活相关的资讯平台

用户在卸载时,为了给用户更多反悔的时间,我们会在一开始就减速,给予用户取消卸载的动机。1kz每天发布大量与生活相关的资讯平台

五、后言 1kz每天发布大量与生活相关的资讯平台

用户其实很懒,不会做过多的思考,所以更加需要我们根据产品自身定位与发展情况在每一步操作上思考如何更好的引导用户,也许一个很小的改动,就能收获意外的惊喜。1kz每天发布大量与生活相关的资讯平台

以用户为导向的产品千篇一律,但只有在充分做好用户需求调查分析后再引导用户行为,才能在用户价值与商业价值之间取得平衡。1kz每天发布大量与生活相关的资讯平台

本文由 @溜滑冰 原创发布于人人都是产品经理。未经许可,禁止转载1kz每天发布大量与生活相关的资讯平台

题图来自Unsplash,基于CC0协议1kz每天发布大量与生活相关的资讯平台

也许你还喜欢

steam图片加载不出来 steam创意工

steam图片加载不出来 解决方法一:检查网络环境 如果您遇到了Steam加载不出图片的问

steam无法添加好友怎么做 steam添

steam无法添加好友怎么做,steam添加好友不符合此功能要求怎么办,steam帐户恢复尝试次数

steamdeck价格是怎样 Steam Deck能

steamdeck价格是怎样,Steam Deck能玩什么游戏,新版steam设置启动项不见了,steam手机版怎

windows7安装教程和操作步骤 win7

windows7安装教程和操作步骤,win7系统版本详细介绍,安装Windows7最低配置要求,如何满足Wi

steam关闭开机自启 steam手机版换

steam关闭开机自启,steam手机版换手机了怎么登录,steam游戏闪退解决方法,steam平台上下载

steam手机版打不开解决方法 steam

steam手机版打不开解决方法,steam客户端打不开商店怎么办,steam打开出错怎么办,steam手机

steam怎么关闭开机自启 Steam新界

steam怎么关闭开机自启,Steam新界面如何设置,steam启动游戏几秒自动关闭,steam游戏自动关

steam为什么不能加好友 steam添加

steam为什么不能加好友,steam添加好友的具体操作方法,steam家庭共享可以一起玩吗,steam游

steam重复次数过多要等多久 怎么解

steam重复次数过多要等多久以及解决办法,steam退款到账时间要多久,steam跳转微信/支付宝

steam怎么改手机号 steam手机令牌

steam怎么改手机号,steam手机令牌怎么移除,steam账号注册规则,steam密码怎么填写,相信大家