Redesign: A More Playful Informative Slideshow

If you visit SteamPowered.com you’ll notice images of featured games on sale are shown in a slideshow. Normally I hate slideshows because they force users to look at content in a linear fashion without any thumbnail previews of all the slides that users can directly skip to. So today’s creative exercise is to make slideshows more eye catching, informative, and more likely to be flipped through.

Before:

After:

(I accidentally made the “community activity” section disappear in photoshop so pretend like they’re elsewhere on the page.) If the goal was to make the user more curious and more likely to click and explore the featured deals then I think we have a winner with this small and simple change.

  • Before, if the user didn’t mouse-over the first slide they wouldn’t have seen the “next” and “previous” arrows, and if they quickly scrolled down they wouldn’t have seen the slideshow progress. So if they’re new they might not know they can see more deals.
  • So I moved the next and previous arrows so they aren’t on top of the image/slides and they’re in a place where they’re always seen by the user.
  • Before, if the very first slide/deal didn’t catch the user’s eye they might not have stuck around to see other deals.
  • So I expanded the slideshow to make it look like the slides where literally next to each other so the user can get at least a teaser of the next slide/deal and be more likely to explore them all.
  • Also now that the slideshow extends beyond the normal boundaries of the rest of the content, it stands out a lot more and is much more likely to be checked out by users.

So, what do you guys think? Do you like it?

74 Comments

  1. Meras says:

    I think it’s a good idea, though i’d keep it as a two image maximum so you don’t get the odd looking half image on the right and both images are displayed fully.

  2. Im obliged for the article post. Great.

  3. fuji xerox says:

    Thanks so much for the article post.Much thanks again. Will read on…

  4. Major thanks for the blog article.Really looking forward to read more. Really Great.

  5. Really appreciate you sharing this blog article.Thanks Again. Great.

  6. Fantastic post.Really thank you! Want more.

  7. pyrite says:

    I think this is a real great blog post.Really thank you! Cool.

  8. Really enjoyed this post.Much thanks again. Awesome.

  9. viagra says:

    This is such a great resource that you are providing and you give it away for free.

  10. Very informative article.Really looking forward to read more. Fantastic.

  11. Thank you ever so for you article.Really thank you!

  12. Thanks for the article post. Really Cool.

  13. firmware says:

    Very informative article.Really thank you! Cool.

  14. Very informative article post.Really thank you! Keep writing.

  15. Really appreciate you sharing this article.Really looking forward to read more. Really Cool.

  16. Wow, great blog.Really thank you! Really Great.

  17. Thanks so much for the post. Cool.

  18. Thanks for the post.Thanks Again. Want more.

  19. Very good post.Really looking forward to read more.

  20. Im obliged for the article post.Much thanks again.

  21. Thanks-a-mundo for the post.Really thank you! Really Great.

  22. Wow, great blog post.Really thank you! Much obliged.

  23. Thanks a lot for the blog post.Thanks Again. Really Cool.

  24. “Very informative article.Really thank you! Cool.”

  25. Great, thanks for sharing this article post.Really looking forward to read more. Really Great.

  26. Major thankies for the post.Really thank you! Will read on…

  27. “It’s difficult to find educated people in this particular topic, however, you sound like you know what you’re talking about! Thanks”

  28. “Im thankful for the post. Awesome.”

  29. Im thankful for the blog.Much thanks again. Will read on…

  30. A round of applause for your blog post.Thanks Again. Really Cool.

  31. Very good blog article.Thanks Again. Will read on…

  32. Enjoyed every bit of your article.Really thank you!

  33. Very neat article post.Thanks Again. Much obliged.

  34. I loved your blog post.Much thanks again. Want more.

  35. Im thankful for the article.Really thank you! Keep writing.

  36. I really liked your article.Much thanks again. Really Cool.

  37. hot g vibe says:

    I appreciate you sharing this blog.Really looking forward to read more. Want more.

  38. Muchos Gracias for your blog post.Really looking forward to read more.

  39. Really enjoyed this post.Much thanks again. Fantastic.

  40. I loved your blog.Much thanks again. Really Great.

  41. Awesome article post.Really thank you! Really Great.

  42. “Hello there, I found your website via Google while searching for a related topic, your website came up, it looks great. I’ve bookmarked it in my google bookmarks.”

  43. I think this is a real great blog.Much thanks again. Fantastic.

  44. A round of applause for your blog. Much obliged.

  45. A big thank you for your article.Really looking forward to read more. Awesome.

  46. “Enjoyed every bit of your blog article.Thanks Again. Really Cool.”

  47. Major thanks for the blog.Much thanks again. Will read on…

  48. “I really enjoy the article.Really looking forward to read more. Will read on…”

  49. glass dido says:

    Really appreciate you sharing this post.Really looking forward to read more. Great.

  50. I appreciate you sharing this post.Really thank you! Really Great.

Leave a Reply

Your email address will not be published. Required fields are marked *