SlideShare a Scribd company logo
1 of 32
UX Spb 16:00 – 16:45
Зачем проектировать доступный интерфейс. Взгляд из бизнеса.
Зачем проектировать
доступный интерфейс
Взгляд из бизнеса.
IT Global Meetup 28.11.2015
UX Spb
Виктор Ерофеев / cgvictor
О чем сегодня говорим:
Accessibility / доступность
Universal Design approach
Constraint based design
Как это реализо(вы)вать
и не тронуться умом
Disabilities
Special Needs
Специальные темы
“Who are you to f*ckin’ lecture me?”
Виктор Ерофеев / cgvictor
Техдир CG Projects Group
Разрабатываю, проектирую,
руковожу, пишу стратегии,
запускаю, учу, помогаю
езжу на мотоцикле, читаю лекции
#uxspb #microsoft #profsoux #idm #rsr #фрии ..
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
+ дополнительные кейсы и фичи
WHYY NO ACCESSIBILITY?
– Мы не умеем just google it
ATAG UAAGWCAG WAI-ARIA
– Нам вроде как не надо
– Нам некогда, нам нечем, нам дорого
←
THIS
Проблема по классике
N версий продукта/фичи – дорого ($)
N версий надо тестировать ($$)
N версий надо поддерживать ($$$)
.. и развивать ( $$$ x N iter )
Комфорт пользователя
= геморрой разработчика
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.
( ща будут ответы )
– Нам вроде как не надо
– Нам некогда, нам нечем, нам дорого
1. Зачем нам это?
- потому что мир во всем мире
- потому что обязаны
(ADA, DDA, UN CRPD (ст.9), ГОСТ 52872)
+ markets (другие пользователи)
+ users (больше старых пользователей)
+ marketing features (лучше продается)
Модель взаимодействия
Цит. по Inclusive DesignToolkit, Cambridge
Зрение vision
Слух hearing
Мышление thinking
Общение communication
Мобильность locomotion
Физ.возможности reach & stretch
Точность dexterity
InclusiveDesignToolkit.com
top slice
minimal product делался «по себе»
OK
not
OK
+ users + markets
расширили возможности – получили аудиторию
OK
not
OK
+ «organic segments»
- пожилые люди
- дети
- пользователи с языковым барьером
- «неблокирующие отклонения» (цвет, звук)
- требования когнитивной модели
- special devices users
- legacy users (vnext/xp)
Graph: 97 EU Disabilities follow-up survey
+ users + markets
снизили требования – получили аудиторию
OK
not
OK
+ «temporary segments»
Your app is not a world center
- пользователь не настолько умный
(вы себя с утра видели?)
- п. не настолько ловкий (перчатки)
- заняты руки
- devices (за рулем)
- надеты/сняты очки
- глухой, немой (в ушах, в метро)
- за рулем, в окопе, у миномета
- in a rush
«Мой модный UX»
вы здесь
platform environment
вы здесь
user environment
Where’s your UX now?
+ organic segments
+ temp segments
+ 50%...300%
Perfect user Casual user
OK
not
OK
Inc.Design Toolkit - Hosking/Clarkson/Coleman
2. А как?
«ОК, это понятно, делать-то чо?»
Constraint based design
– "Чем меньше от пользователя требуется - тем лучше"
– Не заставляйте меня.. думать, трогать, слушать,
понимать, снова думать и т.д.
Уменьшаем sensory footprint изначально
← баян!!
Sensory footprint
OK
not
OK
А как?
Более узкие кейсы
Более точное моделирование
Больше персонажей
= Меньше требований к пользователю
via Vladimir Tomberg / WUD 2015
Nest Thermostat V2
А что бизнес?
One size fits all все равно не работает
Возможность откусить себе +аудиторию
Возможность
упростить/удешевить разработку
Итог?
+ Inclusive user model
• проектируем для неидеального пользователя
• захватываем сегменты, какие можем
+ Constraint based design
• снижаем требования и sensory footprint
• берем более точные кейсы из реального мира
= PROFIT!
Спасибо!
Виктор Ерофеев / cgvictor
cg@cg.net.ru
UX Spb 2015

