{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

Jakob Nielsen's latest Alertbox post contains some useful tips on mobile usability, using a Korean pop music site as an example and making ten design changes to improve it. 

These changes provide some useful tips for mobile sites in general, but are especially relevant publishers and aggregators like NewsNow to make their mobile interfaces more appealing and clickable to users. 

The AllKpop.com site that Nielsen references was optimised for mobile and was reasonably usable as it was, but by producing a design which more closely followed mobile usability principles, the result was a big improvement. 

Key takeaways from the article included: 

Use images with links

This provides more visual impact, but also helps users to quickly recognise an article that is interesting to them, as they recognise their favourite actor, football player etc. 

IMG_1599

This is something that the Taptu app does, though it could learn from the next point...

Allow users to read the full headline

Letting people see the full headline provides a stronger 'information scent'. People can get more of a clue of the subject of the article, and if the headline is well written, it should get more clicks. 

Provide big targets for touch screen users

Clicking links can be tricky at times on mobile devices, so links need to be big enough so that users don't have to be too precise. 

This is something that lets down the Guardian's iPhone app and mobile site. Some of the links are too small and too close together, making it easy to click the wrong link: 

IMG_1601

Detect the user's device and serve the relevant version of the site

Sending mobile users straight to the optimised version of the website make it easier for users. If the mobile and desktop versions have different URLs, then this makes it harder for users to fin the version they want. 

Provide enough space between navigation options

Misplaced clicks can be a major source of frustration for mobile users, as they mean time wasted loading the wrong page and being forced to backtrack. 

If there is clear space between links and menus, then users are less likely to make these mistakes. 

News aggregator NewsNow's interface with lots of links works well enough on desktop version, where the cursor allows users to be more precise about where they click, but the close proximity of the links on the mobile site makes it harder to be accurate for touch screen users. 

IMG_1597

The BBC iPhone app does a better job of this, as navigational links at the top of the page are far enough apart, while the target for users to click and select an article is larger. 

IMG_1600

However, the BBC could learn from some of Nielsen's other tips, such as providing more of an 'information scent' by adding a brief summary of each story, and perhaps reducing the number of articles displayed on the first screen to allow more room for this information. 

Graham Charlton

Published 29 March, 2011 by Graham Charlton

Graham Charlton is the former Editor-in-Chief at Econsultancy. Follow him on Twitter or connect via Linkedin or Google+

2565 more posts from this author

Comments (3)

Avatar-blank-50x50

Helen Morris

This is a great response to Nielsen's article. I'm actually a user experience designer for My Taptu... Before releasing My Taptu, we carried out an interesting A/B test comparing a UI that provided smaller images and full headlines (very strong information scent) with the UI that everyone now sees in the app (larger images with as much of the headline displayed as possible). We overwhelmingly found that people preferred the larger images UI.

Having larger images combined with part of the headline was enough for people to work out if the article would be of interest to them. I suppose this is evidence of Nielsen's further point that using images adds visual interest, enhances scannability and information scent. We appreciate having the entire headline would enhance the experience further. Look out for our new iPad app being released shortly for how we have achieved this balance on there!

over 5 years ago

Avatar-blank-50x50

Sean Keogh, Managing Director at JAXX UK Ltd.

I don't agree with the comment about the News Now site. I don't consider myself to have particularly small fingers, but I have absolutely no problem hitting the right link on the page which is displayed in the post.

over 5 years ago

Avatar-blank-50x50

empresas de consultoria

I agree with Sean, the comment on the News Now site doent express the true about the problem on hitting the right link.

over 5 years ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.