UI Wizards - Classes

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>UI Wizards - Classes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Classes page for UIWizards.com"> <meta name="author" content="Adam Chew http://adamchew.com">  <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="assets/css/uiwizards.css" rel="stylesheet">    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="assets/ico/favicon.png">  <link href='http://fonts.googleapis.com/css?family=Tauri|Julius+Sans+One' rel='stylesheet' type='text/css'> </head> <body> <div class="affixed-nav-bg affix-top"></div> <div class="uiw-head"> <div class="container"> <div class="masthead"> <h1>UI Wizards</h1> <h2>Product usability consulting</h2> <div class="clearfix"></div>  <div class="nav-wrapper"> <a class="nav-toggle collapsed" data-toggle="collapse" data-target=".navbar" href="javascript:void(0);"> Menu </a> <div class="navbar"> <div class="container"> <div class="navbar-inner"> <ul class="nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li class="dropdown"><a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="portfolio.html">Portfolio <b class="caret"></b></a> <ul class="navdrop dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a role="menuitem" tabindex="-1" href="portfolio.html">Samples</a></li> <li><a role="menuitem" tabindex="-1" href="portfolio_clients.html">Clients</a></li> <li><a role="menuitem" tabindex="-1" href="portfolio_CV.html">CV</a></li> <li><a role="menuitem" tabindex="-1" href="portfolio_pubs.html">Publications</a></li> </ul> </li> <li><a href="services.html">Services</a></li> <li><a href="classes.html">Classes</a></li> <li><a href="resources.html">Resources</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="container">  <div class="row-fluid"> <div class="span9"> <h1>Classes Offered</h1> <p>We offer the following talks and lectures.</p> <h3>Designing with the Mind in Mind: The Psychological Basis for UI Design Rules</h3> <p>UI design rules are not simple recipes to be applied mindlessly. Applying them effectively requires determining their applicability (and precedence) in specific situations. It also requires balancing the trade-offs that inevitably arise in situations when design rules appear to contradict each other. By understanding the underlying psychology for the design rules, designers and evaluators enhance their ability to interpret and apply them. Explaining that psychology is the focus of this course. It is based on the author's book, <i><a href="http://www.amazon.com/gp/product/0128182024/ref=as_li_tf_tl?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0128182024" target=_blank>Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines, 3rd edition</a></i>, published in 2020. 1-6 hrs. (adjustable) [<strong><a href="http://www.youtube.com/watch?v=Rh18iJ8gSfI" target=_blank>View Video</a></strong>] [<strong><a href="http://hwcdn.libsyn.com/p/1/0/5/1057196538a3a416/MindInMind.mp3?c_id=7188254&expiration=1400465260" target=_blank>Hear Podcast</a></strong>] [<strong><a href="http://infodesign.com.au/mind-in-mind" target=_blank>Read Interview</a></strong>]</p> <h3>Conceptual Models: core to the design of interactive applications</h3> <p>The most important step in designing a user interface for a desktop or web-based application is to design a coherent, task-focused conceptual model. Unfortunately, this step is often skipped in software development. The result is incoherent, arbitrary, overly-complex applications that expose irrelevant concepts to users. Longer versions of the class include a hands-on exercise in performing Object/Actions analysis for a simple application. The class is based on the author's latest book, <i><a href="http://www.amazon.com/gp/product/3031508513/ref=as_li_tf_tl?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=3031508513" target=_blank>Conceptual Models: core to the design of interactive applications</a></i>, published in November 2011. 1-3 hrs (adjustable) [<strong><a href="https://www.youtube.com/watch?v=i_DWYYZD31w" target=_blank>View Video</a></strong>]</p> <h3>User Research: Understanding Users and their Tasks</h3> <p>This course covers why it is important to understand users and their tasks, and how to conduct research aimed at doing so. It covers methods of gathering and analyzing data, and ways of representing users and their tasks. It includes hands-on class exercises in applying the methods. Half day.</p> <h3>GUI Bloopers: Recognizing and Avoiding Common GUI Design Errors</h3> <p>This tutorial is based on the book <a href=http://www.gui-bloopers.com target="Book Window"><i>GUI Bloopers 2.0: Common User Interface Design Don'ts and Dos</i></a>. The book explains how to avoid common GUI design errors, illustrated with examples from commercial software and websites. The tutorial covers the more concrete bloopers from the book: GUI Control, Navigation, Textual, Graphic Design & Layout, and Interaction. Longer versions of the tutorial include class exercises in which participants review GUI of products and websites brought to class by instructor and by participants. It is intended for software designers and developers, mainly those who lack several years of experience designing and evaluating GUIs. After completing this class, participants will:</p> <ul> <li>Have seen the most common GUI design errors and ways to avoid them.</li> <li>Be able to recognize those errors in software products and web-software.</li> <li>Be better designers and customers of interactive software and online services.</li> </ul> <p>This tutorial is offered in full day (6.5 hrs, excluding breaks and lunch), half-day, and two-hour versions.</p> <h3>GUI Bloopers: Avoiding Common Design Mistakes</h3> <p>This talk is a short version of the GUI Bloopers tutorial. It describes a few bloopers in each category, and explains how to avoid them. The talk is illustrated with many examples of bloopers in commercially-available software products and websites. 1 - 1.5 hrs (adjustable)</p> <h3>Designing for Older Adults: Usability Considerations for Real Users</h3> <p>Web and mobile devices are increasingly the primary means of accessing information, transacting business, and communicating. This is true for people of all abilities and all ages. But sensory, cognitive, and behavioral profiles of people aged 50+ can make user interfaces particularly challenging. Although they represent a significant percentage of users, design often fail to take their needs into account. We present research, design guidelines, and good/bad examples of design, as well as resources for later use. User-centered, inclusive, and persona design techniques are spotlighted. This talk was presented at Stanford University in January 2014. 1-1.5 hrs.[<strong><a href="http://myvideos.stanford.edu/player/slplayer.aspx?coll=9b820963-686d-43d6-b351-a93015476a3b&s=true" target=_blank>View Video</a></strong>]</p> <h3>Designing Websites for Older Adults</h3> <p>If a significant percentage of a website鈥檚 target audience includes older adults, certain aspects of the site鈥檚 design become even more important. Based on experience designing, reviewing, and testing websites for older adults, this talk describes age-related factors that affect ability to use the Web, and present web design guidelines that reflect the capabilities, usage patterns, and preferences of older web users. This talk was presented at the American Society of Aging's "Aging in America" conference in Chicago in March 2013. 1-1.5 hrs.</p> <h3>Textual Bloopers and How to Avoid Them</h3> <p>This talk focuses on one type of blooper: textual. It covers common textual bloopers that occur in computer-based products and services. The bloopers are followed up with advice on how to avoid them. The importance of using writers rather than engineers to write and review <strong>all</strong> text displayed by software is stressed, as is the importance of developing and adhering strictly to a project lexicon. 1 - 1.5 hrs (adjustable).</p> <h3>Web Bloopers: Common Web Design Mistakes and How to Avoid Them</h3> <p>This tutorial is based on the book <a href=http://www.web-bloopers.com target="Book Window"><i>Web Bloopers: 60 Common Web Design Mistakes and How to Avoid Them</i></a>. The book explains how to avoid common Web design errors, illustrated with examples from actual websites. The tutorial, like the book, organizes bloopers into categories: Content, Task-Support, Navigation, Form, Search, Text & Writing, Link Presentation, and Graphic and Layout. It includes class exercises in which participants review actual websites looking for bloopers and discuss how to improve them. The tutorial is intended for Web designers and developers, mainly those who lack several years of experience designing and evaluating websites and Web applications. Others who might benefit from this tutorial are web Q/A engineers, usability testers, and web development managers. After completing this full-day tutorial, participants will:</p> <ul> <li>Have seen the most common Web design errors and ways to avoid them.</li> <li>Be able to recognize those errors in websites and Web applications.</li> <li>Be better designers and customers of websites and online service.</li> </ul> <p>This tutorial is offered in full day (6.5 hrs, excluding breaks and lunch) and half-day versions.</p> <h3>Web Bloopers: Avoiding Common Design Mistakes</h3> <p>This talk is a short version of the Web Bloopers tutorial. It describes a few bloopers in each category, and explains how to avoid them. The talk is illustrated with many examples of bloopers in commercially-available websites. Humorous but hard-hitting. 1-2 hrs (adjustable) [View <a href=http://www.hjsys.com/hjsasp/gn02.cfm?SI=1848455649285&ID=068110439338 target="_blank">independent review</a> of this class.]</p> <h3>Introduction to GUI Design and Usability</h3> <p>This tutorial surveys the knowledge that experienced user-interface designers draw upon in designing and evaluating software user interfaces. It provides a brief overview of the history of user-interface design as a recognized field of expertise, discusses the motivation for highly-usable products, and presents the important principles that guide successful UI design. Examples illustrating the benefits of following the principles -- and the pitfalls of not following them -- are provided from the instructor's experience. 2 or 4 hr. versions.</p> <h3>Designing Responsive Software Despite Performance Limitations</h3> <p>Many of today's interactive software products and services are not responsive enough. Responsiveness is one of the most important factors in determining customer satisfaction with software and online services, but it is continually slighted by developers. This tutorial is based on chapter 7 of <a href=http://www.gui-bloopers.com target="Book Window"><i>GUI Bloopers</i></a>. It distinguishes responsiveness from performance and points out that performance need not limit responsiveness. It explains that the user-computer interface is a real-time interface, with time-constraints that software must satisfy in order to be perceived as responsive. The tutorial also presents techniques for improving responsiveness despite limited or fluctuating processing resources. Many examples are provided of responsive and unresponsive systems. 1-1.5 hrs.</p> <h3>User-Interface Evaluation 1: Usability Testing</h3> <p>This tutorial describes the many different ways to test software user interfaces on real users, and why one might use form of testing vs. another. It is well-illustrated with screen-images and videotape clips. 1-1.5 hr. (Note: This tutorial is often combined with the following one.)</p> <h3>User-Interface Evaluation 2: Discount Usability Evaluation</h3> <p>Explains how to conduct heuristic evaluation of interactive software, to supplement usability testing. 45 minutes-1 hr. (Note: This tutorial is often combined with the preceding one.)</p> <h3>Design Patterns for Complex Information-Intensive Applications</h3> <p>Frustrated with UI design guidelines that only cover simple situations? Designers and developers of enterprise-level, complex, information-rich applications often face difficult trade-offs and highly-constrained situations in none of the solutions given in UI guidelines books seem acceptable. This class provides design solutions for several common complex situations:</p> <ul> <li>Small display, lots of data: best practices for large tables, graphical and direct manipulation alternatives to tables, charting complex data.</li> <li>Long property lists: what to do when objects have hundreds of properties or settings.</li> <li>Displaying and navigating in large hierarchies: dealing with huge outlines and tree views.</li> <li>Sensitivity Analysis for input-rich models: when users need to tweak input to see how it affects results.</li> </ul> <h3>Developing Highly Useful and Usable Software -- Consistently!</h3> <p>Explains how to assess your company's User Experience (UX) maturity level and steps you can take to advance to your desired UX maturity level. Also describes how to measure your organization's risk-exposure for new products. 1 hr.</p> <h3>The Business Value of Usability</h3> <p>Explains in business terms why it is important for software development organizations to strive for highly-usable products. Describes how investing in usability can:</p> <ul> <li>increase customer satisifaction</li> <li>reduce cost of sales and support</li> <li>increase return on investment (ROI)</li> <li>decrease time to profitability, and</li> <li>reduce business risk</li> </ul> <p>Describes how to decide when and how much to invest in usability. 1-1.5 hrs.</p> </div> <div class="span3 sidebar"> <h2>Our Books:</h2> <p><a href= "https://www.amazon.com/gp/product/0128182024?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-designing-3e.jpg" alt="Designing with the Mind in Mind"></a></p> <p><strong><em>Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Guidelines (3rd ed.).</em></strong> An introduction to cognitive and perceptual psychology for software designers and developers. Now in its 3rd edition.</p> <p>[<a href= "https://www.amazon.com/gp/product/0128182024?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank>Order from Amazon.com</a>]</p> <p><a href="http://www.amazon.com/gp/product/0128044675?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-DFAP.png" alt="Designing User Interfaces for an Aging Population"></a></p> <p><strong><em> Designing User Interfaces for an Aging Population: Towards Universal Design.</em></strong> Rationale and guidelines for designing technology so as not to exclude the almost 40% of the population that is over 50.</p> <p>[<a href="http://www.amazon.com/gp/product/0128044675?ie=UTF8&camp=1789&creativeASIN=0124079148&linkCode=xm2&tag=uiwizcom-20" target=_blank>Order from Amazon.com</a>]</p> <p><a href="http://www.amazon.com/gp/product/3031508513/ref=as_li_tf_tl?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=3031508513" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-conceptual-2e.jpg" alt="Conceptual Models"></a></p> <p><strong><em>Conceptual Models: core to the design of interactive applications.</em></strong> User interfaces are simpler and more task-focused when designers start by constructing a conceptual model of the intended application. This book explains what conceptual models are, how to construct them, and why they are valuable.</p> <p>[<a href="http://www.amazon.com/gp/product/3031508513/ref=as_li_tf_tl?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=3031508513" target=_blank>Order from Amazon.com</a>]</p> <p><a href="http://www.amazon.com/gp/product/0123706432?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123706432" target=_blank><img class="img-outline" src="assets/img/uiw-book-lg-gui.jpg" alt="GUI Bloopers 2.0"></a></p> <p><strong><em>GUI Bloopers 2.0: Common User Interface Design Don鈥檛s and Dos.</em></strong> A completely-updated second edition of the original GUI Bloopers, published in 2007. Available at most booksellers, including:</p> <p>[<a href="http://www.amazon.com/gp/product/0123706432?ie=UTF8&tag=uiwizcom-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0123706432" target=_blank>Order from Amazon.com</a>]</p> </div> </div> </div>  <div class="footer"> <div class="container text-center"> <p>© UI Wizards, Inc. 2020</p> <div class="foot-nav"> <ul class="nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="services.html">Services</a></li> <li><a href="classes.html">Classes</a></li> <li><a href="resources.html">Resources</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="privacy_policy.html">Privacy Policy</a></li> <li><a href="usability_policy.html">Usability Policy</a></li> </ul> </div> </div> </div>   <script src="assets/js/jquery.js"></script> <script src="assets/js/uiwizards-nav.js"></script> <script src="assets/js/bootstrap-transition.js"></script> <script src="assets/js/bootstrap-alert.js"></script> <script src="assets/js/bootstrap-modal.js"></script> <script src="assets/js/bootstrap-dropdown.js"></script> <script src="assets/js/bootstrap-scrollspy.js"></script> <script src="assets/js/bootstrap-tab.js"></script> <script src="assets/js/bootstrap-tooltip.js"></script> <script src="assets/js/bootstrap-popover.js"></script> <script src="assets/js/bootstrap-button.js"></script> <script src="assets/js/bootstrap-collapse.js"></script> <script src="assets/js/bootstrap-carousel.js"></script> <script src="assets/js/bootstrap-typeahead.js"></script> <script src="assets/js/bootstrap-affix.js"></script>  <script type='text/javascript' src='https://count.carrierzone.com/app/count_server/count.js'></script> <script type='text/javascript'> </script>  </body> </html>

CINXE.COM

UI Wizards - Classes