Доступный интерфейс — это какой? Выпуск про Accessibility

Два - это отдельная версия сайта для слабовидящих, когда версия для слабовидящих находится на отдельном урле, также на ней может отсутствовать часть контента по сравнению с обычной версией.

Это неудачное решение, поскольку нужно поддерживать две отдельных версии сайта.

И сейчас будет невероятнейший пример.

Такой вариант используется, например, на сайте президента России.

Любимого наша тут

специальный идет специальная ссылка с спешалкремлин.рухты не отказана в доступе.

Всем привет, это восьмой выпуск подкаста Дизайн Такой.

С вами постоянный ведущий Роман Ургалиев и Никит Лакеев.

Мы работаем дизайнерами и раз в неделю обсуждаем темы из мира продуктового и не только дизайна.

Интересны нам наши,м подписчикам, нашим слушателям.

И стараемся делать это более-менее интересно и качественно.

Да, еще мы постоянно клянчим оценки и комментарии в Апл Гугл, кастбоксе, ВК и на почте.

Ну, это дает свои результаты.

Кстати, они начали появляться.

У нас три новых отзыва в марте.

И они такие большие, объемные.

Мне очень понравилось.

Спасибо вам, что оставляете отзывы.

Это нам помогает не оставлять этот проект и делать новые выпуски.

Кстати, о нашем проекте.

Вот предыдущий выпуск, как-то у нас не очень получилось записать, да?

Поэтому.

Да,

я взял на себя такую ответственность и принял решение написать сообщение о том, что мы переносим выпуск, так как звук был действительно плох, писаться на удаленке у нас с тобой не получилось.

Да, писаться на удаленке - тем более, когда

это очень большая разница во времени.

И я сижу в 7 утра в хостеле, где куча школьников, которые шумят тарелками и постоянно что-то разбиваются.

Положки, полицаи.

Да, за окном полицейские проезжают, там или скорость.

То есть, это вот просто слушать это невозможно.

Поэтому да, сегодня мы

записываем эту тему заново, но зато будет намного интереснее, намного чище звук, и мы за качество, в общем, хотим делать выпуски такими, чтобы качество было хорошее.

Так выпьем же за качество.

Так выпьем же за то, чтобы качество выпусков, да.

Как дела, расскажем?

Дела хорошо.

Хорошо?

Да, все?

Это все?

Это все, что ты хочешь сказать за 2 недели?

В смысле, прошло 2 недели, выпуска не было.

Что, давай расскажи по подробнее.

Так слушай, ну, не знаю, вот опять сказать что-то про скетч и фигму.

Это уже не могу.

Уже весна пришла, а тема фигма Скетч - она не уходит.

Ребята там привлекли 40 миллионов долларов.

Вот я надеюсь, что до конца года, если мы вытерпим, то мы увидим такие облачные решения: браузерности,

браузер, совместную разработку, передачу макета прямо в скиче и так далее и тому подобное.

Это все хорошо

что еще что еще

не знаю наверное нет ничего важнее чем таблицы в интерфейсах

вот реально вот таблицы и все кнопки круглые, блин, квадратные, тенью, без таблицы, таблицы.

Ну так нормальную таблицу еще уметь надо сделать.

По сути, это такая очень работа над информационной архитектурой.

Ты думаешь, над тем, как на этой таблице все нормально расположить?

Мать интерфейсов, матрица.

Или как говорил маленький мальчик в Вадик у нас в ударе матриница.

Твои.

Я вернулся домой с отпуска.

Очень рад этому.

Хочу уже ворваться в работу.

Хочу начать что-то делать, потому что после отпуска такой прям заряд получаешь энергии и сообщения, слэйке

куча сообщений в слэйке в мэттермосте вот и сегодня буду разбирать уже почту и готовиться к завтрашнему первому рабочему дню после отпуска что мы сегодня какую тему мы будем обсуждать второй раз.

Тема 8-го выпуска акцесибилити.

Акцесибилити.

Что такое акцесабилити?

Это универсальный доступ, если верить в переводу Апл.

Да и в принципе, мне кажется, универсальный доступ - нормальный перевод.

Да, Алпа называет это универсальный доступ, другие ресурсы называют это просто доступностью.

И

хотелось бы просто обсудить: эта тема интересная, но слуху.

И мне кажется, почему мы эту тему выбрали?

Потому что больше хочется на это обратить внимание, нежели как-то рассказать всем, как это делать.

Хочется, чтобы все об этом задумались и начали как-то немножко в сторону универсального доступа и доступности интерфейсов сделать.

Да, хочется на это в первую очередь обратить внимание, потому что я сам сталкивался с тем, что о каких-то тривиальных и простых вещах я не задумывался.

Был у меня такой случай, когда

занимались мы продажей онлайн-курсов обучающих, и они состояли из теоретической части в тексте и видео с практической частью.

И мне пишут на почту курсов: Здравствуйте.

А есть субтитры?

Я думаю, в чем дело?

Неужели там что-то непонятно или звук плохо записан.

Я говорю: ну, там есть текстовая часть, есть практическая часть, она в видео.

Почему?

