咨询电话:400-999-0300
超越漂亮:图像如何驱动用户体验设计的?

超越漂亮:图像如何驱动用户体验设计的?


  “摘要:图像不仅仅是装饰; 他们有能力打破或打破用户体验。令人信服的图片具有鼓舞和吸引观众的独特能力。”

  俗话说,“一张图片价值千言万语”。人类是高度视觉的生物,几乎可以立即处理视觉信息和“用户体验”; 我们认为和传递给我们大脑的所有信息中有90%是可视的。 图像可以是捕捉用户注意力和区分您的产品的强大方式。 与精细的文本块相比,单个图像可以向观察者传达更多。 此外, 图像不仅仅是装饰;

  在本文中,我们将介绍许多有用的原则和最佳做法,帮助您成功地将图像集成到您的“用户体验设计中。 如果您想轻松地将应用或网站带入生活,您可以免费下载并测试Adobe XD。

  仅使用相关图像

  每个图像都有一个故事要告诉。 就像它是写作,最好是如果你知道你想说什么,开始之前。 令人信服的图片具有鼓舞和吸引观众的独特能力,但并非所有图片都能改善体验。 其中一些只占用空间,或者在最坏的情况下,混淆用户。 任何设计中最危险的元素之一是传达错误信息的图像。

  用户体验师对视觉效果的反应比文字快,因此请确保您的内容与支持的视觉效果匹配。您应该选择与您的产品目标具有很强关系的图片,并确保它们与上下文相关。

超越漂亮:图像如何驱动用户体验设计的?

  图像不应该创建视觉噪声链接

  “更好”的原则不适用于图像。不要为创建纯装饰图像而付出很多努力,因为人们通常忽略这些图像。而应选择展示产品用途的图片。在您的设计中使用有限数量的醒目的视觉 - 那些真正吸引用户的注意力。

使用没有失真链接的高质量资产

  确保您的图片适合在所有平台上显示的大小。图片不应出现像素化,因此请务必针对特定比例和设备测试适当的分辨率。以原始长宽比显示照片和图形,并且不要将它们缩放到大于100%。您不希望产品中的图片或图形看起来偏斜,太小或太大。

  响应性网站和移动应用经常难以选择最佳地匹配各种用户设备的图像分辨率。 很清楚,一个图像的所有屏幕分辨率和不同的设备是不够的。 然而,每个像素的图像太多; 裁剪图像一次一个可以是压倒性的,特别是如果你有一吨的图像。

  那么,有人可以自动选择最佳的响应图像尺寸? 用户体验研究希望有在线工具,允许您管理图像的整个文件夹的多个大小。 其中之一是Cloudinary,它使您能够交互式生成响应式图像断点。 此工具使用高级算法,轻松为每个上传的图片生成最佳匹配断点; 分析图像以在逐个图像的基础上找到最佳断点,而不是创建所有可能的图像分辨率。

超越漂亮:图像如何驱动用户体验设计的?

  图像聚焦设计不是每一页

  让人们的注意力与审美美好的图像肯定有价值,但它的代价是使其他元素更难以看到和使用。

  将太多的焦点放在设计中的图片上可能会造成视觉上的过度关注,严重干扰用户与内容的有意义的互动。 你可以在SoundCloud的应用程序中看到这种用户体验优化效果,其中图像引起所有的注意,你几乎没有注意到两个按钮。

以上作品由深圳品创设计公司整理发布 版权所有
品创设计专注于用户体验的提升,服务涵盖市场研究、品牌创建、交互体验设计、技术环境开发等范畴,是以用户体验为先的专业服务机构。 八年来积累了大量的行业资源与实践经验,尤其在汽车、金融、医疗、智能等领域表现卓越,拥有极佳口碑。先后服务逾500家客户企业,为其实现产品的飞跃。