Creating mobile content presents some interesting challenges for the designer and developer alike. From screen size, button size, typeface, and layout decisions to using unique mobile capabilities such as the accelerometer, gestures and geolocation. In this presentation, I provide clear solutions to these questions and show how they can be easily executed.
6. Don’t Get Caught… “Mobile Internet Usage Will be a Boon to Consumers and Some Companies Will Likely Win Big While Many Will Wonder What Just Happened.” Barbera Ballard, author Designing Mobile User Experience
12. Most Common Mobile Design Mistakes No Mobile Site Not Understanding the User Lack of Context Lack of Understanding Mobile Technology Lack of Design Fundamentals
48. Elements of Successful Design Layout Grid, Golden Ratio, Space, Balance, Hierarchy, Direction Typography Serif vs. Sans Color Color Wheel, Color Choices, Meaning
49. Elements of Successful Design Layout Grid, Golden Ratio, Space, Balance, Hierarchy, Direction Typography Serif vs. Sans Color Color Wheel, Color Choices, Meaning
57. Size Matters “Miniaturizing treats the mobile environment and technology as a subset of the desktop environment.” Barbara Ballard Mobilize, don’t miniaturize Design for real hand sizes
58. Design for Real Hand Sizes 45x45px 15x15px The average fingertip is 3x larger than the hand cursor Make your buttons 3x larger Then make them even larger
60. Space “Perfection is achieved not when there is nothing left to add, but when there is nothing left to take away” Antoine de Saint-Exupery Don’t try to be great, try to be invisible
64. Elements of Successful Design Layout Grid, Golden Ratio, Space, Balance, Hierarchy, Direction Typography Serif vs. Sans Color Color Wheel, Color Choices, Meaning
65. Typography “Typography has one plain duty before it and that’s to convey information in writing.” Emil Ruder, Founder of Basel School of Design Choose a font that fits the subject Don’t use more than three @font-face Flash
66. Choosing a Font San-serif lack Serifs and are considered modern Understand type anatomy Understand type measurements
69. Elements of Successful Design Layout Grid, Golden Ratio, Space, Balance, Hierarchy, Direction Typography Serif vs. Sans Color Color Wheel, Color Choices, Meaning
70. “Use color to emphasize importance, not decorate a page.” Alexander White Use color to create hierarchy, dominance, and balance Consistent use of a few colors makes a more cohesive design Color
71. Color Choose colors using The Color Wheel Warm colors bring elements forward Cool colors move elements back Find contemporary colors using Kuler