Ну, чем она вас не устраивает?

Он говорит, ну мне нужны субтитры.

А зачем?

Ну, я не слышу.

И я понял, что ну, вообще-то, да, это могло с легкостью произойти.

То есть, человек может читать, смотреть, а вот слышать текст ведущего он не может.

Потому

я написал субтитры первые в своей жизни для Ютуба субтитры написал.

Не поверил я в то, что они вручную автоматически все это обработают на русском языке.

И в тему аксесабилити как раз-таки субтитров на Ютубе плюс и минус увеличивают и уменьшают масштаб в полноэкранном режиме.

Если смотришь с субтитрами, плюс-минус в полноэкранном режиме, САБ становятся больше и меньше.

Круто.

Круто.

Полезная штука, на самом деле, потому что очень много людей.

Вообще зачем нужна

нужна доступность интерфейса?

Почему он должен быть доступным?

Да, потому что тупо мы расширяем аудиторию, расширяем тот спектр людей, которые может пользоваться нашим приложением.

Это и люди, которые плохо слышат, и люди, которые плохо видят или совсем не слышит, не видят, и люди с каки-мито нарушениями когнитивными, и в моторике.

То есть мы даем всем людям возможность воспользоваться нашим продуктом, будь то приложение, не знаю, автомат для покупки билетиков в метро или что угодно, вот.

И вот это важно.

Я вот понял: что если выделить какой-то из сервисов, например,

Яндекс разделится на Яндекс для пользователей и Яндекс для тех, кто слабо видит, плохо слышит.

Это будет выглядеть примерно так же, как в городе появится район для инвалидов.

Мысль ужасная.

да.

Это должен быть один сервис, один продукт,

который доступен для всех.

Ну да, это немножко такая, какая-то

неуважение получается, когда мы отдельный продукт делаем для людей с каким-то для слабовидящих, и так далее.

Просто должен быть один продукт.

Я думаю, если мы начнем обсуждать какие-то кейсы, да, вот конкретные случаи, когда используется универсальный доступ, и как он себя проявляет, то мы сможем лучше понять, что он из себя представляет.

Да, начнем с просто с разных кейсов.

Самый распространенный кейс, мне кажется, - вот то, что все делают, многие, но не все понимают, как это правильно делается - это версия для слабовидящих.

То есть, это чаще всего я на сайтах университетов, школ, каких-то государственных учреждений я встречаю кнопку версии для слабовидящих.

И ну, это самый распространенный кейс, мне кажется, к доступности.

Как ты считаешь, вообще версия для слабовидящих это ОК?

Она присутствует довольно часто.

На сайте нашей с тобой школы, в которой мы с тобой вместе учились, она тоже есть

по требованиям, видимо, образовательных ресурсов.

Когда я захожу на сайт РЖД версия для слабовидящих это единственная нет, не единственная, это

одна кнопка, у которой не было подчеркивания, то есть она не выглядит как ссылка.

Все остальные кнопки обведены.

Вот кнопка пассажира больше, чем кнопка версии для слабовидящих.

И есть, например, баннер: сейчас он сменится, услуги для пассажиров с ограниченными возможностями.

Хотя на сайте мне интересует вообще вид

для пользователя с ограниченными возможностями.

Если бы они заменили одно другим, было бы куда удобней, на мой взгляд.

да.

Ну, я не думаю, что там много тестов каких-то проходило на эту тему.

Просто от одной стороны.

Вот сайт нашей с тобой школы и

РЖД выглядит примерно одинаково.

Насколько я понимаю, используется для этого один и тот же плагин.

Или пока по одному, тому же ГОСТу делается все это.

Ну, в футере написано сайт создан на портале

сайты образования.р.

Ну, видимо, да, какой-то портал там специальный какой-то, есть плагин для этого.

Ну, да, вот версия для слабовидящих.

Я альтернативное мнение слышал о версии для слабовидящих от Ивана Бакаидова.

Ивана Бакаидов - эксперт Сбербанка по адаптации интерфейсов и по доступности их.

У него был доклад на проф.

Он рассказывал про доступность интерфейсов.

Ему задали вопрос про версию для слабовидящих, на что он сказал: если интерфейс нормально масштабируется, то есть браузер вот этот плюс-минус масштаб, то нафиг не нужна никакая версия для слабовидящих.

Что в принципе логично.

Человек в браузере выстроил, что у него все страницы в веб открываются с масштабом 150%, и все, и все должны открываться.

То есть, не нужно делать версию для слабовидящих, нужно просто нормально настроить на вашем сайте масштабирование, что не на каждом сайте есть.

Могу дополнить твою такую вольную цитату.

ГОСТом для пользователей с различными ограничениями здоровья, зрения, слух, моторика и т.д.

и российский национальный стандарт доступности веб-ресурсов для инвалидов по зрению.

ГОСТ Р52 872 2021.

Корректная работа верстки при масштабировании.

Размер шифта текста может быть изменен в пределах 200% без применения вспомогательных технологий таким образом, что пользователю не нужно прибегать к горизонтальной прокрутке для прочтения строки при режиме отображения страницы во весь экран.

