「如何实现流动式软件发布」线上课堂开课啦,快来报名参与课堂抽奖吧~ 了解详情
写点什么

图像是如何驱动用户体验的(二)

2020 年 1 月 08 日

图像是如何驱动用户体验的(二)

二、图像不应该制造视觉疲劳

“多多益善”的原则并不适用于图像。不要花太多精力创作纯粹的装饰性图像,因为人们通常会忽略这些图像。相反,选择展示你产品用途的图片。在你的设计中使用有限数量的引人注目的视觉效果——真正吸引用户注意力的东西。



三、不失真地使用高质量的图像

确保您的图像适合在所有平台上显示。图像不应该出现像素化,所以一定要测试特定比率和设备的适当分辨率。显示照片和图形在其原始的方面比,并且不要缩放它们大于 100%。因为你也不希望你的图像中的产品或图形看起来歪歪斜斜,太小或太大。



四、以图像为中心的设计并不适合每一个网站

用赏心悦目的图像吸引人们的注意力当然是有价值的,但它的代价是让其他元素更难看到和使用。


在你的设计中过多地关注图像可能会造成视觉上的重点偏移,这会严重干扰用户与你的内容产生有意义的接触。


尽管在某些情况下,以图像为中心的设计是合适的(例如,苹果的主页),绝大多数应用程序和网站应该遵循一个平衡的方法——用户界面中使用的图像应该支持产品,但不会掩盖其他重要内容或按钮功能。



五、使用多个媒介

插图和摄影都可以在同一产品中使用。摄影是展示特定的实体和故事的理想媒介。举个例子,如果我们需要展示的不仅仅是一朵花,而是一朵玫瑰。插图对于表示概念和隐喻是有效的,在这种情况下摄影可能不太合乎情境。


意象是传达信息的视觉传达工具。清晰的焦点可以一眼就能传达出概念,而缺乏焦点则会使图像失去意义。当焦点被模糊时,图像的标志性质量就消失了。


因此,应该极力避免让用户在图像中寻找意义,并确保清晰的概念以一种令人难忘的方式传达给用户。尽量减少用户注意力分散,将他们的视线吸引到你网站有意义的元素上。



六、显示真实的人像图片

真实的人像图片是让用户参与进来的一种非常有效的方式。当我们看到其他人的面孔时,我们会觉得我们实际上是在和他们联系,而不仅仅是在使用产品之后。然而,许多公司网站因过度使用虚假的照片而臭名昭著,你使用的图像应该是你的产品、公司或文化的真实表现。


可用性测试表明,纯粹装饰性的照片很少会给设计带来价值,而且通常会损害用户体验。用户通常会忽略这些图像,甚至可能会对它们感到沮丧。


一个非常简单的经验法则是使用与你的应用程序或网站角色匹配的高质量人像照片。小贴士:


尽量避免拥挤的镜头;


使用有一个主要主题的照片;


努力寻找代表真实故事的图片;


拍下你公司的人做有趣的事情的照片。


如果你有一个产品,考虑他们可以与那个产品互动的方式。



七、混合图像设计

当你在你的设计中使用图像时,问问你自己,你所拍摄的图片是否符合你的应用程序或网站的美感。当你专注于将图像应用于网站或应用程序时,确保它是优雅的,干净的,使用了大量的留白和大的全屏图像来创建一个大胆的设计,吸引你的注意。



八、改进您的电子商务设计

1)产品图片销售产品


用户通常依赖产品形象来评估产品和它的特性。不管你的产品是什么,无论是耳机还是玩具,产品摄影是任何电子商务网站最重要的元素。最终,你的产品越吸引访问者,他们就越有信心购买你的产品,你的转化率也会越高。


2)产品图片漂亮


一个好的形象为你做了所有的努力:它抓住了用户的注意力,并将你的产品与其他产品进行了有效的区分。然而,好的产品摄影需要你耐心进行设计。


3)让产品推销自己


不要让用户滚动来查看产品的主要图像,主要的产品形象应该放在突出的位置,以推销你的优先产品。


为了让图像更有效,它需要很大——尽可能大。并且,当你把你的图像的尺寸缩小了,你就需要把放大的能力整合到产品的具体细节上。这对于像服装这样的产品尤其重要,因为用户更关心细节。放大的图像也需要保持高质量。



九、表达个性,触发用户情感

图像可以传达产品或服务的本质,它也能带来惊喜和愉悦。图片有娱乐的能力,也有提供信息的能力。如果你已经有了满意的用户体验,那么在你的产品中添加乐趣有助于与你的用户建立情感联系。情感强大的图像是确保用户持续关注你的网站的一个因素。


情感的大脑受到照片和插图的影响,尤其是人物和故事。说到插画,即使网站或应用不包含绘画风格,也可以在其他用途上大放异彩。例如,插图可以用于指令、教程和空状态。



十、最佳实践:如何为你的登陆页面创建坚实的用户体验


登陆页面本质上是你的商店窗口,在大多数情况下,你只有一次机会来打动用户。当涉及到登陆页面时,您希望访问者只在页面上有一个任务:转换。


巨大的登陆页面围绕着坚实的用户体验,而图像在构建这一体验中扮演着重要的角色。当用户来到你的页面时,他们会有某种反应。在很大程度上,它是积极的还是消极的,是由他们所看到的决定的。


遵循以下这些建议:


1)选择适合你的信息的图像


选择能简单解释产品或服务概念的图片很重要。这并不意味着图像需要传达所有的东西——仅仅看到图像可能并不清楚它传达的是什么,但当它与页面上的其他内容相连接时,它应该符合逻辑。它应该在视觉上强化你试图传递给访客的信息。


2)在正确的地方展示图片


如果图像支持高优先级目标,它应该具有更多的视觉重点;相反,与次要目标相关的图像应该没有那么重。最重要的图像应该固定在一个突出的位置,并且应该是焦点的一个主要点。


3)选择引人注目的视觉效果


专注于选择你能找到的最引人注目的图片。文本可能被阅读和遗忘,但强烈的图像将被记住。一个生动的、引人注目的形象将会留在访客的脑海里。


4)使用情感上强大的图像


你的图像应该具有情感上的说服力——情感上的影响,并强化你想要创造的感觉。毕竟,当涉及到决策时,情绪往往会压倒逻辑。


结语

考虑图像的可用性很重要。在你的设计中所有的视觉传达都会给用户留下了一个累积的印象。令人信服的图片有独特的能力来激励和吸引你的访客阅读有用的信息。花点时间在你的应用程序或网站上使用图像增加你的用户体验。


免责声明:部分文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/LG_WD2q7OjUoSuInglMFBg


2020 年 1 月 08 日 15:22152

评论

发布
暂无评论
发现更多内容

技术人如何调研和选型第三方 SDK?全文干货

融云 RongCloud

区块链电子政务——不动产综合服务平台

电微13828808271

阿里高级架构师纯手打832页Java全栈知识点笔记,吃透后成功七面上岸滴滴!

Java架构追梦

Java 阿里巴巴 架构 面试 成长笔记

聪明人的训练(十二)

Changing Lin

4月日更

最新面经出炉:双非一本学历裸辞奋战4个月,从外包跳进字节,给到29k*14薪!

程序员小毕

Java spring 程序员 架构 面试

如何将区块链打造为城市底层基础设施

CECBC区块链专委会

区块链

视频云全球创新挑战赛 —— 视频目标分割经典算法解析

阿里云视频云

阿里云 计算机视觉

极智网络告警关联规则挖掘

鲸品堂

方法论 解决方案

SpringBoot Admin2.0 集成 Java 诊断神器 Arthas 实践

阿里巴巴云原生

Java 运维 云原生 中间件 Arthas

面试官:请说说什么是BFC?大白话讲清楚

蛙人

CSS 前端

26天吃透算法笔记,面试字节,面试官朝我比了个“ok”

比伯

Java 编程 架构 算法 技术宅

回归主流:区块链新大门的“密钥”

CECBC区块链专委会

区块链

思维导图学《Java性能权威指南》

Yano

Java 性能 思维导图

BERT和GAN咋压缩,且看咱PaddleSlim新利器—— OFA

百度大脑

百度 飞桨

【LeetCode】子集二Java题解

HQ数字卡

算法 LeetCode 4月日更

程序员去大公司面试,我的头条面试经历分享,搞懂这些直接来阿里入职

欢喜学安卓

android 程序员 面试 移动开发

企业如何做数字化转型?想要资产状况及时把控,它的作用至关重要!

一只数据鲸鱼

数字化 数据可视化 资产管理

积极研发区块链技术落地应用业务 这家A股上市企业试水云算力挖矿

CECBC区块链专委会

区块链

混音新手必备软件:FL Studio,用它简单制作混音

奈奈的杂社

Javacv 音视频小工具 - 下载抖音视频

张音乐

Java 音视频 ffmpeg 抖音 javacv

一文读懂容器存储接口 CSI

阿里巴巴云原生

容器 云原生 k8s 存储 调度

Redis单线程已经很快,为何6.0要引入多线程?有啥优势?

Java架构师迁哥

专业开发者眼中的HarmonyOS:专访资深软件工程师李宁

Geek_283163

华为

EGG Network阿凡提 公链EFTalk全球首创POTP二叉交叉共识机制

币圈那点事

攻击区块链网络的都有哪些方式方法

CECBC区块链专委会

区块链

交易所跟单软件搭建,合约跟单系统开发

13823153121

用 JavaScript 实现三次贝塞尔动画库 - 前端组件化

三钻

JavaScript 动画 组件化 前端进阶

android开发面试题,字节跳动Android三面凉凉,手慢无

欢喜学安卓

android 程序员 面试 移动开发

“区块链+电子商务”,电商能否再创辉煌?

电微13828808271

大数据前置知识-服务器及磁盘

大数据技术指南

大数据 4月日更

Hadoop的发展及其架构

五分钟学大数据

hadoop 4月日更

图像是如何驱动用户体验的(二)-InfoQ