写点什么

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

  • 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:22604

评论

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

项目管理中常见的十个问题

石云升

项目管理 管理 引航计划 内容合集 10月月更

“区块链+政务”纵深发展 链上共识提升服务效能

CECBC

🏆【Alibaba工具型技术系列】「EasyExcel技术专题」实战技术针对于项目中常用的Excel操作指南

洛神灬殇

Excel EasyExcel Alibaba Alibaba技术 10月月更

NodeJs 全栈创建多文件断点续传

devpoint

大前端 upload 引航计划 10月月更

大数据作业Spark sql

Clarke

这篇阿里扫地僧所写关于SpringCloudAlibaba的笔记真香!

Java 架构 面试 程序人生 编程语言

起飞!这份技术点拉满的ELk+Lucene笔记,可能价值百万

Java 架构 面试 程序人生 编程语言

Python代码阅读(第33篇):反转字典

Felix

Python 编程 Code Programing 阅读代码

私有云部署系列之动态IP获取(前期准备)

稻草鸟人

Python 私有云

从零开发一款Android Rtmp播放器

轻口味

android 音视频 引航计划 10月月更

什么是机器学习, CNN TensorFlow by Google神经网络深度学习 易筋 ARTS 打卡 Week 69

John(易筋)

ARTS 打卡计划

靠这份GitHub star过万的1121页图解算法成功杀进字节跳动

Java 架构 面试 程序人生 编程语言

《Go 开发指南》-快速安装 Go 环境

看山

Effective-go 10月月更

【Vuex 源码学习】第八篇 - Vuex 对 State 状态的处理

Brave

源码 vuex 10月月更

在线RGB和HEX十六进制颜色互转工具

入门小站

工具

【Flutter 专题】36 图解 Flutter 基本动画 (一)

阿策小和尚

Flutter 小菜 0 基础学习 Flutter Android 小菜鸟 10月月更

金九银十旗开得胜!秋招字节正式批4面,顺利拿到offer

Java 架构 面试 程序人生 编程语言

音视频全链路开发实践|引航计划|音视频

轻口味

音视频 引航计划 内容合集 技术专题合集

架构实战营模块九作业

maybe

大前端:入门CSS的编程世界~

Bob

CSS 大前端 引航计划

linux之history命令

入门小站

Linux

009云原生之分布式事务模式

穿过生命散发芬芳

云原生 10月月更

Android平台音视频实战|引航计划|音视频

轻口味

音视频 引航计划 内容合集 技术专题合集

Web安全应急响应小记

网络安全学海

网络安全 信息安全 渗透测试 WEB安全 应急响应

6. python 查漏补缺,namedtuple 命名元组,双向队列 deque,Counter 计数器,可排序字典

梦想橡皮擦

10月月更

为什么感觉假期还没开始就快要结束了?

脑极体

自我提升:方法探索

程序员架构进阶

自我管理 时间管理 自我提升 10月月更

Zabbix VS Prometheus :哪个更适合你

耳东@Erdong

后端 Prometheus zabbix 引航计划 10月月更

私有云部署系列之动态IP获取(程序编写)

稻草鸟人

惊艳!阿里出产的MyCat性能笔记,带你领略什么叫细节爆炸

Java 架构 面试 程序人生 编程语言

【初恋系列】我轻轻的走了,正如我轻轻的来(微博评论实战)

人工智能~~~

高可用 高性能 微博评论架构实战

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