Кажется, понятно.

Понятно.

Да, хоть в чем-то ГОСТ понятно и полезно.

Вот.

Что еще про слабовидящих можно выделить: это цветовая слепота.

Это не полная слепота, а цветовая.

Это нарушение, восприятие, определенное.

Да, когда человек видит только синий и желтый или только и вообще черно-белое что-то.

То есть, но это когда человек не так воспринимает цвета.

И к этому тоже нужно быть готовым, потому что люди могут не видеть оттенков.

Как, например, многие проходили тест на цветовую слепоту, да, когда там такие точечки, кругляшки, в них цветов.

Да, обычно у окулисты и офтальмов.

Да, цифры.

И иногда люди с нарушениями восприятия цвета они не видят эти цифры.

Точно так же люди могут не видеть кнопки в интерфейсе, надписи какие-то.

То есть, если у вас там очень тускло написано одним цветом по-другому, то могут люди с нарушениями цветового восприятия не увидеть это.

И нужно проверять.

С точки зрения создания интерфейса, я думаю, здесь нужно такой маленький промежуточный вывод сделать о том, что не стоит

полагаться полностью на цветовой контраст.

Если посмотреть в оттенках серого на макет и он неконтрастный, то есть нельзя сравнить, например, при диаграмме или в пайчарте 2 блока они сливаются в один.

Стало быть, все плохо.

Ну, надо делать контраст сильнее.

Здесь опять есть ГОСТ

52872-212.

Там есть пункт 5173.

Визуальное отображение текста и изображение текста имеет коэффициент контрасти не менее 4,5 к 1.

Область применения основная, которая точно должна быть.

в которой точно это все соблюдается, это госсектор, банки и развлекательные сайты.

И в пример приводится Центральный банк Российской Федерации и Пенсионный фонд Российской Федерации вообще, для оценки того контраста, в статье разработка удобного интерфейса для пользователей с ограниченными возможностями, советы от дизайнера компании Оп ДНС, тут есть советы, какой софт можно использовать для оценки цветового контраста.

Софт называется Корса и ВебАйм.

Мы ссылки приложим

к этому всему, и можно будет оценивать.

Также есть в хроме удобный инструмент в браузере хром, который называется колор контраст Анализа.

Разработан специально специалистами из университета Северной Каролины.

То есть есть специальные программы, которые.

Поможет вам оценить ваш интерфейс на цветовой контраст.

Помню, я оценивал макет, но это был

это был растеровый какой-то документ через топтал закидываешь и моделируешь в на странице топтала

возможные варианты того, как воспринимают люди с цветорой слепотой твой макет.

Очень полезно.

Ну да, это очень полезно, это стоит оценивать, потому что, ну, действительно, многие люди могут не увидеть то, что должны, и не парельно пользоваться.

Из упражнений, например, можно в качестве

самообразования включить оттенки серва на телефоне.

да, очень интересный интересный опыт.

Я так делал, и

несколько дней так поработал с телефоном, тоже меняет абсолютно отношение к тому, как ты воспринимаешь интерфейс.

Дальше, вообще, вот мы там поговорили: есть люди, которые плохо видят, есть люди, которые цвета не воспринимают, а есть люди, которые не видят вообще.

Это вот абсолютно другое для них интерфейс - это абсолютно другое, потому что они не могут увидеть его, они его могут только услышать.

И здесь раскрывается очень важная часть адаптации интерфейсов - это озвучивание.

Интерфейс должен правильно озвучиваться, и это не всегда соблюдается разработчиками, не всегда правильно работает в каких-то программах и на сайтах.

Я могу тебе сказать, что дизайнер может вообще об этом не думать.

Да, конечно.

В России дизайнер очень мало связан с версткой и тегами.

Да, но в веб просто в веби это очень сильно зависит от тегирования в 18-й, если у вас тег батт, а не див, то объект при озвучивании будет называться кнопка.

Если у вас тег диф, то он будет называться объект, да, как-то так, насколько я помню.

Да, и область навигации должна выделяться у тебя тегом наф.

Да.

То есть, чтобы его было слышно.

Мы в подкасте сейчас приведем пример хорошо размеченного интерфейса, который хорошо озвучивается, и пример плохого.

Вот.

Хороший.

Найти кнопка Новосибирск.

Просмотрена ссылка.

Отложенные.

Просмотрена ссылка.

В сравнении.

Войти кнопка.

Ваша текущая позиция на экране, кнопка внутри веб-содержимого.

Чтобы нажать эту кнопку, нажмите Кнтрол, Опшен, пробел.

Чтобы выйти из этой веб-области, нажмите Кент-Л.

Вот, плохой.

Вакансии.

Войти.

Ваша текущая позиция на экране - текстовый элемент.

Новости.

Ваша текущая позиция на экране - текстовый элемент.

И.

Ну, здесь понятно, да, что в хорошем вы понимаете, где что, куда вы перемещаетесь, в плохом - не совсем понятно, что происходит в интерфейсе и очень сложно в нем ориентироваться.

Как это происходит вообще?

