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

Introduction to UX and Mobile Best Practices

Introduction to UX and Mobile Best Practices

An introductory talk on the importance of user experience design, user research methods, design processes and mobile best practices.

Christopher Hallahan

October 01, 2015
Tweet

More Decks by Christopher Hallahan

Other Decks in Design

Transcript

  1. User Research Analytics Review Survey (Find Top Tasks) Competitive Analysis

    Contextual Inquiry Card Sorting
 Interviews (User + Stakeholder) Usability
  2. Website: www.ohio.gov Goals: Provide access to Ohio tax filing and

    refunds. Allow residents to easily look up Ohio agency contact information. Allow residents to search for jobs in Ohio Provide a list of things to do in Ohio for visitors Allow Ohio new businesses to easily get started. Provide access to vehicle registration services. Provide access to vehicle registration services. Guide voters to registration services and polling locations. User Research
  3. Tasks: You’ve recently filed your Ohio state taxes and want

    to check on the status of your refund. How would you do this on ohio.gov? You’ve just gotten a letter in the mail telling you that you need to renew your motorcycle’s license plates. Start the renewal process. You’re voting with an absentee ballot in the upcoming election and need to know the latest date it can be returned by mail in order to be counted. User Research
  4. Project Manager Visual Designer Front-End Developer Information Architect/UX Designer Back-End

    Developer Content Strategist Client (Subject Expert) Design Process
  5. HEADING 1 Heading 2 HEADING 1 This is a paragraph

    of content. This is a paragraph of content. This is a paragraph of content. •List Item •List Item •List Item •List Item This is a paragraph of content. This is a paragraph of content. This is a paragraph of content. Logo and Navigation
  6. HEADING 1 Heading 2 HEADING 1 This is a paragraph

    of content. This is a paragraph of content. This is a paragraph of content. •List Item •List Item •List Item •List Item This is a paragraph of content. This is a paragraph of content. This is a paragraph of content. Logo and Navigation
  7. http://karenmcgrane.com/2014/01/13/the-mobile-content-mandate/ “There is no “how to write for mobile.” There’s

    only good writing. Period” Karen McGrane: “Content Strategy for Mobile”
  8. Br Book Title: Category: Summary: Subcategory: Date Added: Book Cover:

    Author(s): Upload + Link: Content Management
  9. ChildBr Green Eggs and Ham Author: Dr. Seuss Added April

    2015 Green Eggs and Ham is a best-selling and critically acclaimed children's book by Dr. Seuss, first published on August 12, 1960. As of 2001, according to Publishers Weekly, it was the fourth best-selling English-language children's book of all time.[1] The story has appeared in several animated videos starting with 1973's Dr. Seuss on the Loose: The Sneetches, The Zax; Green Eggs and Ham starring Paul Winchell as the voice of both Sam-I-am and the first-person narrating man. Content Management
  10. Company Name Name, Telephone, Email Contact Information Our Products Map

    Locations Searc Company Name Name, Telephone, Email Contact Information Our Products Map Locations Search Breakpoint: 1000px wide ^
  11. The optimal touch target size is 7mm (44 device pixels

    or 2.75ems), based on the average size of human finger tips and pads.
  12. Keep most frequently used controls within natural zone Less frequently

    used controls can remain in “ow” zone Support swiping back or swipe to expose menu Test and prototype on real devices to better understand ergonomics Ensure tap targets are large enough and provide ample space in between targets Mobile UX
  13. Credits SVG Icon Set: https://github.com/icons8/flat-color-icons Responsive Web Design by Ethan

    Marcotte Content Strategy for Mobile and Mobile Content Mandate by Karen McGrane HTML & CSS by John Duckett Atomic Design by Brad Frost Style Tiles by Samantha Warren Style Prototypes & Responsive Design Process by Sparkbox Responsive Design Workflow by Stephen Hay Implementing Responsive Design by Tim Kadlec Mobile First by Luke Wroblewski Don’t Make Me Think by Steve Krug Designing with Web Standards by Jeffrey Zeldman