More Related Content

Similar to Зачем проектировать доступный интерфейс

Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
SPECIA
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
guvarov
 
Курс лекций для студентов СПбГУ. Занятие 1
Курс лекций для студентов СПбГУ. Занятие 1Курс лекций для студентов СПбГУ. Занятие 1
Курс лекций для студентов СПбГУ. Занятие 1
Nikita Efimov
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
Andrew Shapiro
 

Similar to Зачем проектировать доступный интерфейс (20)

UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UX
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
 
Пакет услуг "Стратег с UX-экспертизой"
Пакет услуг "Стратег с UX-экспертизой"Пакет услуг "Стратег с UX-экспертизой"
Пакет услуг "Стратег с UX-экспертизой"
 
Курсы по User Experience от ITMINE
Курсы по User Experience от ITMINEКурсы по User Experience от ITMINE
Курсы по User Experience от ITMINE
 
UX checklist в тестировании
UX checklist в тестированииUX checklist в тестировании
UX checklist в тестировании
 
Тех. Документация - UX beyond UI
Тех. Документация - UX beyond UI Тех. Документация - UX beyond UI
Тех. Документация - UX beyond UI
 
Проектирование интерфейсов
Проектирование интерфейсовПроектирование интерфейсов
Проектирование интерфейсов
 
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.
 
Как работает UX-студия
Как работает UX-студияКак работает UX-студия
Как работает UX-студия
 
ISDEF-2008
ISDEF-2008ISDEF-2008
ISDEF-2008
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
 
формирование доступной среды на основе принципов универсального дизайна
формирование доступной среды на основе принципов универсального дизайнаформирование доступной среды на основе принципов универсального дизайна
формирование доступной среды на основе принципов универсального дизайна
 
Как работает UХ студия
Как работает UХ студияКак работает UХ студия
Как работает UХ студия
 
«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко«Место юзабилити в процессе разработки» - Артем Костенко
«Место юзабилити в процессе разработки» - Артем Костенко
 
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
SQA Days 2009: Контроль качества интерфейсных решений на всех этапах процесса...
 
Курс лекций для студентов СПбГУ. Занятие 1
Курс лекций для студентов СПбГУ. Занятие 1Курс лекций для студентов СПбГУ. Занятие 1
Курс лекций для студентов СПбГУ. Занятие 1
 
А.Левенчук -- Будущее проектирования
А.Левенчук -- Будущее проектированияА.Левенчук -- Будущее проектирования
А.Левенчук -- Будущее проектирования
 
Отличия между массовыми и профессиональными интерфейсами
Отличия между массовыми и профессиональными интерфейсамиОтличия между массовыми и профессиональными интерфейсами
Отличия между массовыми и профессиональными интерфейсами
 
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
«Шустрый» дизайн: подходы к декомпозиции проектирования взаимодействия в Agil...
 

