网页设计 » 用户体验 » 营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

发表于: 用户体验. 评论
Sponsor

前言:细节决定成败,细节是那些呢?是视觉层面?交互层面?这个实在太多了,需要自己的经验去积累,就如今天分享的文章,为了提高用户的信任感,设计师分别从界面真实性、关心之至的文案、视觉形象等方面着手,这是不是技法,而是心法,它不仅适用于移动UI,在网页设计和GUI产品上也同样适用。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

围绕产品信任感的打造已经聊完了前面2部分:理念篇-为用户着想;内容篇-信息真实可靠。

这次把最后一部分「表现篇-营造出好印象」给说完,这个坑就总算结束了,废话不多说,直接开始:

目录:

  • 1、贴近真实
  • 2、关心之至的文案
  • 3、建立自己的视觉形象
  • 4、克制一点的表达
  • 5、让用户有控制权

01.贴近真实

贴近真实的作用,是让用户对内容的表现上有一种‘熟悉感’。毕竟熟悉的事物总能让人感到安心,不会产生排斥心理,理解和操作起来更容易。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

一些广告的形式上,会和周边内容设计得如出一致(原生广告),让用户习惯性地以为这是一条新闻、消费资讯,以此吸引点击。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

微信朋友圈也出现过‘视频通话’广告,熟悉的来电通知(加上名人效应、好奇心理)总会让用户不自主地参与其中。

而且无论点击拒绝还是接听,内容都是一样的。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

虾米音乐App横屏时,会将播放界面切换‘卡带’风格。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

虽然谈不上给用户制造信任感,但这种贴近真实生活、引发情感共鸣的的细节设计,无疑会提升用户的好感度与产品的竞争力。

一直都感觉,阿里做设计真的很用心。

02.关心之至的文案

文案上的表达,能辅助加深用户对我们的信任感,因为向用户传达的是一种‘放心、安全、温暖’的心理感知,无论针对个人财产、隐私信息,还是食品健康、交通安全等。

如腾讯财付通,隐蔽个人总资产会展示‘空空如也’文案,让我们对个人财产的存放和隐私信息增加一层安全感(虽然里面一分钱也没有)。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

还有美团外卖,当骑手未及时送货、速度慢等总会让我们心情烦躁、不相信这个骑手是否有心在送货?

为了让用户理解骑手们的不容易,并且相信平台的服务质量,美团在某推广上设置了一句文案来打消用户的疑虑。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

03.建立自己的视觉形象

拥有自己的视觉形象,能折射出产品背后所代表的实力,让自动用户联想起我们的服务。对内容的消费、产品的服务建立起一种‘可靠’心理感知。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

医生们平时也是穿各种便衣与休闲服,但为啥只要一披上‘白大褂’,会给人一种‘信任踏实’的感觉?

原因是‘白大褂’所赋予‘医生’的视觉形象,给人们带来‘治病医命、救死扶伤’的安全感,使我们产生信任基础。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

另外,视觉形象可以提升与竞品之间的竞争关系,强化在消费者心中的品牌印象,从而获得更好的服务。

同样是‘一点点’奶茶,假的奶茶你会买来喝吗?

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

能不能3秒内看出 哪里不同?

同样的,如果让你选择一个理财产品,你会不会很大概率会选支付宝?

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

建立视觉形象的要素有很多:Logo、Slogan、吉祥物、品牌色、周边、应用图标等等。但这不是今天要讲的主题,直接跳过。

04.克制一点的表达

指尽量只聚焦于主体部分,避免过多的杂乱信息干扰理解。毕竟视觉感官会直接影响人们的第一印象:优质还是劣质、真实还是虚假、专业还是敷衍等。
同样是电商平台、同个牌子的洗眼液,对商品质量有要求的你,哪个封面更会让你点击查看?

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

不少大牌商品在风格设计上都追求极简,通过‘简化之上’的理念营造品质感。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

当然这和产品的受众有一定关系,不能说得很绝对。只能说尽量克制一点,毕竟人们都不喜欢复杂的事物。

像简单的配色、少量的装饰元素、清晰的图片、合适的排版等,都能使用户在视觉感官上更加信任我们的内容。

毕竟喜欢‘logo要大、颜色要五彩斑斓’风格的永远都是极少数人。

05.让用户有控制权

对任何事物能自主地理解、操作和反馈,是双方建立信任点的桥梁。

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

让用户拥有控制权,虽然不会直接营造出很强的信任感。但是无法让用户自主控制、不能做出选择的操作,一定让大幅度削弱用户对产品的好感度,最终选择一个代替你的产品。

拿最常见的加载loading来说,如果遇到网络延迟,数据异常时,就一直那加载吗?用户如何取消或退出?

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

这就需要我们对用户的操作、机器的反馈做出及时回应:可暂停、可修改、可更换、可撤销/返回、可放弃。防止用户‘无处可去’,最终心态爆炸。

结语:

至此,信任感打造的3个篇章总算结束了,回顾一下:理念 > 内容 > 表现。

‘基于什么样的理念,向用户传递什么内容,并且怎么表现。’

营造出好印象的界面设计 | 打造信任感产品 3(展现篇)

1.理念层-为用户着想:
减少用户在 ‘时间、体力、脑力、金钱、情感’等层面的成本投入。

2.内容层-信息真实可靠:
强调 ‘信息透明、核心竞争力、提供实验与证明、给予附加价值、保护用户隐私、借助背书、让用户无后顾之忧、寻求长期服务、利用一些心理学’等给用户带来的影响。

3.表现层-营造出好印象:
尽量‘贴近真实、关心之至的文案、建立自己的视觉形象、克制一点的表达、让用户有控制权’等信息传达。

这些处理心法估计一些刚入门不久的设计师不一定能看懂,但没关系,高手路漫长,一起加油吧!

如果看了本文有所收获,请轻触手指,分享给更多小伙伴们学习哦。

来源 | 和出此严 (id: Hechu618)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }