内容提要
创作令人难以忘怀的图像有七个技巧:选择相关视觉、避免库存照片、在真实环境中展示产品、将视觉与相关文本靠近、避免过多图像、选择高分辨率照片、考虑文化解读。高质量的视觉元素能增强内容的理解和记忆效果。
延伸解读
视觉与文本的协同作用
文章强调,视觉元素应与文本内容紧密配合,形成两个互补的信息渠道。眼动研究表明,用户更关注能强化文本的图像。因此,设计师应选择与关键信息直接相关的视觉,避免无关图片分散注意力。例如,税务服务页面使用家庭烟花照片会降低信息记忆度,而展示税务会计师通话的图片则能增强理解。
避免通用库存照片
库存照片往往缺乏针对性,容易被用户忽略且难以记住。文章建议企业使用真实产品照片或软件截图来替代。例如,联想支持页面使用通用库存图片未能传达功能,而Notion使用界面截图使功能更具体、更易记忆。对于实体产品,展示产品本身;对于SaaS,展示清晰截图,这符合用户期望。
图像数量与质量平衡
过多图像会削弱视觉层次,导致用户注意力分散。文章以Hallmark主页为例,十个类似视觉元素令人不知所措,而The Paper Store用五个独特视觉清晰传达信息。同时,低分辨率图像模糊难懂,如惠普页面因图片模糊无法识别产品。因此,应选择少量高分辨率、能传达关键信息的视觉。
文化差异与测试验证
视觉在不同文化中可能被不同解读,本地化图像更能引起共鸣。例如,H&M中文网站在春节使用相关视觉,增强了文化相关性。此外,文章建议通过定性可用性测试验证视觉效果,如5秒测试、开放式词汇测试和A/B测试,以了解用户是否注意到并正确理解视觉,避免查询效应。
Q&A
如何选择相关的视觉元素来增强内容的理解?
选择或创建与内容相关的视觉元素,以增强用户对信息的理解和记忆。
为什么要避免使用库存照片?
库存照片通常通用且不具特定性,容易被用户忽视,降低记忆度。
在展示产品时,为什么要在真实环境中展示?
在真实环境中展示产品可以帮助用户理解其用途并增强记忆。
如何提高视觉元素与文本的关联性?
将视觉元素放置在相关文本附近,以促进理解和记忆。
为什么要避免过多的图像?
过多的图像会分散注意力,降低每个图像的影响力,选择少量关键视觉更有效。
高分辨率照片的重要性是什么?
高分辨率照片清晰且易于理解,低分辨率图像则可能模糊且缺乏细节,影响记忆。