May 21, 2014 Last Updated 4:12 pm

Designing an interactive magazine – Slideshows

This is the sixth of the design columns from Nadi Tsech, a digital magazine designer based in Prague. There are seven columns as part of this series, with the final three published today. Nadi’s own blog can be found at magpla.net.


Readers used to think of images as static elements, and therefore it is important to choose the right icon to indicate an action. There are 5 types of slideshow buttons.

photo1-ss


Slideshows

1. The most common type of slideshow icon is left and right arrows:  171

img_2136bon-appetit-ipad-magazine-19fantastic-living-magazine-26

2. The second type is a modification of the first one: arrows plus the number of the image  25

3. Tap to the button to see the next image:

photo41

4. Tap to the button to see the next image plus the number of the image. I prefer this type to the 3rd one, because these icons show readers exact the number of pictures unlike the 3rd type where the number of frames on the icon doesn’t match the number of pictures.

15

5. Swipe to see the next image:

hobbycraft-magazine_9holmes-place-mag-34

Photo pop-ups

Most of the time, a camera symbol means photo pop-ups or changing the images.

photo2

The alternative for a camera could be photo3

Usually a camera is not a symbol readers associate with a slideshow or galleries, yet slight modification could turn a pop-up into a slideshow icon: 2e


The seventh and last column in this series – Galleries – can be found here

Comments are closed.