Зачем проектировать доступный интерфейс
TRANSCRIPT
![Page 1: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/1.jpg)
UX Spb 16:00 – 16:45Зачем проектировать доступный интерфейс. Взгляд из бизнеса.
![Page 2: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/2.jpg)
Зачем проектировать доступный интерфейс
Взгляд из бизнеса. IT Global Meetup 28.11.2015
UX SpbВиктор Ерофеев / cgvictor
![Page 3: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/3.jpg)
О чем сегодня говорим:Accessibility / доступностьUniversal Design approachConstraint based designКак это реализо(вы)вать и не тронуться умом
DisabilitiesSpecial NeedsСпециальные темы
![Page 4: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/4.jpg)
“Who are you to f*ckin’ lecture me?”Виктор Ерофеев / cgvictorТехдир CG Projects Group
Разрабатываю, проектирую,руковожу, пишу стратегии,запускаю, учу, помогаюезжу на мотоцикле, читаю лекции
#uxspb #microsoft #profsoux #idm #rsr #фрии ..
![Page 5: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/5.jpg)
Accessibility / ДоступностьAccessibility refers to the design of products, devices, services, or environments for people with disabilities
Accessibility is not to be confused with usability, which is the extent to which a product (such as a device, service, or environment) can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.
…а головняк все равно = UX + Dev+ дополнительные кейсы и фичи
![Page 6: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/6.jpg)
WHY Y NO ACCESSIBILITY?– Мы не умеем just google it ATAG UAAG WCAG WAI-ARIA
– Нам вроде как не надо– Нам некогда, нам нечем, нам дорого←
THIS
![Page 7: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/7.jpg)
Проблема по классикеN версий продукта/фичи – дорого ($)N версий надо тестировать ($$)N версий надо поддерживать ($$$).. и развивать ( $$$ x N iter )
Комфорт пользователя = геморрой разработчика
![Page 8: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/8.jpg)
Universal design refers to broad-spectrum ideas meant to produce buildings, products and environments that are inherently accessible to older people, people without disabilities, and people with disabilities.
![Page 9: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/9.jpg)
( ща будут ответы )
– Нам вроде как не надо– Нам некогда, нам нечем, нам дорого
![Page 10: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/10.jpg)
1. Зачем нам это?- потому что мир во всем мире- потому что обязаны (ADA, DDA, UN CRPD (ст.9), ГОСТ 52872)
+ markets (другие пользователи)+ users (больше старых пользователей)+ marketing features (лучше продается)
![Page 11: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/11.jpg)
Модель взаимодействияЦит. по Inclusive Design Toolkit, Cambridge
Зрение visionСлух hearingМышление thinkingОбщение communicationМобильность locomotionФиз.возможности reach & stretchТочность dexterity
InclusiveDesignToolkit.com
![Page 12: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/12.jpg)
top sliceminimal product делался «по себе»
OKnotOK
![Page 13: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/13.jpg)
+ users + marketsрасширили возможности – получили аудиторию
OKnotOK
![Page 14: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/14.jpg)
+ «organic segments»- пожилые люди
- дети
- пользователи с языковым барьером- «неблокирующие отклонения» (цвет, звук)- требования когнитивной модели- special devices users- legacy users (vnext/xp)
Graph: 97 EU Disabilities follow-up survey
![Page 15: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/15.jpg)
+ users + marketsснизили требования – получили аудиторию
OKnotOK
![Page 16: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/16.jpg)
+ «temporary segments»Your app is not a world center
- пользователь не настолько умный (вы себя с утра видели?)- п. не настолько ловкий (перчатки)- заняты руки- devices (за рулем)- надеты/сняты очки- глухой, немой (в ушах, в метро)- за рулем, в окопе, у миномета- in a rush
![Page 17: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/17.jpg)
«Мой модный UX»
![Page 18: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/18.jpg)
вы здесь
platform environment
![Page 19: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/19.jpg)
вы здесь
user environment
![Page 20: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/20.jpg)
Where’s your UX now?
![Page 21: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/21.jpg)
+ organic segments+ temp segments
+ 50%...300%
![Page 22: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/22.jpg)
Perfect user Casual user
OKnotOK
![Page 23: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/23.jpg)
Inc.Design Toolkit - Hosking/Clarkson/Coleman
![Page 24: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/24.jpg)
2. А как?«ОК, это понятно, делать-то чо?»
Constraint based design– "Чем меньше от пользователя требуется - тем лучше"– Не заставляйте меня.. думать, трогать, слушать, понимать, снова думать и т.д.
Уменьшаем sensory footprint изначально
← баян!!
![Page 25: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/25.jpg)
Sensory footprint
OKnotOK
![Page 26: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/26.jpg)
А как?Более узкие кейсыБолее точное моделированиеБольше персонажей
= Меньше требований к пользователю
![Page 27: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/27.jpg)
via Vladimir Tomberg / WUD 2015
![Page 28: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/28.jpg)
Nest Thermostat V2
![Page 29: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/29.jpg)
![Page 30: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/30.jpg)
А что бизнес?One size fits all все равно не работает
Возможность откусить себе +аудиторию
Возможность упростить/удешевить разработку
![Page 31: Зачем проектировать доступный интерфейс](https://reader036.vdocuments.us/reader036/viewer/2022062412/587b4e741a28abff1a8b5559/html5/thumbnails/31.jpg)
Итог?+ Inclusive user model• проектируем для неидеального
пользователя• захватываем сегменты, какие можем
+ Constraint based design• снижаем требования и sensory footprint• берем более точные кейсы из реального
мира
= PROFIT!