$30 off During Our Annual Pro Sale. View Details »

Culture as a Factor in Web Design

Senongo Akpem
October 22, 2012

Culture as a Factor in Web Design

As our community explores more of responsive design, we are creating better code and markup, but are we creating sites that are responsive to cultural differences? This session went through factors that can affect how sites are perceived in places with different cultural norms, like Africa and Japan. I talked about how to build visual and cultural diversity into websites, and how responsive design can address these quirks of culture, language, and tradition.

Presented at FOWD NYC

Senongo Akpem

October 22, 2012
Tweet

More Decks by Senongo Akpem

Other Decks in Design

Transcript

  1. Beyond
    Responsive Design
    Culture as a Factor
    in Digital Design

    View Slide

  2. Hi.
    I’m Senongo Akpem.
    @senongo

    View Slide

  3. A bit about me...

    View Slide

  4. Born and raised in Nigeria

    View Slide

  5. 10+ years all over the US

    View Slide

  6. 7+ years working in Japan

    View Slide

  7. A dose of realism...

    View Slide

  8. “Culture eats strategy
    for breakfast.”
    -Peter Drucker

    View Slide

  9. We design for
    numerous cultures,
    whether we know it
    or not.

    View Slide

  10. View Slide

  11. A Few Cultural Variables
    fabonthemoon- http://flic.kr/p/aQYzP2

    View Slide

  12. High Context Culture

    View Slide

  13. Low Context Culture

    View Slide

  14. View Slide

  15. DIRECTNESS

    View Slide

  16. http://y.qq.com/

    View Slide

  17. http://www.rdio.com/

    View Slide

  18. Which way is up?

    View Slide

  19. The Guugu Yimithirr
    Brian Cassey, The Courier-mail

    View Slide

  20. Collectivism

    View Slide

  21. Individualism

    View Slide

  22. http://www.messagesforjapan.com/

    View Slide

  23. High Power Distance

    View Slide

  24. Low Power Distance

    View Slide

  25. http://www.marks.jp/ http://www.moleskine.com/
    About pages

    View Slide

  26. View Slide

  27. View Slide

  28. View Slide

  29. View Slide

  30. Fast Messaging

    View Slide

  31. Slow Messaging

    View Slide

  32. https://www.gov.uk/

    View Slide

  33. http://www.priu.gov.lk/

    View Slide

  34. So what?

    View Slide

  35. Be Culturally Responsive

    View Slide

  36. View Slide

  37. Moving beyond media
    queries

    View Slide

  38. People need to feel
    at home with the
    cultural references in
    our interfaces.

    View Slide

  39. How about culture
    queries?

    View Slide

  40. 3 steps

    View Slide

  41. Add a native language option

    3 steps

    View Slide

  42. Add a native language option

    Make the interface

    understandable
    3 steps

    View Slide

  43. Add a native language option

    Make the interface

    understandable
    Use cues that match the users

    cultural characteristics
    3 steps

    View Slide

  44. http://gengo.com/

    View Slide

  45. View Slide

  46. http://www.sevenbank.co.jp/soukin/

    View Slide

  47. View Slide

  48. View Slide

  49. http://www.mtn.com.af

    View Slide

  50. View Slide

  51. View Slide

  52. There’s a
    difference between
    understanding
    an interface, and
    accepting an
    interface.
    - Carney, 1998

    View Slide

  53. http://www.pepsi.com/

    View Slide

  54. http://www.pepsitmall.com/

    View Slide

  55. http://www.mcdonalds.com/us/en/food.html http://www.mcdonaldsindia.com/menu.html

    View Slide

  56. http://www.bbc.com/news/world/middle_east/ http://www.bbc.co.uk/arabic/middleeast/

    View Slide

  57. The Bollywood Technique
    mountainamoeba- http://flic.kr/p/4wZ1uu

    View Slide

  58. How much does
    culture affect the
    usability of the sites
    we build?

    View Slide

  59. A lot.

    View Slide

  60. No Really.
    A LOT.

    View Slide

  61. Final Thoughts
    chrisstreeter- http://flic.kr/p/8jMLVx

    View Slide

  62. You can find me online at:
    Thank You!
    @senongo
    senongo.net

    View Slide