The Design of Everyday Language Apps

NSSpain 2016.

Transcript

1. THE DESIGN OF EVERYDAY LANGUAGE APPS NATASHA NAZARI
2. DESIGN FOR BEAUTY DESIGN FOR CLARITY DESIGN FOR LEARNING
3. DESIGN IS A TEACHING TOOL
4. SMALL DESIGN CHOICES HAVE HUGE EFFECTS ON LEARNING
5. OVERVIEW ‣ How can we help users retain more material? (Text) ‣ How can we get rid of the cultural barriers that inhibit learning? (UI)
7. SOME BACKGROUND ▸ 4 years of experience teaching languages ! ▸ 3,510 students, 3 countries, 8 language groups ▸ 6 years of experience learning languages ! ! ▸ 3 years of Spanish (C1) ▸ 2 years of Japanese (A2) ▸ 2 years of Chinese (B1) ▸ 1 year of Russian (A2/B1) ▸ BUT only 15 months of programming experience
8. TEXT
9. HELPFUL LINKS ▸ NSSCREENCAST ▸ http://nsscreencast.com/episodes/207-intro-to-text-kit ▸ http://nsscreencast.com/episodes/208-syntax-highlighting- with-textkit ▸ http://nsscreencast.com/episodes/211-indenting-text-with- text-kit ▸ KISHIKAWA KATSUMI’S TRY! SWIFT NYC TALK ▸ https://speakerdeck.com/kishikawakatsumi/mastering-textkit
10. Are you a любитель чая? Do you love ice cream? If yes, then Чайная High is the place for you. This cozy лофт and кафе is hidden along a quiet, unassuming side-street в Москве. You can sample a wide assortment чая — 333 to be exact — and an equally diverse range of мороженное flavors, the most popular being pomegranate, green чай, & pistachio. Their collection comes в all over the world — Италии, Китае, Японии — and as such, attracts internationals & international minded locals. Tea High Адрес: ул. Покровка, д. 27, стр. 1, Москва 105062, Россия Телефон: +7 495 225 59 96 Часы работы: 11:00 AM — 12:00 AM
11. Are you a любитель чая? Do you love ice-cream? If yes, then Чайная High is the place for you. This cozy лофт and кафе is hidden along a quiet, unassuming side-street в Москве. You can sample a wide assortment чая — 333 to be exact — and an equally diverse range of мороженное flavors, the most popular being pomegranate, green чай, & pistachio. Their collection comes в all over the world — Италии, Китае, Японии — and as such, attracts internationals & international- minded locals. Tea High Адрес: ул. Покровка, д. 27, стр. 1, Москва 105062, Россия Телефон: +7 495 225 59 96 Часы работы: 11:00 AM — 12:00 AM
12. Are you a любитель чая? Do you love ice-cream? If yes, then Чайная High is the place for you. This cozy лофт and кафе is hidden along a quiet, unassuming side-street в Москве. You can sample a wide assortment чая — 333 to be exact — and an equally diverse range of мороженное flavors, the most popular being pomegranate, green чай, & pistachio. Their collection comes в all over the world — Италии, Китае, Японии — and as such, attracts internationals & international- minded locals. Tea High Адрес: ул. Покровка, д. 27, стр. 1, Москва 105062, Россия Телефон: +7 495 225 59 96 Часы работы: 11:00 AM — 12:00 AM
13. Are you a любитель чая? Do you love ice-cream? If yes, then Чайная High is the place for you. This cozy лофт and кафе is hidden along a quiet, unassuming side-street в Москве. You can sample a wide assortment чая — 333 to be exact — and an equally diverse range of мороженное flavors, the most popular being pomegranate, green чай, & pistachio. Their collection comes в all over the world — Италии, Китае, Японии — and as such, attracts internationals & international- minded locals. Tea High Адрес: ул. Покровка, д. 27, стр. 1, Москва 105062, Россия Телефон: +7 495 225 59 96 Часы работы: 11:00 AM — 12:00 AM
14. TYPOGRAPHY
15. IMAGINE
17. SHUO WHAT FOOD & DRINK TRAVEL MEET & GREET HOME WORK & BUSINESS
18. SHUO WHAT FOOD & DRINK READ A MENU DISCUSS WHAT TO ORDER ORDER CRITIQUE MEALS LIKE A LOCAL PAY GO TO A KTV GO GROCERY SHOPPING
19. 焍 miàn wheat flour
20. 䬈 tiáo long, narrow piece
21. 焍䬈 miàntiáo “long wheat flour” = noodle(s)
22. Write the character for “wheat flour.” 焍
23. How do you say “noodles”? 焍䬈
24. ۱ bāo bag, package, bundle
25. 焍۱ miànbāo “wheat flour bundle” = bread
26. Make this say “bread”. 焍䬈
27. CorrectѺ 焍۱
28. Write the missing character. ̶̶̶۱ ̶̶̶䬈
29. CorrectѺ 焍۱ 焍䬈
30. ᇍ niú cow
31. ᙂ ròu meat
32. ᇍᙂ niúròu “cow meat” = beef
33. Write the missing character. ᇍᙂ
34. ᇍᙂ焍 niúròumiàn beef noodle(s)
35. A COMMON PROBLEM ▸ You’ve put 150 hours into learning and mastered 2000 characters prior to arrival to Taipei. ▸ But you can barely read anything when you get there. ▸ Why?
40. POTENTIAL SOLUTIONS 1. Allow the user to choose different fonts in the settings. 2. After five correct answers, switch the font. Make sure the difference is barely noticeable.
41. ᇍᙂ焍 ڇ೑ṵ ⽜⾁麵 䔼卪芋 牛肉麵 ڇ೑ṵ
42. WHAT ABOUT OTHER LANGUAGES?
43. Здравствуйте
44. Здравствуйте
45. Здравствуйте Здравствуйте
46. Тт Тт Д д Дд
48. POTENTIAL SOLUTIONS 1. Create two practice modes: one for print, the other for cursive. Let the user decide which to use. 2. Introduce print version; introduce cursive; alternate between print & cursive.
49. VARIED TYPOGRAPHY = BETTER RETENTION
50. KERNING & WORD SPACING
53. ౯ உ ࡅ䴽 ᙲ༜沂̶ I REALLY LIKE BLACK PEPPER CAKES. BASED ON VOCABULARY
54. 春㮆 ۱۱ অ᯿ ̶ THIS BAG҆BAGҁIS҂VERY-HEAVY. MEASURE WORD DOUBLE NOUN অ ҄ ADJECTIVE BASED ON GRAMMAR POINT (#1)
55. ౯ ྯॠ ࣁᥜ槹 ݰ ෱汬̶ I EVERY DAY IN XIMEN EAT BREAKFAST. SUBJECT TIME LOCATION ACTION OBJECT BASED ON GRAMMAR POINT (#2)
56. ίϷφ ΅ ᷣΏ΀͡͹̶ JAPANESE EXAMPLE ALICE TOPIC PART. DID NOT EAT.
57. Я в Москве. RUSSIAN EXAMPLE из Москвы. Я I (AM) IN MOSCOW. I (AM) FROM MOSCOW.
58. THIS WON’T HELP ME. WHAT USERS SAY THEY WANT VERSUS WHAT THEY NEED
59. STRATEGIC SPACING DECISIONS = BETTER READING COMPREHENSION
60. UI
61. HELPFUL LINKS ▸ NSSCREENCAST ▸ http://nsscreencast.com/episodes/205-tableview- customization ▸ http://nsscreencast.com/episodes/206-more-tableview- customization
63. YOUR UI SHOULD REFLECT THE CULTURE OF THE LANGUAGE YOU’RE TEACHING.
64. BECAUSE STEREOTYPES.
66. JAPAN
68. The majority of testers weren’t interested in Japan or the Japanese language, until they saw the app.
70. RUSSIA
74. What if we treated everything the way we treat soccer and Tetris — as valuable and virtuous for being exactly what they are, rather than for what would be convenient, or for what we wish they were instead, or for what we fear that they are not? … Our lives would be better, bigger, more meaningful, and less selfish. Ian Bogost, Play Anything
75. SUMMARY ‣ TEXT ▸ Varied typography can speed up learning & aid memory ▸ Spacing can improve reading comprehension, teach sentence structure, and drive home grammar points. ‣ CUSTOM UI ▸ Simple tweaks to basic UI elements — Table Views, Collection Views, Page Views — can put users into a different cultural headspace, and even undermine subconscious stereotypes
76. THANK YOU! ¡MUCHAS GRACIAS! СПАСИБО! 拽拽 Ѻ ͘Π͢;͚ͪͬ͜Δͭ͵Ѻ
77. QUESTIONS? @NATASHA_NAZARI