Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

International is the new mobile first

64 views

Published on

In 2018, Shopify launched in 6 new languages. In this talk, you’ll gain insight about how international is forcing them to fundamentally shift their way of thinking. In the same way mobile disrupted a once desktop-only internet, international is disrupting the way we think about commerce. Learn about the UX principles and tooling we are using to take on meaty challenges to drive forward a large scale product that was previously only supported in English.

Published in: Design
  • Be the first to comment

  • Be the first to like this

International is the new mobile first

  1. 1. International is the new 
 mobile first Robyn Larsen Front End Developer - International Growth @robyn_larsen !1
  2. 2. @robyn_larsen@robyn_larsen
  3. 3. !🙊 @robyn_larsen
  4. 4. @robyn_larsen
  5. 5. @robyn_larsen
  6. 6. TITLE OF THE PRESENTATION HERE JENNY LASTNAME Important Occupation JENNY LASTNAME Important Occupation @robyn_larsen
  7. 7. @robyn_larsen
  8. 8. *If you have to include legal or source@robyn_larsen
  9. 9. *If you have to include legal or source@robyn_larsen
  10. 10. Patrick. Austria.2010 @robyn_larsen
  11. 11. @robyn_larsen
  12. 12. !🙊# @robyn_larsen
  13. 13. MAKE THE IMPORTANT THINGS EASY AND EVERYTHING ELSE POSSIBLE. @robyn_larsen
  14. 14. @robyn_larsen
  15. 15. English Español Français Italiano ⽇日本語 Русский Bahasa Català Dansk Deutsch Español Eλληνικά Hrvatski Magyar Norsk Polski Português Suomi Svenska Türkçe Íslenska Čeština 한국어 ภาษาไทย 中⽂文@robyn_larsen
  16. 16. Patrick. Austria.2010 @robyn_larsen
  17. 17. @robyn_larsen
  18. 18. BUT… @robyn_larsen
  19. 19. @robyn_larsen
  20. 20. Patrick. Austria.2010 @robyn_larsen
  21. 21. @robyn_larsen
  22. 22. MAKE COMMERCE BETTER FOR EVERYONE …EVERYWHERE @robyn_larsen
  23. 23. @robyn_larsen
  24. 24. INTERNATIONAL IS THE NEW MOBILE FIRST. @robyn_larsen
  25. 25. 66%ECOMMERCE *ask Kyle OUTSIDE OF NORTH AMERICA @robyn_larsen
  26. 26. DESIGN FOR BILLIONS @robyn_larsen
  27. 27. WE DON’T HAVE ALL THE ANSWERS… YET @robyn_larsen
  28. 28. 5 LANGUAGES
  29. 29. 10 LANGUAGES @robyn_larsen
  30. 30. 28 LANGUAGES @robyn_larsen
  31. 31. 49 LANGUAGES @robyn_larsen
  32. 32. 149 LANGUAGES
  33. 33. 7 LANGUAGES**Launched May 2018
  34. 34. THE JOURNEY OF GLOBALIZING SHOPIFY @robyn_larsen
  35. 35. *https://www.walmart.ca/en/ip/Jointed-Pirate-Ship-Pack-of-12/PRD6M3MYDTCXRHF
  36. 36. 6 LANGUAGES 6 MONTHS @robyn_larsen
  37. 37. ENGLISH ONLY HARDCODED SHOPIFY @robyn_larsen
  38. 38. HARDCODED?! @robyn_larsen
  39. 39. 🤯 @robyn_larsen
  40. 40. WE MADE MISTAKES. @robyn_larsen
  41. 41. TRY. @robyn_larsen
  42. 42. TRY. FAIL. @robyn_larsen
  43. 43. TRY. FAIL. TRY AGAIN. @robyn_larsen
  44. 44. STOP THE BLEEDING @robyn_larsen
  45. 45. Unrealistic with a single pull request @robyn_larsen
  46. 46. STRINGS IN HTML FILES STRINGS IN METHOD ARGUMENTS DATE & TIME FORMATS @robyn_larsen
  47. 47. INFORM & CORRECT WITH TOOLS @robyn_larsen
  48. 48. AUTOMATE THE MUNDANE @robyn_larsen
  49. 49. DEVELOPERS ARE LAZY @robyn_larsen
  50. 50. DEVELOPERS ARE LAZY STRATEGICALLY THE BEST @robyn_larsen
  51. 51. THE RESULTS WEREN’T PERFECT. @robyn_larsen
  52. 52. TRANSLATION PLATFORM @robyn_larsen
  53. 53. *https://www.walmart.ca/en/ip/Jointed-Pirate-Ship-Pack-of-12/PRD6M3MYDTCXRHF
  54. 54. CULTURAL DIFFERENCES *
  55. 55. UX PRINCIPLES Build an experience that 
 supports ALL merchants. @robyn_larsen
  56. 56. TEXT EXPANSION @robyn_larsen
  57. 57. TEXT EXPANSION@robyn_larsen
  58. 58. TEXT EXPANSION@robyn_larsen
  59. 59. TEXT EXPANSION@robyn_larsen
  60. 60. TEXT EXPANSION@robyn_larsen
  61. 61. Test with PSEUDOLOCALIZATION TEXT EXPANSION@robyn_larsen
  62. 62. pseudo?! 🤷 TEXT EXPANSION@robyn_larsen
  63. 63. TEXT EXPANSION@robyn_larsen
  64. 64. TEXT EXPANSION@robyn_larsen
  65. 65. TEXT EXPANSION
  66. 66. TEXT EXPANSION@robyn_larsen
  67. 67. TEXT EXPANSION@robyn_larsen
  68. 68. @robyn_larsen TEXT EXPANSION
  69. 69. TEXT EXPANSION@robyn_larsen
  70. 70. TEXT EXPANSION@robyn_larsen
  71. 71. TEXT EXPANSION@robyn_larsen
  72. 72. Test in another language TEXT EXPANSION@robyn_larsen
  73. 73. 5 LANGUAGES
  74. 74. TEXT EXPANSION
  75. 75. TEXT EXPANSION
  76. 76. TEXT EXPANSION
  77. 77. TEXT EXPANSIONTEXT EXPANSION
  78. 78. HIRAGANA - ひらがな KANJI - 漢漢字 ROMAJI &@robyn_larsen
  79. 79. & @robyn_larsen
  80. 80. '& @robyn_larsen
  81. 81. TEXT EXPANSION MAINTAINABILITYMAINTAINABILITY
  82. 82. GLOBALIZATION? LOCALIZATION or MAINTAINABILITY@robyn_larsen
  83. 83. MAINTAINABILITY@robyn_larsen
  84. 84. MAINTAINABILITY@robyn_larsen
  85. 85. MAINTAINABILITY@robyn_larsen
  86. 86. MAINTAINABILITY
  87. 87. MAINTAINABILITY
  88. 88. MAINTAINABILITY 1 VISUAL = 6 IMAGES
  89. 89. 1 VISUAL = 6 IMAGES X 7 LANGUAGES 42 IMAGES MAINTAINABILITY@robyn_larsen
  90. 90. or… MAINTAINABILITY@robyn_larsen
  91. 91. MAINTAINABILITY@robyn_larsen
  92. 92. 1 VISUAL = 6 IMAGES X {LANGUAGES} 6 IMAGES MAINTAINABILITY@robyn_larsen
  93. 93. TEXT EXPANSION MAINTAINABILITY CULTURAL DIFFERENCES
  94. 94. * CULTURAL DIFFERENCES@robyn_larsen
  95. 95. CULTURAL DIFFERENCES *stripe.com @robyn_larsen
  96. 96. CULTURAL DIFFERENCES *stripe.com @robyn_larsen
  97. 97. Starbucks.com.cn
  98. 98. CULTURAL DIFFERENCES@robyn_larsen
  99. 99. CULTURAL DIFFERENCES@robyn_larsen
  100. 100. ADDRESS CULTURAL DIFFERENCES@robyn_larsen
  101. 101. CULTURAL DIFFERENCES@robyn_larsen
  102. 102. CULTURAL DIFFERENCES@robyn_larsen
  103. 103. @robyn_larsen CULTURAL DIFFERENCES
  104. 104. JASON MAYDEN Designer, Accel Partners “The world is diverse. So if we’re not thinking about diversity, then we’re not thinking about people. If we’re not thinking about people then we’re not designers, we’re makers of stuff. ” @robyn_larsen
  105. 105. 700, 000 MERCHANTS @robyn_larsen
  106. 106. 700, 000 MERCHANTS @robyn_larsen
  107. 107. shopify.com/careers ❤🌏 @robyn_larsen

×