旗下产业: A产业/ A实习/ A计划
全国统一咨询热线:010-5367 2995
首页 > 热门文章 > UI设计 > 如何在表单UI设计中考虑用户的情感

如何在表单UI设计中考虑用户的情感

时间:2020-12-05来源:www.aaa-cg.com.cn点击量:作者:Arya
时间:2020-12-05点击量:作者:Arya
       根据用户需求的层次结构,数码产品应为:功能性、解决问题。可靠、始终如一地工作。可用的、高标准完成工作。本文AAA教育的武老师对如何在表单UI设计中考虑用户的情感进行分享。

  但是它们也应该是令人愉快的。
 

如何在表单UI设计中考虑用户的情感
 

  当然,我们知道最新的iPhone或精美的在线购物体验需要唤起惊喜和愉悦的感觉但是,本质上更实用的产品又如何呢?喜欢...形式吗?他们也会感到惊讶和高兴吗?
 

  我对此的简短回答是:是的。
 

  它所需要的只是一点想象力。
 

  让我们进入:
 

  非传统形式元素
 

  表单的UX流
 

  设计好玩的形式的技巧
 

  探索UI元素的潜力
 

  表单设计应该是一致的,但这并不意味着它不能融合一点惊喜。通过使用非标准的UI元素(如可单击的图像和切换的滑块),您可以使表单填充令人愉快且直观。
 

  (使用InVision Craft轻松将设计移至原型。)
 

  这种思路构成了我们产品JotForm Cards中某些功能的基础。
 

  “表单设计应该是一致的,但这并不意味着它不能融合一点惊喜。”
 

  当然,设计本身看起来很酷,但是填充表格的经验又如何呢?用户能否以更加动态,互动的方式表达自己的答案?我们是这样认为的。
 

  通过拖动蓝色点或单击灰色点,受访者可以在指尖看到答案的变化。
 

  向左滑动。向右滑动。

        表情符号滑块
 

如何在表单UI设计中考虑用户的情感
 

  用户可以使用表情符号滑块代替刻度来表达自己的满意程度。讨厌这个活动吗?哭的脸!超级开心?爱心的眼睛。
 

  表情符号滑块可让表单填写者以青少年的母语回答。是-否切换
 

  这很令人满意,很简单,很决定性。
 

  当我们观看用户测试视频时,很明显,这些新功能使人们微笑。对于我们来说很幸运,这样的响应对于我们来说很容易并且很有趣。
 

  良好的UX用户体验流程
 

  任务,很容易和满足于完成后会平静的用户进入状态流程:巅峰享受,高度集中注意力。最好的情况下很难做到这一点,如果用户遇到障碍和错误,那是绝对不可能的。
 

  我们需要努力创建一条通畅的完成路径,而这只需要用户付出最小的努力。成功的定义是最大程度地减少痛点并预见沮丧的时刻。
 

  “简单而令人满意的任务将使用户陷入混乱的状态:享受高峰,集中注意力。”
 

  推动行动
 

  高认知负荷是成功填写表格的敌人。当人们不得不思考或做更多不必要的事情时,就会发生这种情况。运动动作对大脑的“负荷强度”要比那些烦人的认知动作(这有点使笔记本电脑变慢的软件类型)少。
 

  这就是每个UI元素理想情况下都应该包含动作(例如,单击鼠标)而不是认知动作(涉及思维和打字的任何动作)的原因。

  您可以在哪里偷工减料以减少打字的需要?考虑预定义的答案,自动填充,智能默认设置和邮政编码查找-根据Google的规定,这些功能可帮助人们将表单填写速度提高30%。无论谷歌和香菜提供的JavaScript API为您的网站代码,以减少输入。
 

  “高认知负荷是成功填写表格的敌人。”
 

  减少点击
 

  好的,因此您已将每个操作转换为可点击的内容。现在是时候减少尽可能多的点击了。当Microsoft将其关闭提示从可单击的关闭图标更改为下拉框时,他们发现关闭计算机的人数减少了—只是由于另外两次单击。
 

  始终使用复选框,并使用单选按钮而不是下拉菜单。切勿在字段中拼写电话号码或生日。
 

  最重要的是减少字段。尽可能减少更多,然后再减少更多。Expedia在预订单上再问了一个问题,就损失了1200万美元。不要跟随他们的脚步。
 

  较短的Web表单为用户减少了摩擦,从而增加了转换的机会。Hubspot的一项研究发现,将表单字段的数量从四个减少到三个,可以将转换率提高50%。
 

  正如数学家布莱斯·帕斯卡尔(Blaise Pascal)所说的那样:“我比平常更长了,因为我没有时间将其缩短。”
 

  表单设计,要使其有趣
 

  大脑喜欢玩耍和实验。有很多方法可以利用动量的力量来游戏化表格填充的经验。并在动画中添加幽默感,使体验更人性化。
 

  游戏化
 

  这是我们希望传达的鼓励类型,以帮助我们的用户填写表格。
 

  例如,JotForm Cards的多阶段布局遵循的理论是,用户在感觉前进时更有可能继续前进。与静态地停留在一页上相比,始终移至下一步会产生动感。
 

  “动画将美与情感与功能结合在一起。”
 

  我们用一个进度点来说明这一点,该进度点显示已经完成了多少个问题,还剩下多少个问题。仅当用户将鼠标悬停在该点上时,该点才会出现。用户可以轻松切换到概览模式,该模式使他们可以在编号的问题之间切换,并可以像地图一样使用自由的水平滚动。
 

  动画化
 

  动画将美与情感与功能结合在一起。与静态屏幕相比,它可以使界面更生动,吸引用户的注意力并以更明亮,更吸引人的方式说明错误或说明。
 

  如果用户输入错误,屏幕会摇动“否”以通知他们。每一步都应使用户感到仿佛正朝着目标迈进。
 

  最后的想法
 

  为获得良好的用户体验而进行的设计所涉及的不仅仅是使产品可用。可用性是使人们能够实现目标的原因,而经验则使您的产品令人难忘。
 

  优秀的UX之所以令人满意,是因为它经过精心设计。它让您沉浸其中,并激发您的热情,例如游戏,应用程序或电影。而且没有理由为什么表格不能在所有这些相同的方框中打勾。
 

  请记住,用户体验不仅与可用性有关,还与感觉有关。因此,通过将感觉与功能联系起来,使您的形式使用起来很愉快。这篇文章的表单情感UI设计内容你学到了吗,更多资讯请持续关注AAA教育~

预约申请免费试听课

填写下面表单即可预约申请免费试听!怕钱不够?可先就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可推荐就业!

©2007-2021/北京漫动者教育科技有限公司版权所有
备案号:京ICP备12034770号

©2007-2022/ www.aaa-cg.com.cn 北京漫动者数字科技有限公司 备案号: 京ICP备12034770号 监督电话:010-53672995 邮箱:bjaaa@aaaedu.cc

京公网安备 11010802035704号

网站地图