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

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

  • 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 youto f*ckin’ lecture me?” Виктор Ерофеев / cgvictor Техдир CG Projects Group Разрабатываю, проектирую, руковожу, пишу стратегии, запускаю, учу, помогаю езжу на мотоцикле, читаю лекции #uxspb #microsoft #profsoux #idm #rsr #фрии ..
  • 5.
    Accessibility / Доступность Accessibilityrefers 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 refersto 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» Yourapp is not a world center - пользователь не настолько умный (вы себя с утра видели?) - п. не настолько ловкий (перчатки) - заняты руки - devices (за рулем) - надеты/сняты очки - глухой, немой (в ушах, в метро) - за рулем, в окопе, у миномета - in a rush
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
    + organic segments +temp segments + 50%...300%
  • 22.
    Perfect user Casualuser OK not OK
  • 23.
    Inc.Design Toolkit -Hosking/Clarkson/Coleman
  • 24.
    2. А как? «ОК,это понятно, делать-то чо?» Constraint based design – "Чем меньше от пользователя требуется - тем лучше" – Не заставляйте меня.. думать, трогать, слушать, понимать, снова думать и т.д. Уменьшаем sensory footprint изначально ← баян!!
  • 25.
  • 26.
    А как? Более узкиекейсы Более точное моделирование Больше персонажей = Меньше требований к пользователю
  • 27.
  • 28.
  • 30.
    А что бизнес? Onesize fits all все равно не работает Возможность откусить себе +аудиторию Возможность упростить/удешевить разработку
  • 31.
    Итог? + Inclusive usermodel • проектируем для неидеального пользователя • захватываем сегменты, какие можем + Constraint based design • снижаем требования и sensory footprint • берем более точные кейсы из реального мира = PROFIT!
  • 32.
    Спасибо! Виктор Ерофеев /cgvictor cg@cg.net.ru UX Spb 2015

Editor's Notes

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