Menu Close

Mobile 万博官网manbetx下载UX Sharpens Usability Guidelines

by Jakob Nielsenon November 7,二千零一十一

Summary:移动和桌面设计有许多类似的指导方针,manbetx官方网站手机版but their mobile interpretation is much more unforgiving.

My recent columnMobile Content: If in Doubt,Leave It Outadvised site owners to eliminate secondary material when writing for mobile users.Many tweets,blog postings,and other comments on the article all expanded on this theme:Yes,do cut the fluff from mobile content,butalso cut secondary content when writing for desktop websites.

In one way,I can only agree.Since 1997,conciseness has been a key guidelinewhen writing for the web.Peopledon't read a lot on the webandleave in a few secondsif a site doesn't communicate its value clearly.这些发现导致了更详细的指导方针,such asemphasizing the first 2 wordsof nanocontent (e.g.,headlines and search engine links).

所以,是的,cut the blah-blahfrom your desktop site.


然而,there's still a difference between writing for the web and writing for mobile:

  • Desktop copywriting must be concise.
  • Mobile copywriting must beeven more简洁的。

The high-level guideline is the same: reduce secondary info.Thedifference is one of degree— certain information that might be acceptable on a desktop siteshould be removed froma mobile site or app.

Our originalresearch on how people read on mobile devicesused the example of sending users a coupon with a special offer.In the study,the best manbetx官方网站手机版design presented fairly limited information on the first screen.要阅读“关于这笔交易的更多信息”,用户必须点击一个链接。

在桌面设计中,manbetx官方网站手机版it would have been better to show all the information on the first screen and save users a click.Why this difference?

  • 手机screens are much smaller: reading through a peephole increases cognitive load and makes it abouttwice as hard to understand texton a mobile device as on a desktop.Short-term memory is weak,so the more users have to remember after it scrolls off the screen the worse they'll do.
  • Mobile users are更为匆忙than desktop users because of the mobile setting.

Both differences support the same recommendation:be more severewhen cutting text for mobile than for desktop.

A similar finding applies to the choice of functionality: thefeature set should be much smallerfor a mobile site than for a desktop site.For sure,desktop sites should offeras few features as possible.For every feature that's removed,the UI has one less thing to confuse users and thus makes the remaining features easier to use.

但是移动网站应该even fewer featuresthan the desktop site.(Thus the guideline to offer a link from the mobile site to the full site for users who need features that only the desktop site supplies.) The mobile site should have only those features that make sense for the mobile use case.For example,a company's full site typically includesPR informationandinvestor relations sections,but this info should be eliminated from the mobile site.

Your desktopinformation architecture (IA)应始终具有一个简单的导航空间,以避免层次过深。But for mobile,the limited space makes it even more important to prevent user disorientation;you should thus limit the navigation options,因为你不能在每个屏幕上显示完整的上下文信息。(The total screen space allocated to navigation on a typical desktop site ismorethan the entire screen of a typical smartphone,leaving no room for the content.) That is,your navigation结构应该更浅in a mobile IA.

Tablets form an intermediate casesomewhere between phones and desktops.Tablets' mid-sized screens allow for more context in both writing and navigation than what fits on mobile screens and also supports richer features.On the other hand,the larger space encourages more complex gestures,which leads to its own usability problems,在我们的research with iPad users.

Usability Guidelines Are Rarely Dichotomies

People want me to give hard and fast rules: don't show more thanXmenu items;don't write more thanYwords per page;nothing should be more thanZ点击主页。Sadly,UI manbetx官方网站手机版design doesn't work that way.可用性问题很少有一个答案。Rather,they are qualitative issues thatspecify the direction and nature of inevitable manbetx官方网站手机版design tradeoffs.

Every time your web page's响应时间increases by 0.1 seconds,you'll lose a few percent of your visitors.But it's not true thateverybodywill wait 10 seconds whilenobodywill wait 11 seconds.

As another example,take the guideline about concise writing.The most concise copy would be a word or two,but that would typically make for an unsatisfactory web page.In fact,sometimes longer manbetx官网手机登陆articles can be better(though even in-depth manbetx官网手机登陆articles should cut the fluff and be written at an appropriatecomprehension levelfor their target audience).

简单的一点是:在为网络写作时最好压缩文本web content guidelines)If writing for mobile,simply squeeze that orange even more.When considering which secondary content to defer to secondary pages,you need to move the cut-off point between primary and secondary when targeting mobile users.The principle remains the same,but your judgment should be harsher for mobile.

In all areas of user experience — feature set,IA,writing,images,and more — mobile usability requires stricter and more scaled-back manbetx官方网站手机版design than desktop usability.That's why you need aseparate mobile manbetx官方网站手机版design.Simply using responsive web manbetx官方网站手机版design to make the full site accessible on mobile devices results in a substandard mobile 万博官网manbetx下载UX.(This is actually an old lesson repeated for a new medium:accessibility ≠ usability.)

Full Report

The fullreport with all our research into mobile user experience with actionable manbetx官方网站手机版design guidelines for mobile sites and appsis available for download.