UNIVERSAL USABILITY IN PRACTICE

Introduction Recommendations Guidelines Websites Conclusions Resources

                      Telephone based access to Internet

                                                                    Xue Wu (wu@cs.umd.edu)
                                                             Department of Computer Science
                                                                       University of Maryland
                                                                College Park, MD 20742 USA
                                                                              April 2001
Introduction

    The rapid growth of Web services has led to a situation where companies and individuals rely more and more on material that is available on the Internet and intranets. Internet access is no longer limited to personal computers and powerful workstations in the office, but is reaching into the home, as well as on the road. A new class of electronics devices with Internet access capability called "Information Appliances" was recently born. This Internet access capability is embedded in devices such as televisions, set top boxes, home game machines, telephone-based terminals, PDAs, car navigation systems and cellular phones. As mobile phones become available for everyone as commodities, successful telephone based access to internet is becoming more and more important to improve individual productivity. However, hardware restriction, narrow bandwidth restriction and accessibility requirements are serious obstacle to the success of telephone based access to internet.

    The following sections analyze the requirement for telephone based access to internet, discussed existing and possible strategies for dealing with these limitations.     

                            

mobile.jpg (39219 bytes)

       Phone.com's solution for telephone based access to Internet

 

 

Recommendations Previous | Top | Next       

     Today, as the Internet and mobile phones are becoming part of people’s daily life, many commentators hope that the mobile Internet will be much easier to use. However, it’s probably not surprising to learn that people who use cell phones to gain access to the Web find the experience less than gratifying. The studies[6] conducted in this area found that phones themselves were not difficult to use, the fault lay with the wireless services.

    One reason for the poor results is that designers have carried over too many designs from the Web rather than rethinking the interface specifically for the mobile medium. Actually, according to[3], there are many characteristics made mobile phone based access to Internet different from access to Internet from PC.

1.      The hardware restrictions

  • small memory capacity
  • small display space
  • less powerful CPU
  • limited input method
  • no or small data storage
  • limited power consumption

    2.       The network bandwidth

  • slow speed
  • unstable
  • expensive
  • non-IP connection

   3.       The Accessibility requirement

    Simple and easy operations of information appliances are also very important. Unlike PC user interface, keyboard and mouse are not suitable for mobile devices. Rather, intuitive operation like a four-button interface (cursor forward, cursor back, select, and back buttons) is required. In this sense, some kind of accessibility considerations, should be taken into account.

    All of these characteristics have to be taken into account in designing the user agent functionality for telephone based access to Internet. So the goal for the successful web page design is to:

  • consider the characteristic of mobile environment, avoid copying web page design for PC, rewrite the content when necessary
  • quickly provide personal and locally relevant information to users on the move                    
  • make the site easy to mine and present information clearly
  • make the users trust the source of information
  • provide error prevention/error handling and help function to ease users’ anxiety in face of  connection error or operation failure                                    
Guidelines Previous | Top | Next
    It is not that difficult to learn how to use telephone to access Internet and remember those mobile phones' key functions. But, users usually encountered many lost connections and poor signposts when using the system.  So to make telephone based access to Internet more successful, designers may consider the restrictions summarized above and the following principles from [3] and [5].

1. Small screen related design

(1) Use short openings to sum up everything that lies beyond

     Displaying data on a small screen is never going to be easy. But the users made the basic principles clear. Most users, most of the time, are only online for a handful of minutes. Given this:

  • The data must be easy to scan at a cursory level or quick to drill through.
  • In terms of depth, designers should also let the users go deeper if they want (in which case, tell them how many pages they are letting themselves in for).
  • Lastly, do not simply lift your information from a different media. The small screen makes it impossible for users to scroll or scan with any comfort.
  • Example: for news, this means
  1. Clear one- or two-line headlines, a brief extract
  2. And the option to click through to increasingly longer versions.
  3. Also, these pages should be numbered so that users know what they are getting into (for example, "2 of 16")..

 (2) Keep the content that appears above select and input fields to 1 or 2 lines max.

    According to [6], content exceeding two lines may be truncated on smaller devices when used in conjunction with input and select fields (choice and entry cards). This may result in the loss of important information. Test your application on small-screen devices to make sure menu titles and input field can fit in the small screen of those devices.

