Full day training course offered at The UX Conference Las Vegas

Visual Design for Mobile and Tablet: Day 2

Advance into more challenging design solutions for mobile

Course Date: December 05, 2012


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

Topics Covered

  • Gestalt principles: considerations of the shifts that occur from desktop to mobile
    • Proximity
    • Common Regions
    • Similarity and visual consistency
    • Leveraging color and other visuals to define functionality and ease scanning
  • Eliminating unneeded graphics to simplify UIs
    • Highlighting strategies to draw user attention to important elements
      • Color, font styles
      • Animation
    • Creating visual hierarchy
    • Separating the signal from the noise: which details add meaning, and which are the distractors
  • Typography and readability
    • Characteristics of legible fonts
    • Font sizes
    • Contrast
  • Images and graphics that emphasize meaning and value
    • Considerations for scaling screen sizes
    • Avoiding banner blindness
    • User perceptions based on graphical elements
    • Optimal layouts for various goals
      • Grids vs. lists
      • Thumbnail size, placement
      • Maps and locations
  • Displaying data
    • Optimizing visuals and layouts based on screen real estate
    • Scaling tables and charts to allow easy comparisons
  • Aesthetics & Emotional design
    • Color: meanings, balance, hierarchy, and how these can shift based on screen size
    • Treatments & textures
    • Back-of-the-Dresser design and unexpected details

Format

Format

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

Participant Comments

Participant Comments

"I'd like to repeat 100 times: These two day classes are the best I have ever taken and experienced! I can only hope that I can live up to such high standards."

A. Gringay, Brooklyn

"The amount of useful, practical information in this course is astonishing."

 

"Seriously can’t wait to bring what I’ve learned back to the office. This course armed me with the proof I needed to confirm what I always assumed were shortcomings in my company’s mobile site."

Rodney Mann, Fredericton, NB, Canada

"Great presentation. Really great presenter, great material. I really enjoyed the exercises and got a lot of useful info from this."

Caroline Walters, Zion & Zion

Companion Course

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

Instructor

Instructor

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.