童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

8月12日 火云谷投稿
  设计师通过设计影响用户的感知力,唤起用户共情,并引导用户行为,整个环节都让用户跟随你的预期构思进行,从而把握设计的主动权。那本文就跟大家分析一下,不同的视觉设计是如何引起用户不同的行为的。
  在强调以用户为导向的今天,许多设计都是围绕着用户需求来展开,然而换个角度思考,设计是否可以主动引导用户行为,让用户跟随你的设计思维最终更好地满足需求呢?
  答案是可以的。设计师通过设计影响用户的感知力,唤起用户共情,并引导用户行为,整个环节都让用户跟随你的预期构思进行,从而把握设计的主动权。
  以下我们思考与分析不同的视觉设计,是如何引起用户不同的行为的:
  目录:
  一、决定用户获取信息的过程
  二、撩拨用户不同的情绪
  三、给予用户不同的提示
  四、正、负反馈的应用
  一、决定用户获取信息的过程
  当画面信息量过多且混乱时,用户的第一眼信息和阅读顺序是随机的,这个时候就需要设计师根据信息的重要程度和相关性,通过改变某些元素的视觉层级,建立不同级别的视觉,从而突出重要信息以及引导用户的阅读顺序。
  举个简单栗子:比如下方图a,四个词并不存在关联,我们通过亲密性、字体样式、颜色等相同形式使它们分别组合起来,并通过组与组之间的差异对比来区分视觉层级,从而影响词语的组合和引导用户的视觉顺序。
  实际应用:下面两款app首页,同样都是翻译工具类型,当新用户需要用到翻译工具时,通过视觉层级划分:
  左边第一眼视觉从“今日公开课”再到输入框;
  右边第一眼视觉就在输入框。
  左边通过色块弱化输入框,引导用户先注意公开课等讯息,再到翻译输入框,而右边则几乎完全在视觉表现上着重强调输入框,弱化其他信息。
  同样是翻译工具app,通过不同的层级设计产生不同的视觉流:一个是强化带货能力,一个是强化查询框。
  视觉层级应当符合用户的浏览习惯,合理地引导用户的视线流,一般视觉层级最好不超过三个,简单清晰有效的层级能够让用户对页面内容一目了然,快速了解内容的组织,找到功能入口。
  二、撩拨用户不同的情绪
  功能需求是情感需求的基础,当功能满足用户需求时,我们会开始去思考怎样通过设计去拉近人们与冰冷页面的距离,我们会通过引导页的插画设计,为用户在使用产品前提前预热情绪。
  比如:下方的阅读类app引导页,当用户有阅读需求,引导页以夜晚冷色调,画面中独自一人在窗口阅读,给用户独处宁静的感觉,从而营造合适阅读的氛围,为阅读酝酿情绪。
  同样是阅读app的引导页,咪咕阅读app则通过不同的场景展示“阅读,越快乐”的主题,用户在阅读的时候都是有一定的使用场景,画面根据用户使用阅读软件的常见场景展现快乐情愫,从而影响用户在阅读时也诱发快乐情绪。
  一个渲染宁静、独处的氛围;另一个则是渲染快乐的氛围,引导页设计通过撩拨用户的不同情绪,为产品使用营造良好的使用氛围。
  再举一个错误页面下情感设计的例子,当用户断网或信号不好,页面图片无法加载出来时,用户的情绪可能处于焦虑和即将关闭的临界点,这个时候需要设计师进行更好的用户引导来缓解用户情绪。
  比如左边的页面出现“那个,可以等我一下吗”、“今天不是周末嘛”等文案来转移用户注意力,从而减轻用户的负面情绪;
  而右边页面处断网状态下时,出现卡通形象难过的表情,创造与用户共鸣的情感,与用户建立是极为亲密的情感互动。
  同样是断网状态下,通过文案与图形引起不同的情绪引导。
  一个通过转移注意力减轻用户负面情绪,一个通过共鸣来与用户建立情感交流,设计师通过不同的方向在断网状态下进行用户的情绪引导,引起不同的反应,从而减少用户的流失。
  三、给予用户不同的提示
  在给予用户提示时,如何巧妙地提示尤为重要,比如:下方爱奇艺和腾讯视频的观看视频进度提示。
  爱奇艺从剩余时间给予用户提示,告知用户剩余视频准确到需要多少分钟多少秒看完,可以让用户合理安排时间进行观看;
  而腾讯视频则从已观看的进度给予用户提示,告知用户这个视频你已经观看了占整个视频的比例是多少,帮助用户对整个视频的长度有个预期,并且了解自己当前的位置。
  同样是视频app,一个准确提示用户视频剩余进度,一个大概提示视频已看比例,从不同方向满足用户了解当前观看视频进度的需求。
  四、正、负反馈的应用
  当用户进行操作时,我们应当及时给予用户反馈,反馈可分为正反馈和负反馈,简单理解,正反馈即促进或加强接收到信息;而负反馈抑制或减弱接收到信息。
  以下我们列举两个简单的动效(做了夸张处理),两个动效从起点到终点的时间是相同的,一个是起步缓慢,另一个是结束缓慢。
  尽管这两种动效跟系统反应并无关系,但却常常被应用在下载和卸载时显示的动效。假设下载和卸载所需时间都相同,蓝色进度条动效往往会运用在下载时的状态,而红色进度条动效会运用在卸载时的状态。
  用户在下载时会希望速度越快越好,我们用左边的动效,通过一开始就加速,来给用户一种下载即将完成的假象,从而减少用户等待的焦虑感。
  用户在卸载时,为了给用户更多反悔的时间,我们会在一开始就减速,给予用户取消卸载的动机。
  五、后言
  用户其实很懒,不会做过多的思考,所以更加需要我们根据产品自身定位与发展情况在每一步操作上思考如何更好的引导用户,也许一个很小的改动,就能收获意外的惊喜。
  以用户为导向的产品千篇一律,但只有在充分做好用户需求调查分析后再引导用户行为,才能在用户价值与商业价值之间取得平衡。
