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

Design for a Global Audience (and how a pattern library can help!)

Sophie Shepherd
November 04, 2015

Design for a Global Audience (and how a pattern library can help!)

Presented at Responsive Field Day and Velocity Amsterdam

Sophie Shepherd

November 04, 2015
Tweet

More Decks by Sophie Shepherd

Other Decks in Design

Transcript

  1. Designing for a
    Global Audience
    Sophie Shepherd
    @sophshepherd

    View full-size slide


  2. Any techies out there willing to do
    a mashup of where the violence and
    destruction is occurring using
    Google Maps?
    ORY OKOLLOH

    View full-size slide

  3. 2015
    SEVEN YEARS LATER

    View full-size slide

  4. 2015
    SEVEN YEARS LATER

    View full-size slide

  5. Tianjin China
    Motorola Workers
    Strike in Tianjin

    View full-size slide

  6. Dadaab Kenya
    Corrupt Police man
    forced me to send
    him airtime

    View full-size slide

  7. Rio de Janeiro Brazil
    Mangrove
    restoration in
    Guanabara Bay

    View full-size slide

  8. Aruba
    Chicken Breasts Very
    Expensive in main
    town of Aruba

    View full-size slide

  9. Edmonton Canada
    Skier Triggers
    Avalanche and Rides
    it Out

    View full-size slide

  10. Different
    situations
    devices
    connections
    data types
    needs
    experiences
    languages

    View full-size slide

  11. Atomic Design
    http:/
    /bradfrost.com/blog/post/atomic-web-design/

    View full-size slide

  12. PATTERN CHECKLIST
    1. Language

    View full-size slide

  13. Language

    We should start with language,
    not interfaces.
    ALLA KHOLMATOVA
    The Language of Modular Design, A List Apart

    View full-size slide

  14. Language
    “ Sets ”
    “ Smart Sets ”
    “ Alerts ”
    Collections
    Saved Searches
    Notifications

    View full-size slide

  15. transifex.com/ushahidi
    Language
    76 Languages

    View full-size slide

  16. Don’t Be Witty :(
    Language

    View full-size slide

  17. No Wit
    No Slang
    No Regional Terms
    Language

    View full-size slide

  18. Reading Direction
    Language

    View full-size slide

  19. PATTERN CHECKLIST
    1. Language
    2. Context

    View full-size slide


  20. If it works in Africa, it will
    work anywhere.
    ERIK HERSMAN
    Context

    View full-size slide

  21. Usage
    NYTIMES.COM
    Calais, France

    View full-size slide


  22. I would never have been able
    to arrive at my destination
    without my smartphone
    THE NEW YORK TIMES
    Context
    A 21st-Century Migrant’s Essentials: Food, Shelter, Smartphone

    View full-size slide

  23. DESIGN PROCESS
    RESPONSIVE FIELD DAY 2015
    Ethan Marcotte

    View full-size slide

  24. 1. Language
    2. Context
    PATTERN CHECKLIST
    3. Personalization

    View full-size slide

  25. 1. Language
    2. Context
    PATTERN CHECKLIST
    3. Personalisation

    View full-size slide

  26. Personalization

    View full-size slide

  27. Personalization
    https://medium.com/@ImJasonLi/around-the-world-with-uber-1246b0bb796d

    View full-size slide

  28. Naked Pizza
    Kenya
    Personalization

    View full-size slide

  29. DESIGN PROCESS
    Define
    Build Them Up
    +
    +
    Add Functionality

    View full-size slide

  30. Thank You!
    Sophie Shepherd
    @sophshepherd

    View full-size slide