На компьютере выводите мышкой по экрану и вам озвучивается тот элемент, на который наведен курсор в телефоне.

Если вы ведете пальцем по интерфейсу, вам озвучивается тот элемент, на котором у вас находится палец.

Если вы на правильном элементе, вы два раза по нему пальцем кликаете, он открывается.

Советую попробовать войс-овер на айфоне включить и попользоваться.

Пробовал пользоваться войсовером на айфоне.

Я пробовал пользоваться войсовером на компьютере.

Ага, и как тебе?

Знаешь, все стало в несколько раз медленнее.

Ну, то есть, сама работа с интерфейсом стала медленнее, потому что ты ходишь последовательно туда-сюда, через тап.

Ну да, и здесь, мне кажется, когда ты вот именно так воспринимаешь интерфейс не глазами, а слухом.

Да, ты постепенно у себя в голове строишь структуру, как там все выглядит.

То есть, ты слушаешь один пункт, меню, второй, третий, там послушал, все понял, там есть такая структура.

Здесь еще очень важно не только озвучить правильно, а еще очень

понятно хорошо организовать именно информационную структуру сайта или приложения, чтобы она была понятна, чтобы она была логичной.

Возвращаясь к тому, не возвращаясь даже, а отойдем немного в сторону от навигации, что делается с изображением.

Для изображения есть альт-текст.

да, для для изображения изображения есть альт-текст, правильно.

Вот, например, Инстаграм сейчас стал альт-текст писать.

Инстаграм пишет альт-текст, и есть.

Вот тот же Иван Бакаидов рассказывал про альт-текст, да, вот про то, кто как озвучивается картинка.

И он сказал, что не обязательно озвучивать там девушка в красной футболке и так далее, она там улыбается.

Для человека, который не видит, важно, просто понять это изображение.

У Фейсбука, по-моему, есть уже нейросеть, которая примерно считывает, что на изображении и говорит тебе: на изображении человек женского пола улыбается.

Все.

Этого достаточно.

Не нужно слишком подробно описывать, что на этой картинке.

Важно просто понимание того, это картинка.

Возможно, стоит там как-то сделать выбор, рассказать, что на картинке не рассказывать, да, но

это не всегда важно, что там картинка и что там на ней расположено.

В целом я согласен.

Представь получить большое количество информации об одной картинке, а потом вспоминать еще об архитектуре того, где ты находишься уровня.

Мне скорее,

девочка с воздушным шариком на картинке все хватит.

да.

Я понимаю, что это связано, напрямую с тем, что есть изображение.

Было бы интересно про Брайля?

Брайль, да, но Брайль - это уже к интерфейсам, которые там на банкоматах, на автоматах для покупки билетов, жетончиков и так далее.

То есть, это уже там очень важно, когда есть кнопки в интерфейсе.

Брайль очень полезен.

Ну и конечно, там это уже не интерфейс, но все-таки там в музеях экспонаты тоже.

Вот я много в музеях видел за последние две недели.

Я много музеев посетил, много Брайли, да.

Людям рассказывают о каких-то экспонатах языком Брайли.

Кстати, я помню, что мы с тобой подключали 3,5-миллиметровым джеком наушники к банкомату Сбера.

И все работает.

Да, кстати, интересная тема.

По крайней мере, в тот раз работало.

Было громко, но зато все было слышно.

Ну да, это кстати для людей, которых нарушение слуха, им возможно, это тоже будет удобно.

Они кто-то может быть этим пользуется, чтобы громче было.

Давай перейдем к когнитивным нарушениям.

Да, это вот вещь, которая не.

для меня даже была не всегда понятная.

Я понимаю, интуитивно даже можно понять, как адаптировать для слепых людей,

для тех, у кого нарушения с цветом, сприятием цвета для глухих.

А как с когнитивным нарушениями работать?

Вот это интересно, расскажи.

Смотри, под когнитивными нарушениями подразумеваются проблемы с запоминанием, изучением новых вещей, концентраций

и принятием решений, и в гайдах материала, например, по эксасибилити, вот если ты просто через поиск слова когнитиво пробьешь, оно упомянуто тут только один раз.

И стоит догадаться самому, что это напрямую имеет отношение к композиции и к тому, как расставляются приоритеты в макете.

То есть обратить внимание, на

то, что первым получает фокус, то есть внимание группировку, ну, то есть элементов интерфейса,

пунктов в списке или типов изображений.

По-моему, в статье про

Гестальт.

Проектирование или прототипирование Гештальт интерфейсов.

Что-то так называется, я уже тоже не вспомню.

Да, вот у меня нет в общем ни одного подтвержденного диагноза, что у меня есть какое-то когнитивное расстройство или нарушение, но я на сайте Хабра спутал кнопку читать дальше с кнопкой Следующая страница.

Там получается блок, кнопка читать дальше, потом кнопка Шер, потом

список страниц и стрелки.

Я посчитал количество стрелок, их 7 было.

Ну, где-то на области 200 на 100 пикселей, их реально было 7.

И в принятии решения о том, куда идти, 7 стрелок мне очень сильно мешают, они не помогают.

Да, я тоже часто встречаю такой в интерфейсах, когда

