写点什么

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

  • 2020-01-08
  • 本文字数:974 字

    阅读完需:约 3 分钟

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

图片不仅仅在于装饰产品,提升视觉效果,也能够很好的提升产品的视觉体验,构造良好的用户体验。

常言道:“一图胜千言”“人类是高度视觉的生物,他们几乎可以瞬间处理视觉信息;我们感知到的所有信息中,90%都是视觉上的。”图像可以成为吸引用户注意力和区分产品的有力手段。


一个单一的图像相比一个复杂的文本,可以向观察者传递更多的信息。此外,图像可以以一种简单的方式跨越语言障碍。


图像不仅仅是装饰,它们有能力创造或破坏用户体验。在本文中,我们将介绍一些有用的原则和最佳实践,它们将帮助您成功地将图像集成到您的设计中。

一、只使用相关的图片

每一张图片都有一个故事要讲。就像写作一样,如果你在开始之前知道你已经想好说什么,那就更好了。


引人注目的图像有独特的能力来吸引你的访问者,但不是所有的图像都能提高你的用户体验。有些只是占用空间,或者,可能会混淆用户。任何设计中最危险的元素之一就是传达错误信息的图像。


用户对视觉效果的反应比文本快,所以要确保你的内容与支持的视觉效果相匹配。你应该选择与你的产品目标有牢固关系的图像,并确保它们与上下文相关。

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

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


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

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


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

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


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


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



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


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


2020-01-08 15:22727

评论

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

能让你从P6+学到P9也只有马士兵老师了,全套学习资源分享

Java架构追梦

Java 编程 架构 面试 马士兵

linux 设置VPN

webrtc developer

Linux vpn

华为云·核心伙伴开发者训练营——产业云专场在东莞松山湖圆满落幕

华为云开发者联盟

华为云 鲁班会

腾讯安全姬生利:云原生环境下的“密码即服务”

腾讯安全云鼎实验室

云原生 加密

Github上线仅六天,收获Star超55K+,这套笔记能拿下90%以上面试

Java redis spring 程序员 架构

学长带路学吉他,这几招足够了

懒得勤快

2022第十五届北京国际智慧城市、物联网、大数据博览会

InfoQ_caf7dbb9aa8a

《黑客之道》kali Linux之NMAP高级使用技巧和漏洞扫描发现

学神来啦

Linux 渗透 kali nmap

架构实战营模块七作业

Geek_d18264

架构实战营

看企业如何玩转低代码,引发效率革命

行云创新

云原生 低代码 开发 直播 双十一

RabbitMQ详解——服务端存储机制(二)

AiDaddy

RabbitMQ mnesia ETS

数据库审计是什么意思?作用是什么?

行云管家

数据库 安全 IT运维 数据库审计

百度Apollo参编首批汽车信息安全国家标准,跻身车联网信息安全第一梯队

百度开发者中心

Apollo

恒源云(GPUSHARE)_CAN: 借助数据分布提升分类性能

恒源云

深度学习

顶会VLDB‘22论文解读:CAE-ENSEMBLE算法

华为云开发者联盟

算法 时间序列 华为云数据库 深度神经网络

初入云计算行业,可以考取哪些云计算证书?

行云管家

云计算 腾讯云 阿里云 证书 IT运维

托管页前端异常监控与治理实战

百度Geek说

大前端

iOS开发-百度一面总结

iOSer

ios 面试 iOS面试 ios开发 百度面试

网课录屏用什么软件好?Camtasia极简操作,课程重点一目了然

淋雨

Camtaisa

“智慧粮仓”守卫中国饭碗

ThingJS数字孪生引擎

大前端 物联网 可视化

你需要知道的 19 个 console 实用调试技巧

CRMEB

CSS JavaScript DOM console crmeb

RabbitMQ详解——RabbitMQ架构部署(四)

AiDaddy

RabbitMQ Mirror Queue Federation

GitHub点击量破百万访问,不愧是被称阿里神作的JDK源码笔记

Sakura

Java 源码 架构 jdk 面试

《个保法》施行 | App 隐私合规检测双十一尝鲜仅需99元

蚂蚁集团移动开发平台 mPaaS

隐私保护 移动开发 监管合规

【等保小知识】等保与分保的三大区别汇总分析

行云管家

网络安全 数据安全 等保 分保

Vue进阶(幺陆肆):自定义指令之拖拽指令

No Silver Bullet

Vue 11月日更

超全整理:程序员都在用什么工具?

华为云开发者联盟

程序员 技术 设计 编程语言 开发工具

Node.js 17 新特征简介

devpoint

node.js Promise 11月日更

四种 AI 技术方案,教你拥有自己的 Avatar 形象

阿里云CloudImagine

人工智能 阿里云 计算机视觉 视频云 元宇宙

百度鸿鹄芯片落地首款量产车吉利博越X 智能车机体验惊艳成都车展

百度开发者中心

百度 车联网 鸿鹄芯片

华为云天筹AI求解器:智能世界是道迷人的数学题

脑极体

图像是如何驱动用户体验的_文化 & 方法_Think体验设计_InfoQ精选文章