投诉 评论 转载

UX用户体验设计:如何创建设计原则?本文作者依据工作中项目实践的所思所想,并结合案例等分享了创建设计的七项原则,供大家一同参考和学习。最近,在Medium上看到一篇关于讲述关于创建设计原则的文章,于是我回想……从场景与入口,聊聊产品的轻量化设计这几年,轻量化设计一直很受欢迎。原因在于繁复冗杂的产品设计会让用户觉得很多余,而轻量化的出现则刚好地弥补了这一不足。轻量化是近两年来设计圈一个比较火的话题,什么是轻量化?……系统性地教你:如何设计产品的信息引导?本文笔者将为大家讲述:信息引导的类型,以及“信息引导从哪方面切入?”等问题,enjoy不知大家有没有和我一样的疑惑:日常产品的信息引导到底该如何设计?可能有人第一时……如何通过设计引导用户不同的行为?设计师通过设计影响用户的感知力,唤起用户共情,并引导用户行为,整个环节都让用户跟随你的预期构思进行,从而把握设计的主动权。那本文就跟大家分析一下,不同的视觉设计是如何引起用户不……从这5个挑战来看,企业应用程序该如何设计?企业应用设计应该注意哪些问题?会面临哪些挑战?它与B2C设计又有什么区别?当我第一次开始使用VWO时,我遇到了许多让我想知道的实例:企业应用程序(B2B)是否真的与消费者……在性能承载范围内,如何设计一个邮件订阅功能?本文笔者将对一个邮件订阅功能设计的项目的需求进行可行性评估,再对交互设计的过程进行展示以及指出相关的值得注意的交互细节。项目背景战略级客户提出的需求。客户的工……产品经理必学UML(三):活动图活动图是什么?活动图由什么元素组成?活动图是如何展示系统运作的?我们经常需要用到流程图,在UML里,活动图看起来和流程图相似,但是与流程图确实又有一些区别,主要体现在以下……订单全流程:从父订单到仓库出库单订单拆单到仓库发货,整个流程是什么样的?拆单系统又分为哪几个部分?在之前的文章里,我讲了订单拆单以及库存分三层的概念。有一些产品朋友对订单拆单到仓库发货,整个流程还是有些……推荐系统实战:如何做好需求分析?作者根据自身实践和平时所学,从产品需求分析的角度,拆解了推荐系统的具体设计流程,希望对你有所帮助。十年前,也许我们大部分人都还没听说过推荐产品;十年后,推荐产品已经布满了……设计创新:如何发掘新商机?“设计”这一术语通常用来描述视觉上的产物形式、颜色、纹理、布局或设计活动。在其他情况下,设计的含义超出了产品的外观,也涉及它的工作方式和功能。在本文中,我们将探讨:设计如何改变……旅游度假线路打包方式发展及预测随着经济水平的提高,越来越多人选择在线旅游产品进行预订消费。然而仔细盘点旅游度假路线的打包方式,我们会发现它经历了好几阶段的改变与更迭,并且它的未来发展趋势也很值得期待。……如何创建精致的UI界面(一):排版篇本文给大家介绍了七大排版思路,也希望能给有想要提升排版能力的设计师带来一些帮助与启发!前言从本周开始,接下来时间里,会和大家分享如何创建精致的UI界面,共五部曲,为……
谷歌动效设计师经验:做好动效设计并不难随机抽奖,一种让用户上瘾的激励方式甲方竟敢说你的配色丑!我来教你怼回去(三)底部标签栏:你还不知道的小细节!安卓app升级的3种方式及交互细节2018双十一品牌:官方揭秘设计全过程!PC端后台系统的视觉设计慎用扁平化风格抓住用户的魔性功能:签到后台产品设计系列:原型设计五大要点(四)甲方竟敢说你的配色丑!我来教你怼回去(二)走进开发,5分钟知悉微信小程序“召回利器”那些你不知道的社交Feed流图片布局
核心价值观标语口号我的弟弟小学作文范文500字创业项目卖口罩赚人生第一桶金分享故事生产理论与马克思哲学范式的新探索男性的精子能美容吗为何他只会盯着屏幕,从不顾及你?老实人为什么泡不到妞原因就出在这里给狗起名字仙气狗起名字接地气五大套路教你轻松运营社群姓王的男孩名字洋气点王姓男孩取名大全男人怎么安全使用壮阳药恼人的理发小学作文500字

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界