Some articles have beautiful images (See Picasso’s Rose Period) but take up
an entire screen which delays the user from getting to the lead section. We
will attempt to create a stable content areas for illustrative images that
are critical to understanding the article while ensuring that the lead
section is visible on first fold.
Since both landscape and portrait images have to be examined, the team will
take a stab at conserving vertical real estate by either cropping an image
or horizontally stacking relevant images to create a collage of
illustrative content. Click behaviors will ultimately be fairly close and
consistent with media viewer.
At this stage the key objective is getting users to the lead section and
the info box. The objective of this exercise is to make better use of the
space available on small devices. While users can flick and layouts can be
adapted on desktop and tablets, mobile screens are small, hence
choreographing a user's attention is important.
----
Vibha Bamba
Senior Designer | WMF Design