Full day training course offered at Usability Week San Francisco

Visual Design for Mobile and Tablet: Day 2

Advance into more challenging design solutions for mobile

Mobile experiences can be greatly improved with an attractive and compelling visual design. Take a deeper dive into the visual details of creating both beautiful and usable mobile interfaces for your users.

"Designing for mobile & tablets acknowledged my thoughts on designing for mobile devices and empowered me with skills to implement this knowledge in my daily workflow."

Thompson Dubé
The Cre8ion.Lab

Please note: This seminar focuses on visual and interaction design, not on development or programming.

Topics Covered

  • Perceived Performance
    • Launch screens
    • Page loading behavior
    • Providing feedback
    • Communicating progress
  • Log in, register flow, and launch screens to get people through the front door
    • Social sign-in
    • Form design
  • Navigation design patterns to help people find their way
    • Dashboard menus (icon-based navigation on the home screen)
    • Dashboard customization
    • Off-canvas menus
    • Toggle and windowshade menus
    • Radial menus
    • Footers (functionality at the bottom of the screen)
  • Displaying and managing lots of data
    • Progressive disclosure
    • Use of color
    • Progress & status bars
    • Calendars
    • Interactive data tables
    • Event lists & labeling
  • Filtering content
    • Presenting filter options
    • Displaying filter and sort parameters
  • Search box and search results
    • Scoped search
    • Result content types (images, document files, etc)
  • Maps
    • Location finders
    • List & map view toggle
  • Notifications, alerts, and badge design
  • Hidden gestures
  • Ensuring readability
    • Font sizes
    • Serif vs sans-serif
    • Ways to allow the user to adjust text
    • Reading mode / visual contrast options
  • Images that emphasize meaning and value
  • Design details: Thoughtful implementations and overlooked blunders
    • Typography
    • Treatments & textures
    • Unexpected details


The basis of the course is a lecture format with a couple of group exercises to reinforce the learned principles and guidelines.

The course also includes:

  • Screenshots of designs that work and don’t work, and why
  • Opportunities to ask questions and get answers

Companion Course

Visual Design for Mobile and Tablet: Day 1 is a companion course to Visual Design for Mobile and Tablet: Day 2. Each course can be taken independently. Visual Design for Mobile and Tablet: Day 1 covers:

  • Balance aesthetics with functionality to create an elegant and functional design
  • Visual design components for mobile design and applying them to your situations
  • Identifying visually-awkward design decisions and how to fix them


Kara McCain

For more than 13 years, Kara McCain has been creating innovative brand and user experiences in the search, social media, luxury, hotel, travel, telecommunications, jewelry, professional sports, e-commerce, government and food service industries. Her expertise has allowed her to develop and implement highly successful Web and print design strategies for top Fortune 500 companies. Read more about Kara