Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Design Process Workshop

Mobile Design Process Workshop

Original workshop given at ConvergeSE 2012

Jason VanLue

April 30, 2012
Tweet

More Decks by Jason VanLue

Other Decks in Design

Transcript

  1. WEB DESIGN where have we come? 1. Context-Specific Design desktop

    sites, native mobile apps 2. Universal Design
  2. THE UNIVERSAL WEB "The primary design principle underlying the Web's

    usefulness and growth is universality.” (TIM BERNERS-LEE)
  3. THE DAO OF WEB DESIGN •We should all aim for

    universal access as the default. •Think about what your pages do, not what they look like. •Let form follow function
  4. MOBILE DESIGN what in the world is it? 1. Native

    App Design platform-specific 2. Mobile Web Design
  5. IT’S A SHIFT IN OUR THINKING ABOUT DESIGN. it’s how

    we should have been thinking all along.
  6. HOW MUCH DO YOU CARE ABOUT EXPERIENCE? Clients Managers Direct

    Reports Users Owners Investors It all comes back to you, and how much you care.
  7. MOBILE DESIGN what are we doing today? 1. Mobile Web

    Design Process 2. Native App Design Process
  8. Embrace the fluidity of the web. Design layouts and systems

    that can cope to whatever environment they may find themselves in. (MARK BOULTON)
  9. NOT SO MAGIC FORMULA but it’ll suffice 1. Know Your

    User 2. Know How They Use Your Site 3. Determine the Context(s) 4. Develop Your Content 5. Visual Design 6. Integrate & Build
  10. MOBILE DESIGN PROCESS 1. Know Your User business owners, brand

    consultants 2. Know Your Users’ Use reading, purchasing
  11. Start designing from the content out, rather than from the

    canvas in. (MARK BOULTON) yes, but helpful to know the playing field
  12. ENVIRONMENTS •We can know the device •Difficult to know the

    environment how would your design change if you knew?
  13. APP DESIGN PROCESS Traditional App Nav Upcoming Rent Payment ATT

    12:30 PM Radius MountainvieW garden apartments Kitchen Sink Leaking Yesterday by Maintenance Parking Lot Closed 2 Days ago by Management Thursday’s Group Run Posted in Runners of Mountainview Noise Complaint Tuesday, Jan 17 by Management Maintenance Community Messages Finances Literal Radius Upcoming Rent Payment Kitchen Sink Leaking Yesterday by Maintenance Parking Lot Closed 2 Days ago by Management Thursday’s Group Run Posted in Runners of Mountainview Noise Complaint Tuesday, Jan 17 by Management $850 by Feb 1 Noise Complaint Tuesday, Jan 17 by Management ATT 12:30 PM
  14. APP DESIGN PROCESS Upcoming Rent Payment Kitchen Sink Leaking Yesterday

    by Maintenance Parking Lot Closed 2 Days ago by Management Thursday’s Group Run Posted in Runners of Mountainview Noise Complaint Tuesday, Jan 17 by Management $850 by Feb 1 Noise Complaint Tuesday, Jan 17 by Management ATT 12:30 PM Swipe Menu ATT 12:30 PM MAINTENANCE Home Create Ticket Kitchen Sink Leaking Water Heater Broken Create Group Runners of Mountainview Racquetball League View all groups View all tickets COMMUNITY 4 2 Send Message MESSAGES
  15. APP DESIGN PROCESS Parking Lot Painting 7 Responses Comment thread:

    Only shows own comments & responses from management Recipients: Only goes to manager Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque Kristy Lemon 3:27pm by Jane Donkey Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque Manager 3:27pm by Jane Donkey Respond... BBQ SEND Message Title Cancel Message ATT 12:30 PM Send Message 1 Message Content 2 Parking Lot Painting + Send Message 3:27pm by Manager Clean up common areas 2 hours ago by Manager Guest Parking Yesterday by Manager ATT 12:30 PM Messages BBQ Yesterday by Manager Clean up common areas 2 hours ago by Manager Guest Parking Yesterday by Manager Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Parking Lot Painting « Back to Messages 3:27pm by Manager ATT 12:30 PM View Post Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque Kristy Lemon 3:27pm by Jane Donkey Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque Manager 3:27pm by Jane Donkey Respond... Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Parking Lot Painting « Back to Responses 3:27pm by Manager ATT 12:30 PM View Post Pellentesque habitant morbi tristique senectus et netus et Kristy Lemon 3:27pm by Jane Donkey Pellentesque habitant morbi tristique senectus et netus et John Steve 3:27pm by Jane Donkey Pellentesque habitant morbi tristique senectus et netus et Mark Christianson 3:27pm by Jane Donkey Pellentesque habitant morbi tristique senectus et netus et Kristy Lemon 3:27pm by Jane Donkey Pellentesque habitant morbi tristique senectus et netus et John Steve 3:27pm by Jane Donkey BBQ Parking Lot Painting + Send Message 3:27pm by Manager Clean up common areas 2 hours ago by Manager Guest Parking Yesterday by Manager ATT 12:30 PM Messages BBQ Yesterday by Manager Clean up common areas 2 hours ago by Manager Guest Parking Yesterday by Manager « Back to Messages ATT 12:30 PM View Responses SEND Message Title Cancel Message ATT 12:30 PM Send Message 1 Message Content 2 3 3 3 Messages: Shows both mass messages (manager » residents) and individual (resident « manager)