Webucator Blog

GUI Design Training

We recently had a client ask if we could deliver GUI Design Training,  Well, we thought, GUI design is not new, so finding a good GUI design trainer and courseware should be pretty simple. Turns out, however, that we were wrong.  We couldn’t find anyone licensing good GUI design training courseware.  We found some books on Amazon, but most of them were written more than 10 years ago.  And the few training companies we found that offered  GUI Design classes were asking much more than we generally charge for similar courses.

Fortunately, we have a trainer on staff with some experience with GUI design training, and we were able to find one book that looks pretty good: The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques, by Wilbert O. Galitz.  So we put together our own outline with the idea of using that book for courseware and supplementing it with hands-on exercises.  Our goal was a good course covering the basics of GUI Design which could be easily customized to include more or less material. Here’s information on the 3-day course we put together:

GUI and Web Application Design Best Practices

Overview

Participants will learn techniques for effective Graphical User Interface (GUI) and effective Web applications design through theory and hands-on exercises. Explore user interaction characteristics and incorporate them in application design. Profit from user feedback to create  applications that meet business and usability goals. The course provides a practical guidelines and approaches to design and prototyping. Participants will learn how to effectively specify user interfaces and apply the User Centered Design process in software application design.

Benefits

After completing this course, you will be able to:

  • Remove risk in design decisions
  • Verify the usability of application design
  • Write standards and guidelines
  • Develop business and user requirements
  • Manage user involvement in application design
  • Slash user training in half

Who Should Attend?

  • Web and Applications Developers
  • Information architects and Interface Designers
  • Market and QA personnel
  • Project managers

GUI Design Training Outline

  • Overview
    • Humans and computers
    • GUI and Web based systems
      • Information
      • Interaction
      • Visual Design
      • Organizing Principles
    • Parting Company
      • Technological Differences
      • Data Flow
      • Navigation
      • Operations
    • Menus and forms and commands
    • Designing for user interaction
    • Intuitive Design: If the user can’t use it, the program doesn’t work!
    • Exercise: Case Study
  • Knowing Your Clients
    • Human action cycle
    • Common problems
    • Mental models
    • Learning curves
    • Skill sets
    • User knowledge and experience
  • Integrating the business model
    • Requirements and analysis
    • Understanding the problem
    • Training and documentation
  • Putting the User and the Model Together
  • Exercise: Analysis and Planning
  • GUI Applications
    • Data, Processes and Tasks
    • Orientation
    • Using Feedback Effectively
    • Using Color
    • Controls & Widgets
    • Navigation
    • Search
    • Input Devices
    • Design Patterns
    • Progressive Disclosure
    • High Level Design
    • Prototyping
    • Visualization Challenges and Principles
    • Icon and TextStandards
    • ISO Standards
    • Accessibility
    • Usability
    • Exercise: Prototyping the Domain
  • Web Application
    • What is good design?
      • Information Design
      • Navigation
      • The Concept
    • Application Information
      • Information
      • Organization
      • Exercise: Information Design
    • UI Architecture
    • Guidelines and Fundamentals
      • Interaction
        • Orientation
        • Feedback
        • Progressive Disclosure
      • Building Blocks of Web Apps
        • Controls, Forms, Pages
        • Objects
        • Task Flow
    • Common Interaction Elements
      • Text and Labels
      • Colors
      • Page Layout
      • Forms
      • Wizards and Guides
      • Icons and Images
      • Navigation
      • Links
      • Search
      • Common Controls
      • Another Look at Design Patterns
    • Exercise: Prototyping
    • Web 2.0
      • Old problems
      • User needs
      • New technologies
    • Designing to Common Behaviors
    • Usability Design Guidelines
    • Heuristic Guidelines
    • Exercise: Wireframe Evaluation
    • Web Accessibility

Our guess is that there is not a lot of demand for this course, so we decided not to create the course yet.  If you are interested in it, however, let us know.  And if you have thoughts about how the outline should be changed, let us know that too.  Finally, if you’re a trainer with experience in delivering GUI design courses, please consider filling out our online application for new trainers.


  • rsakowski

    This is such an under appreciated topic. I had two meaningful experiences regarding GUI and Web page design.

    The first was a GUI medical application for doctors. It was to be used by them in the operating room to get a patient’s medical information. Obviously, looking up commands in a manual at a time like this was out of the question. Intuitive design was a key quality issue or the program would be simply useless. Basically, it became obvious that the program had to visualize procedures already familiar to the doctors.

    The second case, involved two survey companies. They were in competition for the same contract with a Fortune 100 company that wanted to gather statistical information about their customers. One application used Choice and List menu components, while the other application used Check Box and Radio Button components. When tested, the results from these applications were very different. It turns out that the first application required two clicks per answer and users began clicking anything just to finish up. The second required only one click per answer and the results tended to be more representative of the users’ opinions.

    Thanks for the post.

  • Simon Eyre

    I would be interested in your GUI Design course if there was a variant that focused on Smartphone (iPhone/IPad/Android) design.

    • Hi Simon, thanks for the interest! We don’t have plans for a course on User Interface Design for Smartphones right now, but this book looks promising. We are coming out with courses on Objective-C and iOS Development soon. It’s likely those courses will touch on user interface design principles, but the main focus will be on writing code and using Interface Builder. If you’re interested, please fill out our contact form.

  • Jonny

    SmartPhone GUI design isn’t the greatest investment. Personally I cannot stand to do much more than 5 minutes of interaction on a device with such a small display and quiet tinny speakers. It’s masochistic.

    Much smarter to invest in good tablet-PC GUI design principles. I am confident that the tablet PC will supersede smart phones as the staple personal Internet and computing applications device.

    Voice command would be better for SmartPhones rather than smarter GUI techniques. The display is just too small.

  • Jonny, I don’t know which will ultimately be dominant, but both smart phones and tablets will have many users for a long time.

    To follow up on my response to Simon above, our courses on Objective-C and iOS Development are now available and can be found on our iPhone and iPad Training page.

  • Manu

    would definitely be interested in such a course.
    I assume it still does not exist having had a quick browse through your available courses. Please let me know if and when it will be available.