нет четкого обозначения в интерфейсе, куда мне дальше нажимать.

У меня тоже нет каких-нибудь нарушений, насколько я знаю, но меня даже меня бесит, когда я в интерфейсе не понимаю, куда дальше жать.

Потому что у любого интерфейса, у любого человека, есть какая-то цель в этом вот конкретном накрытом сайте, что-то нужно достигнуть.

Когда он не понимает, что нужно делать, чтобы эта цель достигнуть.

Я понимаю,

насколько раздраженным может быть человек, будь у него какое-то расстройство, которое мешает ему еще больше к этой цели прийти и сконцентрироваться.

Да, это.

Ну, или, например, если вернуться к проблемам запоминания и усвоения новых вещей.

Есть у нас многоуровневый интерфейс - какой-то, мы по нему идем туда-сюда, или по этапам, или углубляемся мы, вот если кнопку одну для действия гонять по экрану туда-сюда

вот если она у тебя из правого верхнего угла взяла и ушла в левый нижний, потому что ты считаешь, что в этот раз надо в этом месте ее нажать, вот не стоит так делать.

Твой пользователь, человек, который пользуется, он привык, что кнопка для действия справа сверху.

Да.

Он ощущает ее.

Ну, не то, что ощущает, он помнит и тянется за ней туда.

Ну, да, это.

Ломаешь собственный привычный уставившийся патом.

Да, нужно понимать правила, мне кажется, просто психологии, да, как человеческое восприятие работает, и стараться эти правила не нарушать и не.

как это сказать, не противодействовать им, что ли.

То есть, ну, делать интерфейсы такими, чтобы они были интуитивно понятными, и не сопротивляться обычным там

Постулатом ходит.

Психология восприятия человека.

Вот что касается тренда на очень выразительную контрастную типографику, вот он в целом хороший - вид.

Вообще да.

Мне он нравится, когда типографика крупная, понятная.

Но никогда это, знаешь, гиперболизированно и сделано в угоду просто каком-то.

Ну, я вот, например, сейчас зашел на сайт йоты, на главной написано смартфон, планшет, компьютер для бизнеса.

Ну это.

4 здоровые плашки.

Вот, по-моему, хорошо.

Ну, это хорошо.

Да.

Ты сразу понимаешь, куда тебе переходить.

Мне нравятся такие сайты, когда я просто могу быстро достигнуть своей цели.

Да, и в принципе, мне кажется, любым людям, когда у них есть цель, что-то купить, сравнить, неважно сделать.

Когда они быстро цели достигают, всегда хорошо, приятно.

Интерфейс кажется хорошим, да и лояльность повышается.

Кстати, при сравнении, вот ты сейчас вспомнил, а я вспомнил то, что я сказал в начале выпуска про таблицы: на сайте Апл можно сравнить только два продукта между собой.

Третий просто нельзя добавить в сравнение.

О том же, ну нет, не именно об этом же, но Нильсон Норман Груп довольно часто рассказывает про то, как проектировать таблицы сложные таблицы и сравнительные таблицы какие из них являются наглядными и показательными а какие скорее сбивают толку

и при проблемах с концентрацией принятии решений надо это учитывать.

И скорее всего сравнение только двух объектов, только двух продуктов связано с тем, чтобы пользователь с когнитивными нарушениями мог принять решение.

Да, правильно.

Дальше идет: вот есть когнитивные нарушения - там слепота глухота, и есть моторика - когда человеку сложно взаимодействовать с интерфейсом, чисто физически, нажимать кнопки и так далее.

Это там и

поралитики, да, и когда у тебя парализованы какие-то части конечности и ты не можешь взаимодействовать.

Это вот примеры тех вещей, которые мы видим в рекламе: Апл, да, кресла специальные, которые помогают взаимодействовать с интерфейсом.

Это и специальные мыши какие-то.

Ну и интерфейс соответственно, должен быть к этому готов.

Программа должна быть готова к такому взаимодействию.

Помимо этого, вот я вспомнил адаптивный контроллер эксбокса от майкрософта.

Да, я помню, я видел фотки.

Да, полностью переосмысленный интерфейс, кнопки совершенно иные.

И насколько я понимаю, можно подключить дополнительные контроллеры, так как там очень много интерфейсов внешних, ну, входов и выходов.

Да.

И это совершенно переработанный подход к созданию геймпада и контроллеров в целом.

Так как он подходит не только для ибокса, он подходит для 10-го в индусах.

Да, то есть важно понимать, что нашими программами не все люди могут пользоваться именно там нажимать на мышку и вводить ее по столу правильно и там нажимать на телефон то есть нужно быть готовым к тому, что многим не совсем удобно будет так именно пользоваться, они могут другие контроллеры подключать, и как-то нужно к этому быть готовым.

Понятное дело, что не все приложения должны быть так адаптированы, но те приложения, которые на очень широкую аудиторию работают, например, государственные, какие-то там не знаю, в которых очень широкая аудитория, они точно должны быть к этому

к этому приспособлены.

Ты напомни мне, мы сейчас с тобой говорим про контроллеры и моторику.