(3) Avoid using style sheets

    Usual mobile devices have small size of screens, and limited display capabilities, thus in many cases style sheets are not supported, or its support is limited. So, [3] gives the following principles, 

  • Contents should be readable without style sheets so that devices which don't support style sheets can still render contents reasonably.
  • When style sheets are used, external style sheets are recommended from the viewpoint of content size and separation of structure and style. In this way, user agents which don't support style sheets don't have to load unnecessary style sheets.

(4) Avoid using tables, consider lists as alternative

    [3] points out that most mobile phones have small screens. If contents have table descriptions, it will be very difficult to browse them in mobile phones. In addition, though it would be possible to restructure tables in accessible way, it will be difficult for mobile devices to process complex tables due to the hardware restrictions. It would be, therefore, safe to avoid using tables whenever possible. Consider alternative structures, e.g. lists, whenever appropriate.

(5) Avoid using Frames

    Usual mobile phones have small size of screens, and most of them support only textual information. According to [3], frames strongly depend on screen interface, therefore, should not be used.
    If there is compelling reason to use frames, make sure that those contents have the descriptions below:

  • Provide a fallback content for contents that contain frames using NOFRAMES at the end of each FRAMESET.
  • Name each frame via the "title" attribute on FRAME elements so that users can keep track of frames by name.

(6) Avoid using images

    On mobile phones, it cannot be generally assumed that images are always rendered, nor can be pointed by pointing devices like mouse. Therefore, [3] pointed out that server-side image maps should not be used. On the other hand, client-side image maps can be used even if images are not rendered nor can be pointed, so authors may include client-side image maps into their contents. But in many cases images are not rendered on mobile phones.

2. Design for better Navigation

(1) Design the Menus with small number of options

    The networks and content providers often offer long lists of sites and services and try to provide everything a mobile phone user might want. But to the users, the long menus require much scrolling. 

    However, there are clear points as to how to better offer users data to read.

  • One way is to make the menus hold only a small number of options. And keep the frequently used options appear first.
  • Much more importantly, let the users customize their own menu so that their favorite sites or interests come up automatically.
  • At the same time offer the users' clickable options that go deeper into areas that users want to know about, reduce the number of paths and present information clearly.
  • Another method is to presents the list with numbers that act as accelerator shortcut keys, allowing users to select an option by pressing the corresponding number on the keypad rather than scrolling to it.

    This means thinking ahead for the users. Create search paths that make sense to the users.

  • Example: for weather forecast, this means:
  1. Main menus could be more direct, offering options such as regional, national, or international weather
  2. Submenus could show options for now, later, or long-range forecasts
  3. Maps are a nice idea, but the screen size does not really allow for accurate detail information, such information must be designed to be delivered in text form.

      Here is an example from WeatherOnline.co.uk (mobile phone simulator provided by www.wap.com)

  

        

               Main menu                  

Submenu for regions of US    

Weather information for Baltimore

(2) Use simple and familiar phrases for labeling

    Telling people what will happen before they click through to a new screen is a basic, long-established principle of Internet design[4]. It should also be applied to the design for mobile phones, where the screen real estate is particularly restricted. Simple descriptions should always be used instead of more enigmatic phrases. Thus users can simply find the information that they are looking for.

