It’s so easy to add a little rectangle to a wireframe, but what are the consequences of adding an image to your design? Are images good or bad for UX? How can we improve our design processes so that we take the impact of images properly into account?

In this topic show Per and James look into how to design with images and how the performance of your website is a critical part of the user experience and should be a central part of your design process.

(Listening time: 52 minutes, Size: 36MB)

Episode 117: Designing with images. Are images good or bad for #UX? https://t.co/g64WoDKQsb

— UX Podcast (@uxpodcast) January 8, 2016

References:

• Images – good or bad for UX?
• Mosiac web browser (wikipedia)
• http archive interesting stats (December 2015)
• Page bloat update: The average web page is more than 2 MB in size
• WPO stats
• Webflow
• Marvel
• Responsive Workflow
• Responsive design workflow by Stephen Hay
• Code pen and w3ss and James’s example wireframe
• WEEE Image optimizer plugin for WordPress
• Smush it online image optimiser imgopt
• Setting a web performance budget
• Processing Fluency: The Missing Link in UX
• Featured image by Baldiri (CC BY 2.0)

Podcast: Play in new window | Download

Subscribe: Google Podcasts | Spotify | RSS | More