Допустим, нет у меня таких проблем, что мне нужен отдельный контроллер, но я пользуюсь сенсорным телефоном, но проблемы с моторикой все-таки есть.

Могу включить увеличенные размеры на устройстве, на айфоне, включаю уличенные размеры.

А потом для увеличенного текста.

И вместе с увеличенным текстом у меня увеличиваются поля, и весь мой инфейс стал больше и кликабельнее.

Это хорошо, это очень позитивно.

Мен это радует.

Я захожу в имес, а я месседж стал больше, захожу в

заметки, часы, календарь,

ватсап, джемайл, аутлук, все хорошо.

И вот если в ватсаппе шрифт увеличился, то в Телеграмме нет.

И здесь с точки зрения пользователя, который принимает решение, удобно ему или нет.

Я принимаю решение остаться в ватсапе или в скайпе.

Ну да.

Или пользоваться, или всех пересадить на и-месс, потому что мне там удобнее, чем в Телеграме.

Хотя казалось бы.

да, да.

Ну, то есть, в общем, с моторикой есть людей нарушение.

У кого-то людям сложно попасть по какой-то кнопке определенной, если

ваше приложение

адаптировано к этим людям, то очень круто.

Очень круто, что ей могут пользоваться больше людей с какими-то возможностями, не такими, как

у более широкой аудитории.

Есть еще такая штука, как ситуационные

проблемы.

Они вынесены у того же материала в последнюю очередь, но это важный момент, так как можно забыть о том, что можно сломать руку.

Да.

Например,

я вот руку не ломал, но как-то раз обжег две я ловил горячий противень двумя голыми руками.

Это было не очень умное решение с моей стороны.

Но я с этим сталкивался.

Просто я получил две нерабочих руки.

И как было твое взаимозаимодействие с компьютером?

Я сфокусировался больше на реальности

и жил моментами.

Солнце, трава, воздух, да.

Да, ну я просто восстановил, скажем так, работоспособность одной ладони.

И что ты ей делал?

Писал очень короткие сообщения.

Очень важно было, да, восстановить работоспособности именно одной ладони.

Ситуационный, да, что еще?

Мне кажется, одна из самых частых ситуационных проблем - это когда сломалась кнопка на айфоне.

Когда не работает кнопка.

Да, я вот я, кстати, до сих пор не могу понять: мой хоум не работает, или я что-то отключил.

Вот, знаешь, вот этот двойной этап, чтобы верхняя часть экрана опустилась.

Вот тапаю, и не работает.

То ли я в универсальном доступе что-то выключил, то ли действительно хоум сломался, надо чинить.

Ну, хоум часто.

Факт в том, что хоум часто ломается.

И многие люди, вот эту штуку испугали, как она называется, когда ты выводишь на экран виртуальную кнопку Хоум?

Это ассистент тач.

Ага, ассисти точно вспомнил.

Я пользовался, у меня как-то раз сломалась кнопка на айфоне, и все, я подключался ассистив тач и

пользовался айфоном так.

Я многих людей вижу, которые так айфоном пользуется, потому что кнопка ломается.

Это очень большой шаг со стороны и по сторону пользователей, потому что они ну, это вот именно доступности ситуационная, вот у меня сломалась кнопка, или как было опять же в рассказе Ивана Бакаидова: нет мышки.

Вот без мышки взаимодействовать с некоторыми сайтами просто невозможно.

И иногда они так плохо работают, то тебе проще выйти и найти другой, чем воспользоваться тем, которым ты хочешь.

Это и переходы по кнопке ТАП правильные правильное взаимодействие со стрелками.

То есть это все важно.

Сейчас процитирую еще раз статью, которая опять же ГОСТ

номер 52 872 212.

Надо специальный звук добавлять, когда ты ГОСТы читаешь.

Хорошо.

Я подберу подходящую ГОС-х тему.

Не знаю, есть что-то?

Музыка, которая является государственной.

Всей функциональностью контента можно управлять через интерфейс клавиатуры без каких-либо ограничений по времени нажатия на клавишу, за исключением случаев, когда вызываемая функция требует ввода с помощью других устройств, зависящего от направления движения пользователя - а не только от конечной точки.

Это не запрещает и не должно препятствовать предоставлению возможностей ввода с помощью мыши и других способов в дополнение к клавиатуре.

Переключения между клавиатурой и мышкой - временные затраты, которые можно минимизировать, если конкретно работает ТАП и Энтер.

А некоторым людям сложно пользоваться мышкой, например, при нарушениях мелкой моторики.

Да, есть люди, которые принципиально пользуются только клавиатурой.

У меня был преподаватель в университете, который все делал с клавиатуры.

Это был жесткий мужик.

А, людей, которые играли в дом с клавиатурой, называли трактористами.

Это когда поворачиваешься, то есть в Думс?

да, да.

В дом можно было играть с мышкой, а можно было играть с клавиатуры.

И те, кто играл с клавиатурой, ну, как бы это считалось немножко читерство, потому что удобнее навестись быстрее.

То есть дом предоставлял доступный геймплей.

