La salle slides

Download La salle slides

Post on 17-Feb-2017

172 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

<ul><li><p>Usability Workshop 1st National Inter-School Android Challenge Launch </p></li><li><p>160,000 </p></li><li><p>160,000 </p></li><li><p>What is usability? </p></li><li><p>What is usability? </p></li><li><p>What is usability? </p><p>ISO 9241-11 </p><p>efficiency satisfaction effectiveness </p></li><li><p>What is usability? </p><p>ISO 9241-11 </p><p>efficiency satisfaction effectiveness </p></li><li><p>What is usability? </p><p>efficiency satisfaction effectiveness </p><p>ISO 9241-11 </p></li><li><p> effectiveness </p><p> efficiency </p><p> satisfaction </p></li><li><p> effectiveness </p><p> efficiency </p><p> satisfaction </p></li><li><p>What is usability? </p><p>efficiency satisfaction effectiveness </p><p>ISO 9241-11 </p></li><li><p>What is usability? </p><p>efficiency satisfaction effectiveness </p><p>context </p><p>ISO 9241-11 </p></li><li><p>Who is the main user of your product? Age? Cultural background? Educational background? </p><p>Where will the main user use the product? What are the key drivers of the user for using your product? </p></li><li><p>Group work #1 </p><p>As a group, pick a well-known website that you will use as the topic of this exercise. </p></li><li><p>Group work #1 </p><p>Convert that website to a mobile application for Manny. </p><p> Describe your primary user? What changed due to </p><p>the new context? </p></li><li><p>Group work #1 </p><p>Convert that website to a mobile application for Manny. </p><p> Describe your primary user? What changed due to </p><p>the new context? </p></li><li><p>Group work #1 </p><p>Convert that website to a mobile application for Manny. </p><p> Describe your primary user? What changed due to </p><p>the new context? </p></li><li><p>The 10 Commandments of Usability Usability Heuristics as guide to creating graphical user interfaces </p></li><li><p>The 10 Commandments of Usability </p><p> Heuristics are well-known rules of thumb. They are the usability principles where a service is pitted against and evaluated to gauge how closely it fulfills the requirements of the rules or commandments. </p><p> The 10 Usability Heuristics are applicable across all the touchpoints </p><p> SMS, OTA menu, Web, WAP, phone applications, Intranet, etc. </p></li><li><p>The 10 Commandments of Usability </p><p>1. Visibility of system status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from errors 10. Help and documentation </p></li><li><p>The 10 Commandments of Usability </p><p>1. Visibility of system status Users should always know what state the product or service is at any given moment. </p></li><li><p>The 10 Commandments of Usability </p><p>1. Visibility of system status Users should always know what state the product or service is at any given moment. </p></li><li><p>The 10 Commandments of Usability </p><p>2. Match between system and the real world The system should speak the users language, with words, phrases and concepts familiar to the user, rather than system-oriented terms </p></li><li><p>The 10 Commandments of Usability </p><p>2. Match between system and the real world The system should speak the users language, with words, phrases and concepts familiar to the user, rather than system-oriented terms </p></li><li><p>The 10 Commandments of Usability </p><p>2. Match between system and the real world The system should speak the users language, with words, phrases and concepts familiar to the user, rather than system-oriented terms </p></li><li><p>The 10 Commandments of Usability </p><p>3. User control and freedom For any given transaction state that a user might be in on the site, there must be a way for the user to gracefully back out that doesnt involve crashing the service or causing errors. </p></li><li><p>The 10 Commandments of Usability </p><p>4. Consistency and standards Terms and labels used throughout the service Label format and label location Meanings and definitions of terms and actions Display, menu options, buttons, graphic symbols and colors </p></li><li><p>The 10 Commandments of Usability </p><p>5. Error prevention It is much more desirable to simply prevent error conditions than to make lavish and information-heavy error messages. </p></li><li><p>The 10 Commandments of Usability </p><p>5. Error prevention It is much more desirable to simply prevent error conditions than to make lavish and information-heavy error messages. </p></li><li><p>The 10 Commandments of Usability </p><p>6. Recognition rather than recall User memory load Use of existing knowledge of users Visibility of links </p></li><li><p>The 10 Commandments of Usability </p><p>6. Recognition rather than recall User memory load Use of existing knowledge of users Visibility of links </p></li><li><p>The 10 Commandments of Usability </p><p>7. Flexibility and efficiency of use Make the service customizable, if that is feasible, so that users can make things the way they feel is most efficient for them. </p></li><li><p>The 10 Commandments of Usability </p><p>7. Flexibility and efficiency of use Make the service customizable, if that is feasible, so that users can make things the way they feel is most efficient for them. </p></li><li><p>The 10 Commandments of Usability </p><p>8. Aesthetic and minimalist design Moving away from less complex systems usually results in more chaos and more errors; a carefully designed and appropriately grown site can include good looks and good usability </p></li><li><p>The 10 Commandments of Usability </p><p>8. Aesthetic and minimalist design Moving away from less complex systems usually results in more chaos and more errors; a carefully designed and appropriately grown site can include good looks and good usability </p></li><li><p>The 10 Commandments of Usability </p><p>9. Help users recognize, diagnose, and recover from errors Provision of error correction Provision of error messages Provision of hindrances to avoid committing errors Diagnosis of the source and cause of the problem Recovery from error and exit from undesirable state </p></li><li><p>The 10 Commandments of Usability </p><p>10. Help and documentation For Web, online help and table of contents Glossary Site map Availability of contact points for customer service and addresses FAQs Page instructions </p></li><li><p>The 10 Commandments of Usability </p><p>10. Help and documentation </p></li><li><p>Group work #2 </p><p>Review the mobile application you created in Group work #1 and modify it based on the 10 Commandments of Usability. </p><p> What did you change? Why? </p></li><li><p>Intricacies of Mobile Usability What makes mobile usability different </p></li><li><p>Intricacies of Mobile Usability </p><p>1. User experience 2. Input 3. Bandwidth and cost 4. Content type 5. Advertising 6. Device limitations </p></li><li><p>Intricacies of Mobile Usability </p><p>1. User experience Web pages today are laid out with presentation on desktop. Accessing these web pages on a mobile device often results in poor, </p><p>unusable experience. Because of the limited screen size, things that are intended to be viewed </p><p>together are not presented properly. </p></li><li><p>Intricacies of Mobile Usability </p><p>2. Input Mobile device input is often hard. Mobile devices have very limited keypad, with small keys. There is frequently no pointing device. URLs are very hard to type in. Forms are hard to fill in. There is frequently no Back button. </p></li><li><p>Intricacies of Mobile Usability </p><p>3. Bandwidth and cost Mobile networks can be slow compared with fixed data connections. Browsing through mobile phone (GPRS and 3G) costs money per page </p><p>view or content download. </p></li><li><p>Intricacies of Mobile Usability </p><p>4. Content type Mobile users usually have more immediate and goal-directed intentions </p><p>than desktop web users. Their intentions are often to find out specific pieces of information that are </p><p>relevant to their context. They are usually typically less interested in lengthy documents or in </p><p>browsing. </p></li><li><p>Intricacies of Mobile Usability </p><p>5. Advertising Mechanisms that are commonly used for presentation of advertising material do not work well on small devices. </p></li><li><p>Intricacies of Mobile Usability </p><p>6. Device limitations The restrictions imposed by the keyboard and the screen typically </p><p>require a different approach to design. Mobile browsers often do not support scripting or plug-ins. Many devices have limited memory available for pages and images. </p></li><li><p>Group work #3 </p><p>Review the mobile application you created in Group work #1 and #2 and modify it based on the Intricacies of Mobile Usability. </p><p> What did you change? Why? </p></li><li><p>Resources WebCredible 7 Usability Guidelines for WAP sites </p><p> http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml </p><p> Mobile Usability Report http://eye-square.com/documents/Mobile-Usability-eyesquare-</p><p>english.pdf </p></li><li><p>Resources Anand, Amit, Best Practices in Mobile Interface Design," </p><p>Human Factors International, (April 29, 2006). </p><p> Anand, Amit, Mobile Design Process," Human Factors International, (May 1, 2006). </p></li><li><p>Resources </p><p>Lindholm, Christian, et al., Mobile Usability: How Nokia Changed the Face of the Mobile Phone. USA: McGraw-Hill Companies, 2003. </p></li><li><p>Resources </p><p>Weiss, Scott, Handheld Usability. England: John Wiley and Sons, Ltd, 2002. </p></li><li><p>Thank you </p></li></ul>