(3) Use the <prev> or <exit> tasks whenever navigating in the backward direction.

    According to [5], The back button has become a fundamental part of the Internet. Users accept that they might find themselves on the wrong track and have to go back a few steps to choose a different path. If you link to a page the user has already visited (e.g., the application's main menu), be sure to navigate to the page by popping pages from the history stack instead of adding a redundant page to the history stack. This minimizes the risk of history stack overflow on memory-constrained devices, which can result in the user being unexpectedly returned to the subscriber homepage. Use the <prev> or <exit> tasks whenever navigating in the backward direction. Don't use the <go> task to navigate to a page that is already on the history stack.

[3][5] also provide the following design principles for Telephone based access to Internet. 

3. Design to reduce the operation/waiting time

(1) Assign the most commonly chosen action or most intuitive task to the accept soft key.

    Make it easy for users to select the most common action by pressing a single key -- the accept (OK) key. Don't force users to move the cursor before pressing the accept key (e.g., by making them navigate to some text anchor first).

(2) Ensure all decks are smaller than 500 bytes.

    The download latency for very large decks (1500-2000 bytes) can be over 10 seconds. Wireless phone users perceive network latencies to be longer than they actually are, because consumer-grade devices are typically single-tasking devices (prohibiting users from performing other tasks on the device while waiting for content to load). To minimize network latencies, keep each deck as small as possible. The recommended guideline is 500 bytes or less per deck (encoded WML).

(3) Don't set a deck's expiration to a low value unless the content is highly volatile.

    Setting a short expiration time for non-volatile deck (e.g., static application menus) may force users to reload the deck from the server even though the deck is already in the browser cache. Applications that optimize deck caching are perceived by users to be more efficient and less costly, since they minimize connection times over the wireless network. Short deck expiration values should only be set for highly volatile content (e.g., stock quotes).

4. Design to avoid Storage Limitation

(1) Avoid using Scripts, Event Handlers

    Usual mobile devices have limitation of memory storage, CPU power and so on, thus in many cases scripting are not supported. It should not be assumed that scripts will always be executed. Contents should be readable even if scripts are not executed.

(2) Avoid using Forms

    Usual mobile devices support basic forms, but they don't have keyboards like desktop PCs. Content authors should keep in mind that it will be hard for users of mobile devices to input many characters. Since mobile phones don't have local file systems, some features, which depend on local file system, such as file upload, should not be used.

5. Others for convenient usage and error prevention

(1) Keep soft key labels to 5 characters or less.

    Many devices cannot display soft key labels that exceed 5 characters, and will truncate or abbreviate any labels that are longer.

(2) Use Wizards instead of forms.

    By using a single card for each input of information, the user can follow a natural process of entering information. User studies show that wizards make for a better user experience than forms. Finally, avoid having a separate 'submit' card. The last 'ok' of the wizard should in fact be the 'submit' option. This avoids an unnecessary additional click.

(3) Use the format attribute to constrain text input fields to only allow valid character types

    In some applications, text entry fields can employ character format constraints. These guide users to enter the required information. For example, if users must enter a credit card number of 16 digits, the entry field can be formatted to accept 16 characters exactly. Other formatting is also possible; for example, the browser can be limited to accept only numeric entries. Use format="NNNNN" for US zip code fields.

(4) Assigning access keys via "accesskey" attribute

    In general, it cannot be assumed that input methods which consist of a (full) keyboard and a pointing device such as mouse are available in mobile phones. It is desirable that description for efficient use of input methods on mobile devices are provided in contents. From this viewpoint, assigning access keys via "accesskey" attribute (for A, AREA, BUTTON, INPUT, LABEL, LEGEND and TEXTAREA elements) will be effective when it is available. This may improve accessibility of links or form related operations.
    But the use of "accesskey" attribute needs careful consideration.

  • In many mobile devices, available keys are limited. It cannot be assumed that all keys in "full" keyboards are available.
  • Available keys differ among mobile devices. For example, cell phones will usually have "0"-"9", "*" and "#" keys, but the same assumption cannot be applied for most pagers or mobile game machines.
  • There may be some mobile devices that cannot use "accesskey" attribute at all. For example, devices only for voice browsing will not use access "keys". Content authors should not rely on access keys for navigation.

 

Websites                                                                                                Previous | Top | Next 

    According to Dr. Jakob Nielsen, a former researcher at Bell Communications Research (Bellcore) and at Sun Microsystems: No WAP web site is well designed. "The only wireless service that I think is fairly good is not a WAP service: the Vindigo restaurant guide for the Palm Pilot. It makes great use of the touch screen, to really make it pretty easy to navigate and find the restaurant reviews. It's good because it solves a mobile problem: I'm out at a meeting or trade show or whatever and I've got to find a good Chinese restaurant within three blocks of where I am."
    Wireless may be getting off to a slow start, but that's not stopping the wireless world from gearing up for the revolution. Mobilehomer.com (www.mobilehomer.com) has pioneered a site for WAP devices based on the Global Positioning System (GPS). Cinema Electric (www.cinemaelectric.com) is developing a site for wireless devices that will beam short, personalized films to users. Phone.com is a company dedicated to wireless service and it can provide a better designed web page for mobile device. Its produce Openwave™ Mobile Browser is a microbrowser optimized for mobile phones and other mobile information appliances that use mobile communication networks for information access. The following are two example displays by Mobile Browser.

 

                       

                    example for weather forecast

 

example for m-commerce

       Another example is yell.com. It is a site for UK Yellow Pages and has a large section devoted to the WAP service. (mobile phone simulator provided by www.wap.com)                                              

                                                 

    The advantages of its WAP version are:

  • It uses the short openings to sum up everything that lies beyond, the first main page gives only the option to search by either company name or business type
  • The system is quick and accurate in returning results. If there are several places with the same or similar name, users are given the options to choose from
  • It shunned the option as on its web site to narrow down by successive sub-categories
  • It reduces the number of clicks needed but guessing from what users enter, what sort of categories the users are interested in. Users can then select from the shortlist returned
  • Back links at the bottom of every page are sensibly included
  • The design of the site is not so sophisticated that it works well with all browsers, especially that the logo is optimized to fit neatly onto the screen of every phone.
  • The combination of text entry and then scrollable selections is one of the best listings service so far.
                                                      
Conclusions and future work Previous | Top | Next

    According to the studies conducted in the area of telephone based access to Internet, in terms of the five attributes of usability—learnability, efficiency, memorability, errors, and satisfaction—mobile phones did not perform very well. WAP-enabled phones are not that difficult to learn to use. The proper design strategies are the keys to improve the mobile phone service quantity.

    Site designers should not simply copy the content, they should better take the restrictions of mobile phones into account, redesign the content for small screen devices and select the proper mobile phone based application to make the mobile phones quickly provide personal and locally relevant information to a user on the move. They should also test the results before unleashing their sites on unsuspecting users. For the researchers who are designing the user agent, they should also consider the restrictions of mobile phones, make the services adapt their contents and presentation according to the user's personal and device characteristics and the context of use.

    Telephone based access to Internet is still in its infant phase now, the usability of current WAP services is severely reduced because of a misguided use of design principles from previous media, especially principles of Web design. But all of the efforts will finally make the mobile phones more popular to the users in the near future.

Resources Previous | Top | Next
  1. Kaasinen, E., Aaltonen, M., Kolari, J., Melakoski, S. & Laakko, T. Two Approaches to Bringing Internet Services to WAP devices. Proc. WWW9, 2000, 231-246.
  2. Marcus, A., Ferrante, J.V., Kinnunen, T., Kuutti, K. and Sparre, E. Baby Faces: User-Interface Design for Small Displays. In CHI '98 Summary, pp. 96-97, ACM Press, 1998.
  3. HTML 4.0 Guidelines for Mobile Access W3C Note - 15 March 1999, http://www.w3.org/TR/NOTE-html40-mobile/
  4. Web Content Accessibility Guidelines 1.0, W3C Recommendation 5-May-1999, http://www.w3.org/TR/WAI-WEBCONTENT/
  5. Top 10 Usability Guidelines for WAP Applications, May 1, 2001, http://www.openwave.com/resources/uiguide.html 
  6. Nielsen Norman Group, WAP Usability Report: Field Study Fall 2000, report summary, December 2000, http://nngroup.com/reports/wap/
  7. Katie Hafner, A Thumbs Down for Web Phones, Katie Hafner New York Times, November 30, 2000
  8. Cade Metz, WAP Usability: What's Holding it Back? PC Magazine, March 29, 2001
  9. Miika Silfverberg, I. Scott MacKenzie and Panu Korhonen Predicting text entry speed on mobile phones in proceedings CHI 2000, pages 9--16
  10. Tim Jackson Inside track: Betamax of telephones: WAP phones are slow to access the internet and will be overtaken by competitors, Financial Times, Jan 16, 2001
  11. Mankelow, N, One wireless viewpoint: "WAP is crap" ZDNet Australia, 29 June,2000, http://www.zdnet.com/zdnn/stories/news/0,4586,2596990,00.html