写点什么

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

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

评论

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

不愧是鹅厂,连面试算法题都是这样恐怖至极,已顺利OC,附赠课程+题库

android 程序员 移动开发

为您的应用配置 Play Feature Delivery,flutter视频教程仿京东

android 程序员 移动开发

互联网寒冬即将过去,Jetpack将是燃起来的第一把火,我先收藏为敬

android 程序员 移动开发

携程商旅订单系统架构优化实践

GavinYe

架构 中台 后端 OTA 订单系统

不明白四大组件底层的通信机制是怎样的?写给Android应用工程师的Binder原理剖析!

android 程序员 移动开发

不要再焦虑了:BATJ大牛给程序员的价值百万的职业规划(18-35岁(1)

android 程序员 移动开发

为了KPI,对APK进行极限优化!,2021年Android春招面试经历

android 程序员 移动开发

毕业总结

Geek_35a345

五千字长文,深度解密:那些BAT大厂的Android面试官到底在想些什么

android 程序员 移动开发

人工智能的下一站:精细化生活场景的智能时代,靠着这份900多页的PDF面试整理

android 程序员 移动开发

不学了,不学了,不学Android了,当上项目经理才知道

android 程序员 移动开发

不愧是阿里技术官,Android-Framework的精髓全写在这本“限量笔记(1)

android 程序员 移动开发

产品级Flutter开源项目FunAndroid,Provider MVVM的最佳实践

android 程序员 移动开发

专科毕业,Android不好找工作的同学,你的问题在这里,android源码设计模式解析与实战

android 程序员 移动开发

中奖了!中奖了!,android组件化通信

android 程序员 移动开发

为了这一次字节跳动Android面试机会,我准备了158天,一个疏忽让我前功尽弃

android 程序员 移动开发

【得物技术】主子订单模型

得物技术

互联网 模型 电商 订单系统 订单

互联网大厂“围城”,android界面开发

android 程序员 移动开发

不妨借一步说话,你想知道的关于设计模式的种种,移动智能终端的发展趋势

android 程序员 移动开发

专科毕业三年,从外包公司到今日头条offer,我想把面试心得分享给你

android 程序员 移动开发

为什么不能使用 Application Context 显示 Dialog?(1)

android 程序员 移动开发

为什么不能使用 Application Context 显示 Dialog?,安卓kotlin

android 程序员 移动开发

为什么经常看到35岁程序员,转行之后工资呈断崖式下跌?

android 程序员 移动开发

今日头条APK瘦身之路,android组件化开发框架对比

android 程序员 移动开发

不懂源码、NDK,架构设计,2021最新Android笔经

android 程序员 移动开发

毕业设计

Geek_35a345

不愧是阿里技术官,Android-Framework的精髓全写在这本“限量笔记

android 程序员 移动开发

不要再焦虑了:BATJ大牛给程序员的价值百万的职业规划(18-35岁

android 程序员 移动开发

二本学历,五年抄代码经验,疫情期被裁,真牛皮

android 程序员 移动开发

为了弄懂Flutter的状态管理, 我用10种方法改造了counter app

android 程序员 移动开发

今年40岁了,忽然接到公司裁员通知,接下来的路我该怎么办

android 程序员 移动开发

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