Ну, да, он предоставлял доступный геймплей, но вот точно помню, что кличка была трактористой у людей, которые играли с клавиатурой.

Вот у меня преподаватель тоже был тракторист, потому что он с клавиатурой совсем взаимодействовал, со всем интерфейсом принципиально просто.

Да, также, что касается разметки, то эта статья приводит вот такой вот пример.

Если посмотреть на сайты иностранных коллег, можно увидеть некоторые интересные решения.

Например, на сайте банка Барклайс реализована возможность пропустить повторяющиеся элементы в верхнее меню при управлении из клавиатуры.

Она включается только по клавишетап - это ускоряет доступ к нужному контенту при управлении с клавиатуры.

Вот то, о чем я говорил ранее: о том, что использование, работа становится длиннее, дольше.

Ну вот.

Сократили в районе меню, ускорили работу.

Вообще, да.

Это прекрасно.

Мне кажется, это очень правильное понимание того, что при взаимодействии только там с клавиатуры или каком-то ограниченном взаимодействии с интерфейсом, нужно думать именно о быстроте.

О том, чтобы с этим интерфейсом взаимодействие было быстрее.

Потому что оно быстрое, когда мы там, мышка клавиатуры, да, но когда или голосом мы работаем, или только клавиатурой, но замедляется, нам нужно поработать над именно ускорением этого взаимодействия.

Да, это очень интересный аргумент.

Интересный аргумент.

Что касается проблем

с реализацией функционала.

Есть либо ограниченный проблема первого рода это первого типа, это ограниченный функционал, то есть, когда используются только настройки размера шрифта и цвета.

Это

улучшает комфортность чтения, но оставляет без внимания потребности людей с дислексией.

Это раз.

Два.

Это отдельная версия сайта для слабовидящих, когда версия для слабовидящих находится на отдельном урле, также на ней может отсутствовать часть контента по сравнению с обычной версией.

Это неудачное решение, поскольку нужно поддерживать две отдельных версии сайта.

И сейчас будет невероятнейший пример.

Такой вариант используется, например, на сайте президента России.

Любимого наша.

Тут

специальный идет специальная ссылка в спешакрен.ру.

Ух ты.

Мне отказано в доступе.

Ты на митинг ходил, что ли?

Нет, я даже на фотках не отмечен, ни на одной фотке не был.

Румынский ВПН может быть поможет.

Ну, румынам-то всем даже помогает.

Ну, значит, нет доступа.

Не помогает.

Возможно, произошли какие-то изменения в хозяйстве.

Хоть где-то, да.

Я даже хотел порадоваться, что где-то хоть какие-то реформы.

От ситуационных: вот ты сказал про дистелексию, и я сразу вспомнил свои ощущения

в метро, в другой стране, когда я пытался купить билетик.

Ни английского, ни русского языка не было.

И

вот это очень

для меня было интересное открытие, что я должен понимать, как взаимодействовать с интерфейсом, даже если я не понимаю слов, которые там написаны, языка, на котором он написан, я должен понимать, вот

банальный пример.

Я нажимаю кнопку, я примерно понимаю, что мне нужен один билетик, там написано один, какое-то там слово, нарисованное иконкой билетика, я нажимаю.

И потом на экране появляется анимация, где нужно вставить монетку.

Я понимаю, вот сейчас нужно зауплатить, и снизу цена нарисована.

Но если бы там не было анимации с монеткой, и там был бы просто текст, то я бы не совсем понимал, а что сейчас делать нужно.

Например, возьмем наши автоматы в метро, в городе Новосибирске.

Там просто текст идет на маленьком экраничике.

И ты такой нажал - нажал, энтер, и потом в текстом написано: Вставляйте там монеты, платите, и ты не понимаешь, вставлять монеты или нет.

То есть не всегда это очевидно.

Я тебе могу обратный пример привести, так как я работаю в академии и езжу с работы на электричке,

там есть терминал для оплаты пригородных билетов.

И вот эти две кнопки - там, купить или отменить - одна оранжевая, другая синяя.

Вот что из них является положительным, а что из них является отрицательным?

Что меня приблизит к оплате, а что меня вернет обратно?

А если бы ты не понимал.

Да, вот бывает, студент какой-нибудь по обмену залетает в маршрутку, и тут начинает красноречие свое проявлять водителя маршрутки Летми

Фром, мор.

Вот это все начинается, а на самом деле не смешно, человек может быть опаздывает.

И

выбрать станцию.

Допустим, я по бумажке, по какой-то вот мне дали ее вчера, и я смогу как-то сравнить знаки, что вот это вот это более-менее похоже на название моей станции.

Но как работать с этим?

Как идти туда, вперед, ближе к оплате?

Да, вот это вот к когнитивным нарушениям еще не относится, потому что вот я не понимаюю язык, я счита, что, вообще, немой, вот на этой стране у меня плюс еще и дислексия, потому что я ни фига не понимаю, что написано, ни фига не понимаю, что люди говорят, я могу только жесты воспринимать и картинки, которые нарисованы.

И