Зачем проектировать доступный интерфейс

  • 1. UX Spb 16:00 – 16:45 Зачем проектировать доступный интерфейс. Взгляд из бизнеса.
  • 2. Зачем проектировать доступный интерфейс Взгляд из бизнеса. IT Global Meetup 28.11.2015 UX Spb Виктор Ерофеев / cgvictor
  • 3. О чем сегодня говорим: Accessibility / доступность Universal Design approach Constraint based design Как это реализо(вы)вать и не тронуться умом Disabilities Special Needs Специальные темы
  • 4. “Who are you to f*ckin’ lecture me?” Виктор Ерофеев / cgvictor Техдир CG Projects Group Разрабатываю, проектирую, руковожу, пишу стратегии, запускаю, учу, помогаю езжу на мотоцикле, читаю лекции #uxspb #microsoft #profsoux #idm #rsr #фрии ..
  • 5. 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 + дополнительные кейсы и фичи
  • 6. WHYY NO ACCESSIBILITY? – Мы не умеем just google it ATAG UAAGWCAG WAI-ARIA – Нам вроде как не надо – Нам некогда, нам нечем, нам дорого ← THIS
  • 7. Проблема по классике N версий продукта/фичи – дорого ($) N версий надо тестировать ($$) N версий надо поддерживать ($$$) .. и развивать ( $$$ x N iter ) Комфорт пользователя = геморрой разработчика
  • 8. 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.
  • 9. ( ща будут ответы ) – Нам вроде как не надо – Нам некогда, нам нечем, нам дорого
  • 10. 1. Зачем нам это? - потому что мир во всем мире - потому что обязаны (ADA, DDA, UN CRPD (ст.9), ГОСТ 52872) + markets (другие пользователи) + users (больше старых пользователей) + marketing features (лучше продается)
  • 11. Модель взаимодействия Цит. по Inclusive DesignToolkit, Cambridge Зрение vision Слух hearing Мышление thinking Общение communication Мобильность locomotion Физ.возможности reach & stretch Точность dexterity InclusiveDesignToolkit.com
  • 12. top slice minimal product делался «по себе» OK not OK
  • 13. + users + markets расширили возможности – получили аудиторию OK not OK
  • 14. + «organic segments» - пожилые люди - дети - пользователи с языковым барьером - «неблокирующие отклонения» (цвет, звук) - требования когнитивной модели - special devices users - legacy users (vnext/xp) Graph: 97 EU Disabilities follow-up survey
  • 15. + users + markets снизили требования – получили аудиторию OK not OK
  • 16. + «temporary segments» Your app is not a world center - пользователь не настолько умный (вы себя с утра видели?) - п. не настолько ловкий (перчатки) - заняты руки - devices (за рулем) - надеты/сняты очки - глухой, немой (в ушах, в метро) - за рулем, в окопе, у миномета - in a rush
  • 21. + organic segments + temp segments + 50%...300%
  • 22. Perfect user Casual user OK not OK
  • 23. Inc.Design Toolkit - Hosking/Clarkson/Coleman
  • 24. 2. А как? «ОК, это понятно, делать-то чо?» Constraint based design – "Чем меньше от пользователя требуется - тем лучше" – Не заставляйте меня.. думать, трогать, слушать, понимать, снова думать и т.д. Уменьшаем sensory footprint изначально ← баян!!
  • 26. А как? Более узкие кейсы Более точное моделирование Больше персонажей = Меньше требований к пользователю
  • 27. via Vladimir Tomberg / WUD 2015
  • 29.
  • 30. А что бизнес? One size fits all все равно не работает Возможность откусить себе +аудиторию Возможность упростить/удешевить разработку
  • 31. Итог? + Inclusive user model • проектируем для неидеального пользователя • захватываем сегменты, какие можем + Constraint based design • снижаем требования и sensory footprint • берем более точные кейсы из реального мира = PROFIT!
  • 32. Спасибо! Виктор Ерофеев / cgvictor cg@cg.net.ru UX Spb 2015

Editor's Notes

  1. 45 минут, вы на Ux Spb, говорим о практике создания доступных интерфейсов – часть про постановку задач
  2. Без узкоспециальных тем, с бизнесом и целеполаганием
  3. Если вам кажется, что вы меня где-то видели – вам не кажется // чел из бизнеса
  4. Занимается этим всем все равно Uxер и дизайнер, особенно если продукт не специальный
  5. Вот эти два пункта – мой фокус на сегодня
  6. типа решение – на ёлку и зад
  7. ответы + «как это продать руководству»
  8. вторая чаша весов + из-под палки не работает
  9. первый читкод. Cambridge Inc Des Toolkit. Возможности – не бинарные
  10. изначально продукт делался на некий топовый срез
  11. За счет чего новые рынки. Расширяем продукт так, чтобы требования к отдельным возможностям снижались
  12. второй читкод / снижаем требования к уже существующим аудиториям
  13. пример?
  14. Самая частая грабля про temporary
  15. Perfect = MVP. дизайн для обычного человека, дизайн для персонажей семьи.
  16. еще раз цифры
  17. Минимальные требования по каждой физике.
  18. к примерам
  19. “Обрезаны задачи” (use case)
  20. Dodge Challenger SRT Hellcat, 720 HP, 500 HP (неопытный пользователь)