The limited width and smaller overall size of a mobile screen significantly affect navigation and structure. Items to consider include:

• layout of main content – because a mobile phone screen is not very wide, all content needs to go into 1 column

• page length – when a screen can fit only a few words per line, keep the total number of words relatively low

• layout of navigational aids – the narrower width of the screen means that navigation bars are often relocated or changed to expandable menus

• different reading patterns – desktop screens are typically read in an ‘F’ shape, where users scan along the top of the content and then down the left-hand side. In contrast, users on mobile devices are drawn to the centre and will scroll to put content at the centre of the screen to facilitate easier reading or interaction.