вот важно очень не только словами написать, а еще показать, как это работает, и выделять именно те кнопки, на которые нужно нажимать, потому что если я вижу весь экран, и там есть кнопка, которая одна выделена там из всех синим цветом, а остальных там только обводка, то я понимаю, мне нужно сюда нажимать, чтобы своей цели добиться.

Автомат для билетиков, значит, ну, билетики туда по синей кнопке.

Вот.

Если автомат для запуска ракет, и там красная кнопка, ну, понятное дело, что красная кнопка ракеты запустит.

Ну, понятно, с газом и без.

Или включится мультик, где они летят, куда-нибудь.

Ну, не знаю.

Итак, ура!

Я зашел на специальную версию сайта президента Российской Федерации и что говорит?

Ну, во-первых, грузится долго я тебе могу сказать

вот сейчас хочется в консоль зайти из менее в стране тоже грузиться долго да

я хочу зайти зайти в консоль и просто узнать давай веб-визор включай

нет, ну ладно.

Ну, явно не сейцессии, да.

Ну, в общем, да.

Факт, что не везде все гладко и не везде все просто.

Ну да, ну вот сайт нашей с тобой школы работал лучше.

Да, интересно, что сайт школы работал лучше, чем сайт президента.

Стоит администрация президента об этом задуматься.

Если нас слушают люди из администрации президента.

Во-первых, вам привет всем.

А во-вторых, ну, давайте как-то подумать над сайтом.

Надо, чтобы он нормально работал.

Может быть, северо с яхты фатини нужно перенести их куда-нибудь в другой мир.

Что, все?

Мы закончили попею с сайтом.

Ты смог зайти, что-то сделать с ним?

Ну, знаешь, я зашел, попользовался как-то.

Чем он отличается от обычного сайта президента Российской Федерации?

Во-первых, он монохромный.

Во-вторых, то он очень сильно завязан на новостях.

Ну, структура обращения тут проще.

И наглядная навигация три таба.

Меня интересует,

сохранился ли тут тот же самый функционал?

Отправить письмо, прием граждан, новости, обзоры, обращений, справочные.

А здесь же только события, структура обращения.

То есть не весь функционал доступен.

Ну, а нет, знаешь, доступен.

Обращение - вот отправить письмо есть.

Личный кабинет тоже есть.

А То же самое есть и на полной версии.

Вау, еще на полной версии есть бургер с левой шторкой меню.

И вот

я бы не догадался.

Если бы не начал изучать.

Ну, может быть, стоит всем людям пользоваться спешал версией.

Там все наверное понятнее.

Да, вот еще

когнитивно непонятно, что бургер меню - это меню.

Ну, надо понять.

Это не самая понятная доступная метафора.

Вот, например, для твоего случая, с оплатой билета в другой стране на непонятном языке, вот монетки сыпятся куда-то вправо-вниз это скорее всего не сыпется туда, куда тебе надо засыпать монетки.

Ну да.

Ну или оплатить.

И доступная наглядная метафора бы дала тебе объяснение.

А бургер как был - очень сложный непонятный метафорой ха знаешь что он еще меняет свой вид и он сокращается для чего-то хотя вот у меня фул икран и становится шоу-мо иконка знаешь вот эти три точки.

А при наведении она становится бургером.

Очень странно.

Ну ладно, оставим сайт президента Российской Федерации

на совести всей администрации.

Как можем подытожить вообще нашу тему?

Наш выпуск?

Мне кажется, делать интерфейс доступным нужно всем.

И этого очень долго не было.

Во многих приложениях, в России, во многих компаниях не задумывались.

А сейчас, мне кажется, все больше и больше людей начинает об этом задумываться.

И вот это все идет к тому, что интерфейсы будут все более и более приспособленными.

Мне одному так кажется.

Нет, тебе не одному так кажется.

Я думаю, что нужно меньше обращать внимание на то, что

нужно перестать думать, что это особые случаи.

Нужно перестать думать, что доступность относится только к маломобильным группам граждан или к людям с нарушениями какого-то характера.

Так как у меня условно нет ни одного подобного диагноза, но я прекрасно понимаю, что я нуждаюсь в масштабируемости.

Иногда да.

Иногда я, например, забыл очки, и мне нужно, чтобы интерфейс был крупным.

И много-много таких случаев, и просто это не что-то

с интерфейса, сверхработа, а это просто адаптация под всех людей.

Это норма, это становится нормой, это должно быть нормой, что интерфейс адаптирован под всех людей и чтобы все могли этим воспользоваться.

Неважно, какие там могут быть проблемы.

У человека нет кнопки, нет там

руки, нет зрения и так далее.

Интерфейс должен быть готов к тому, чтобы человек этим воспользовался.

С вами был восьмой выпуск подкаста Дизайн такой.

Поставьте оценку и напишите комментарии в Апл Гугл подкастах, кастбоксе и ВК, напишите на нашу почту, или нам в личку в телеграме мы есть как авторы в описании нашего телеграм-канала.

Обновления и новости о выпусках вы можете прочитать там же.

Всем пока.

Всем пока.

Всем

пока.

Всем закрывать рот, когда нечего сказать.

Выглядеть и звучать умнее.