Full day training course offered at Usability Week Atlanta

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

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

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

Aurora Bedford

Aurora Bedford is a User Experience Specialist with Nielsen Norman Group.

Prior to joining NN/g, Bedford was a User Experience Designer at a web development agency, where she created and refined user workflows, site architectures, and wireframes for a variety of e-commerce and branding websites, web-based intranets, and mobile applications. Her experiences as a front-end web developer allow her to create effective designs while balancing technical and business needs. Read more about Aurora.