App builders 2020, UI Mode Pitch Black
•
0 likes•97 views
Learn how to experience an app when you can't see, and think about different ways to communicate visual information through audio.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to App builders 2020, UI Mode Pitch Black
Similar to App builders 2020, UI Mode Pitch Black (20)
Recently uploaded
Recently uploaded (20)
App builders 2020, UI Mode Pitch Black
- 2. @hellosunschein TURN ON/OFF: 3X press on Side Button or Home Button
- 3. UI MODE: Pitch Black Lea Marolt Sonnenschein; AppBuilders; May 12th 2020
- 4. 1. The World When You’re Blind @hellosunschein Agenda
- 5. 1. The World When You’re Blind 2. iPhone in VoiceOver Mode @hellosunschein Agenda
- 6. 1. The World When You’re Blind 2. iPhone in VoiceOver Mode 3. Two Easy to Solve Issues @hellosunschein Agenda
- 7. 1. The World When You’re Blind 2. iPhone in VoiceOver Mode 3. Two Easy to Solve Issues 4. Trickier Issues @hellosunschein Agenda
- 8. 1. The World When You’re Blind 2. iPhone in VoiceOver Mode 3. Two Easy to Solve Issues 4. Trickier Issues 5. Why Should I Care? @hellosunschein Agenda
- 10. 300 million visually impaired. Source: https://www.who.int/blindness/publications/globaldata/en/ When You’re Blind
- 11. 40 million legally blind. Source: https://www.who.int/blindness/publications/globaldata/en/ When You’re Blind
- 13. When you’re blind, you experience the world in a completely different way. Insight I
- 15. Source:‘Don’t follow them, look at me!’: Contemplating a haptic digital prototype to bridge the conductor and visually impaired performer; https://doi.org/10.1080/14613808.2019.1605344 When You’re Blind
- 16. Source:‘Don’t follow them, look at me!’: Contemplating a haptic digital prototype to bridge the conductor and visually impaired performer; https://doi.org/10.1080/14613808.2019.1605344 When You’re Blind
- 17. Translating what we see into another sense doesn’t work, because the mental model for that experience doesn’t exist. Insight II
- 21. @hellosunschein TURN ON/OFF: 3X press on Side Button or Home Button https://github.com/ leamars/PitchBlack VoiceOver
- 22. @hellosunschein TURN ON/OFF: 3X press on Side Button or Home Button https://github.com/ leamars/PitchBlack VoiceOver
- 24. @hellosunschein 3x 3-finger tap VoiceOver Screen Curtain
- 25. @hellosunschein 3x 3-finger tap VoiceOver Screen Curtain
- 26. Source: https://www.interactiveaccessibility.com/education/training/downloads/iOS-Cheatsheet.pdf, https://a11y-guidelines.orange.com/mobile_EN/voiceover.html Flick Navigate between accessible elements. Left to right, then up and down. Drag on the screen to find accessible elements. Drag Navigate between accessible elements. VoiceOver Gestures & Interactions
- 44. 1. Vibration 2. Earcon (ear + icon) @hellosunschein VoiceOver
- 45. 1. Vibration 2. Earcon (ear + icon) 3. Announcement @hellosunschein VoiceOver
- 52. 1. Vibration 2. Earcon (ear + icon) 3. Announcement @hellosunschein VoiceOver EarCons
- 53. Source: https://www.interactiveaccessibility.com/education/training/downloads/iOS-Cheatsheet.pdf, https://a11y-guidelines.orange.com/mobile_EN/voiceover.html Do it anywhere on the screen. Double Tap Open or activate the focused item. Flick Navigate between accessible elements. Left to right, then up and down. Drag on the screen to find accessible elements. Drag Navigate between accessible elements. VoiceOver Gestures & Interactions
- 54. @hellosunschein Making a selection. VoiceOver Gestures & Interactions
- 56. Source:‘Don’t follow them, look at me!’: Contemplating a haptic digital prototype to bridge the conductor and visually impaired performer; https://doi.org/10.1080/14613808.2019.1605344 VoiceOver
- 57. Translating what we see into another sense doesn’t work, because the mental model for that experience doesn’t exist. Insight II
- 60. @hellosunschein UIButton isAccessibilityElement = true accessibilityLabel = ?? VoiceOver
- 64. Label and describe your UI and interactions in nonvisual ways. @hellosunschein Takeaway I
- 67. BlindSighted
- 68. You have to memorize everything. @hellosunschein Insight III
- 71. Be precise and transparent with your app updates. @hellosunschein Takeaway II
- 73. Past
- 74. PresentPast
- 77. You don’t understand what even is possible to do with an app before you start using it. Insight IV
- 79. Demo
- 80. 1. Main point of the screen
- 81. 1. Main point of the screen? 2. What actions to take?
- 82. 1. Main point of the screen? 2. What actions to take? Auditory Overview 1. Main point of the screen? 2. What actions to take?
- 83. UIAccessibility.post(notification: .announcement, argument: "Pitch Black finds you your perfect cheese. Answer 3 questions to find your match.")
- 84. How to strike the right balance between so that we give enough information, but we’re not overwhelming. Question I
- 85. Form Button 1. Switch 2. Slide 3. Picker Tricky Issues Forms
- 86. Form Button 1. Switch 2. Slide 3. Picker Tricky Issues Forms
- 87. Form Button 1. Switch 2. Slide 3. Picker Tricky Issues Forms
- 88. Tricky Issues Forms 1. How many things are wrong?
- 89. Tricky Issues Forms 1. How many things are wrong? 2. Which ones are wrong?
- 90. Tricky Issues Forms 1. How many things are wrong? 2. Which ones are wrong? 3. How do I fix them?
- 91. Form Button 1. Switch 2. Slide 3. Picker Tricky Issues Forms
- 92. Form Button 1. Switch 2. Slide 3. Picker Tricky Issues Forms
- 93. Form Button 1. Switch 2. Slide 3. Picker Tricky Issues Forms
- 94. 😖 Question II
- 100. 1. Use VoiceOver + Screen Curtain to evaluate your accessibility @hellosunschein Recap
- 101. 1. Use VoiceOver + Screen Curtain to evaluate your accessibility 2. Describe elements using a nonvisual, action- based, language @hellosunschein Recap
- 102. 1. Use VoiceOver + Screen Curtain to evaluate your accessibility 2. Describe elements using a nonvisual, action- based, language 3. Write precise AppStore descriptions for every update to reassure your users @hellosunschein Recap
- 103. 1. Use VoiceOver + Screen Curtain to evaluate your accessibility 2. Describe elements using a nonvisual, action- based, language 3. Write precise AppStore descriptions for every update to reassure your users 4. Communicate system status changes through VoiceOver instead of just visuals @hellosunschein Recap
- 104. Why Should I Care? @hellosunschein
- 105. The good feels. @hellosunschein Why Should I Care?
- 106. 40 million life time users. Source: https://www.who.int/blindness/publications/globaldata/en/ Why Should I Care?
- 107. Inclusive design benefits everyone. @hellosunschein Why Should I Care?
- 109. Source: https://www.philips.co.uk/c-p/HX3214_01/sonicare-cleancare-plus-sonic-electric-toothbrush
- 110. Source: https://masscommons.wordpress.com/2012/08/01/dethroning-the-automobile-putting-walkers-first/
- 111. The future is screenless. @hellosunschein Why Should I Care?
- 112. @hellosunschein We’re actively trying to limit screen usage. Why Should I Care? Screenless Future
- 113. @hellosunschein Screen Time Google Experiments Why Should I Care? Screenless Future
- 114. Audio for Interaction is gaining mainstream momentum. @hellosunschein Why Should I Care?
- 115. Smart Speaker sales went up by 70% from last year. Source: Strategy Analytics Report Why Should I Care? Audio for Interaction
- 116. 700k free podcasts in 2019. 144 million US listeners. Source: Edison Research, Triton Digital Why Should I Care? Audio for Interaction
- 117. A shift towards hearable wearables for AR and beyond. Source: IDC Why Should I Care? Audio for Interaction
- 118. An investment in your future. @hellosunschein Why Should I Care?
- 119. 1. AppleVis general purpose site that posts app reviews, teaches blind users how to use Apple software where you can talk to real users 2. Laura Savino’s Interactive Accessibility Talk at Layers 2015 3. John Fox, Doing Well by Doing Good Mobius 2019 4. Build Accessible iOS Apps; Podfeet Podcast hosting Donald Burr 2017 5. Paul Hudson’s Checklist on making apps more accessible 2018 6. Mobile Accessibility Talk by Chris McMeeking 7. Stanford Lecture on Accessibility by Skylar Peterson 8. Apple's UI Accessiblity Documentation @hellosunschein Resources: