uxnotes | Другое

Telegram-канал uxnotes - UX Notes

25203

5041364007 Чат читателей: @uxnoteschat В соцсетях: vk.com/ux_notes и fb.com/uxnotes Вакансии: @uxwork Автор: @zGrav Est. 2016. Реклама на канале: https://uxnotes.ru/ads

Подписаться на канал

UX Notes

Новая работа. Часть 3

Сегодня расскажу о том, как я собеседовалась в Яндекс на разные вакансии. Напомню, что в этой серии постов рассказываю о том, как искала работу, и что узнала по дороге! Предыдущие части можно посмотреть тут: первая, вторая.

Перед тем как написать пост, я попробовала сосчитать, сколько у меня было яндексовских собесов за время поисков. Ребята, 10(!) полноценных (от часа и больше) + маленькие созвоны с рекрутёрами и HR… Короче, есть из чего поделать выводы!

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

2. Найм в Яндексе может быть долгим
И я поняла это, когда ребята предложили вакансию, сказав, что уже есть два кандидата, которые сделали тестовое и ждут прямого ответа. Это к тому, что такой найм лучше «отпустить» в своей голове и не ждать молниеносной реакции. Всё-таки очень много людей сражаются за вакансии!

3. Если хотите в Яндекс — лучше подаваться через портал Яндекса
Это подтверждают мои наблюдения: на вакансии оттуда мне отвечали намного быстрее. Это же говорят hr-ы Яндекса. На hh слишком много заявок, это очень тяжело разбирать.

4. Не срослось с конкретной вакансией? Вы всё равно желанный кандидат!
Когда и если вы проходите собеседование в большой компании, оно было успешным, но что-то «не срослось», вы всё равно остаётесь желанным кандидатом. У больших компаний есть внутренние базы, которые активно изучают рекрутеры. Я познала это на своём опыте: у меня была долгая череда собесов на вакансию, всё шло хорошо, мы уже с командой познакомились, и в самый последний момент ребята сказали, что всё-таки им сейчас нужен немного другой спец. Зато после этого ко мне пришли с предложением об ещё двух вакансиях!

5. Вакансия — это условность
Ну ладно, не совсем уж условность, но и не железное правило. Конечно большие компании могут позволить себе искать спецов с опытом, который соответсвует заявленному на сто процентов, но если у вас он совпадает не до конца — это нормально. У меня бывало, что я приходила и открыто сразу говорила, что «вот это» я вообще не умею или буду пробовать впервые. А вот это делать не хочу, а хотела бы делать вот это. И такие разговоры никогда не были помехой следующему этапу. Короче, лучше чувствовать себя честно и не стесняться подаваться.

6. Midjourney — спасение на тестовых
Три из четырёх заданий я делала, подключая нейронки. Это совет не столько по поводу Яндекса, сколько вообще про подход к тестовым. Мне часто нужно было сделать key visual, иллюстрацию или я понимала, что «вот тут будет эффектно тридэ». Midjourney меня очень выручал, а результаты я дорабатывала руками и честно говорила, что это генератив.

7. Видеопрезентации — уберфича на тестовых
Я вообще любитель обьяснить свои решения. Поэтому к тестовым я всегда прикрепляла короткий видос с закрытой ссылкой на ютубе. Ребята, эти видео никогда не оставались без внимания! Это всегда выглядит эффектно, помогает большой команде оценить вашу работу быстрее и показывает, как вы думали. Короче, записывайте видосы! Это выделит вас среди других кандидатов и покажет, какой вы умница.

Вроде бы всё, что вспомнила — рассказала! Что-то забыла? Спрашивайте в комментах и ставьте снова все эмодзи мира…

#как_посмотреть_на_работу

Читать полностью…

UX Notes

Найдите респондентов для вашего исследования с помощью Meet Your Client.

Преимущества:
— Первые контакты уже через 2-3 часа после запуска рекрута — проведите первые интервью в тот же день.
— Решение находит в 3 раза больше респондентов — вы можете отобрать лучших.
— Оплата только за фактически проведенные интервью.

Инструмент найдет респондентов для:
— Модерируемых UX-тестов
— Личных интервью
— Фокус-групп

🟠 Запросить демо

#реклама

Читать полностью…

UX Notes

Маша Панченко написала о целостном дизайне.

— Это подход к проектированию, предполагающий взгляд на продукт с разных сторон, учёт окружающей среды и всех заинтересованных сторон (не только пользователей и клиентов);
— На примере дизайна интерьера стоит учитывать: шумный ли район (нужна ли шумоизоляция), экологичны ли материалы (если поставить винтажный холодильник, как его чинить, когда сломается), устойчива ли мебель к кошачьим когтям;
— Потребуется выйти за рамки цифровых технологий. Чаще всего целостные дизайн-решения меняют физические объекты и процессы;
— Отдела дизайна для этого недостаточно, нужна синхронизация всей компании;
— Полезны дополнительные методы исследования, например, этнографические. Надо выйти в поле, чтобы лучше понять окружающую среду;
— Вовлекайте все заинтересованные стороны в проектирование (то же предполагает и дизайн-мышление);
— В дополнение к дизайн-системе (как библиотеке визуальных образов) нужна система ценностей, философии и внимания к деталям;
— Трудно сказать, что какая-то компания практикует целостный дизайн (это идеалистическое понятие), но некоторые стремятся: Apple (продукты объединяются в экосистему, последовательный пользовательский опыт, инклюзивность), Bosch (строят умные экологичные здания);
— Переходить на целостный подход лучше не спеша.

In English. Перевёл Иван Кунцевич, вот его канал. #thinking

Читать полностью…

UX Notes

Михаил Мирошников написал, как разное содержимое пушей с персональными промокодами влияет на CTR, — на основе проведённого исследования (а/б-тесты).

— Эмодзи (один) ставьте в начале заголовка;
— Обращайтесь к пользователю по имени в начале короткого пуша. В длинном «пуше» это не важно (в приложении Сбера отображаются уведомления, Михаил называет их длинными пушами);
— Промокод в коротком пуше располагайте в теле, в длинном — в заголовке;
— Акцент на сроке его действия повышает CTR в коротком пуше;
— Лучше всегда писать размер скидки, даже если она небольшая. Номинал скидки размещайте в заголовке;
— На кнопке в длинном пуше пишите «Воспользоваться»;
— Не усложняйте текст цифрами. Пишите «миллионы» вместо «8 000 000»;
— Информация о продуктовых фичах (доставка, бонусы) повышает CTR, даже если удлиняет сообщение;
— Англицизмы (маркетплейс, шопинг) снижают количество переходов, но это может зависеть от аудитории;
— Призыв к действию в тексте («отметьте с праздничным промокодом…») CTR не повысил.

#push #writing

Читать полностью…

UX Notes

⚡️ Авито проведёт очередной Avito Design Talk.

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

Программа митапа:

18:05–18:35: Почему мы не рисуем концепты в стол — Наталья Юматова, Алексей Архипов, Авито
18:35–19:05: Конфликты во взаимодействии продакт-менеджера и дизайнера как возможность изменений — Роза Бадаева, ex. Delivery Club
19:05–19:35: Путь от дизайнера к менеджеру и обратно — Дмитрий Быков, Osome

Читайте подробности и регистрируйтесь 👉 на сайте.

Трансляция на ютуб-канале AvitoTech начнётся в 18:00 по Москве 29 июня.

Реклама. ООО «Авито Тех». LdtCK5HR1

Читать полностью…

UX Notes

Тесс Гэдд написала о сочетании предварительного просмотра и полного отображения.

— Превью (предварительный просмотр) — релевантные данные, позволяющие быстро составить общее представление и показывающие, что на них можно нажать для перехода к полному отображению (все данные);
— Варианты превью: карточки (включая вариант с одной карточкой в строке), список (может выглядеть как таблица), обрезка (заголовок и часть текста с кнопкой «Читать дальше»);
— Полное отображение: модальное окно (позволяет сохранить контекст), отдельная страница (больше места для информации, минимизирует отвлекающие факторы), боковая панель (может располагаться рядом с содержимым страницы и поверх него, удобно для работы с большим количеством данных), аккордеон (полное отображение появляется под элементом, на который нажал пользователь);
— Сочетание «карточка + отдельная страница» встречается чаще всего;
— «Карточка + модальное окно» подходит для развлекательных проектов, галерей, соцсетей;
— Сочетание «список + боковая панель + отдельная страница» реализовано в Notion. Можно открыть боковую панель и расширить её до всей страницы, чтобы список не отвлекал.

#navigation

Читать полностью…

UX Notes

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

— Показатели динамики можно покрасить в красный и зелёный;
— Если в столбце много нулевых значений, можно сделать их серыми, чтобы выделить ненулевые;
— Цветовое кодирование статусов ускорит их считывание;
— Если таблица состоит из однотипных цифровых показателей, можно залить фон ячеек: чем больше значение, тем темнее оттенок;
— Также фон ячеек можно заливать не полностью, а на процент от максимального значения в столбце. Получится диаграмма, показывающая соотношение значений в разных строках;
— Иногда значения в столбце можно заменить иконками (статусы, наличие документов для скачивания);
— Также можно добавить логотипы брендов и изображения людей, чтобы ускорить восприятие и поиск нужных строк;
— Для передачи динамики можно добавить столбец с небольшими графиками изменения показателя;
— Иногда (но редко) таблицу полностью можно заменить графиком и дать возможность переключаться между форматами отображения.

Читайте также о приёмах оформления таблицы в целом. #table

Читать полностью…

UX Notes

Веня Векк записал видео о методе прогрессивного джипега.

— В любую секунду любой проект готов на 100%, хотя проработанность может быть и на 4%;
— В зависимости от имеющегося времени проект можно прорабатывать до пикселя, а можно оставить на стадии концептуальной зарисовки;
— Получается, что время тратится только на нужную степень прожарки, а общий вид стейка всегда ясен;
— Если нужен дизайн фичи, не надо последовательно создавать финальные макеты для первого, второго экрана и так далее. Надо подготовить эскизы всех основных экранов флоу с примерными текстами и иллюстрациями. После этого решение на уровне смысла уже можно обсуждать со стейкхолдерами и переходить к проработке формы этого решения и деталей.

Канал Вени. О методе в Ководстве. #process #prototype

Читать полностью…

UX Notes

Юля Коновалова написала о проектировании разговорных интерфейсов.

— Проектированием ботов занимается дизайнер диалоговых интерфейсов. Другие названия: скриптолог, архитектор разговорных решений, CUI/CUX-редактор;
— Первый шаг — high-level design (HLD), чаще всего это схема с отображением входа и выхода из диалога, ключевых сценарных веток и обращений к внешним системам;
— Low-level design (LLD) — максимальная степень детализации: конечные формулировки реплик бота, запросы пользователей, которые он отрабатывает, все сюжетные переходы и реакции, обработчики ошибок и событий, логика обращений к внешним системам;
— Также в сценарной папке хранится детальное описание ToV и, если есть, sequence-диаграмма и прочая документация по взаимодействию с внешними сервисами, мультимедиа-контент;
— LLD помогает визуализировать ожидания заказчика и концепцию разработки, обозначить объём работ, декомпозировать задачи, тестировать бота (сценарий будет эталоном), проводить UX-исследования;
— Дизайн бота нужен при презентации сценария, реализации, тестировании, презентации готового решения, разборе логов, проектировании доработок;
— Важно дообучать бота, расширять его базу знаний, добавлять реакции на вопросы вне изначального сценария, иначе он перестанет быть полезным;
— Баг, найденный на этапе согласования сценария, всегда дешевле исправить, нежели баг, найденный на этапе тестирования готового кода;
— Если предполагается сложный древовидный сценарий с множеством сюжетных веток, лучше разделить его создание на этапы: общий костяк, первая ветка и так далее. Как только кусочек сценария согласован, можно заниматься его реализацией.

#voice_interface

Читать полностью…

UX Notes

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

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

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

Реклама. ООО «Авито Тех». LdtCKCxbg

Читать полностью…

UX Notes

Димитрис Хацилиас написал, как с помощью минимализма в интерфейсе снизить когнитивную нагрузку.

— Сократите количество опций, которые вы предлагаете (хотя бы на первом уровне иерархии). Оставьте на нём только основные и часто используемые;
— Добавьте воздуха, чтобы насыщенные информацией элементы не выглядели перегруженными;
— Удалите лишние границы между элементами (рамки и цветные плашки);
— Проработайте визуальную иерархию. Положение, прозрачность и размер элементов должны соответствовать их значимости, управлять вниманием пользователя;
— Если нужен дополнительный цвет, попробуйте использовать оттенок уже имеющегося в палитре;
— Не добавляйте альтернативных способов совершить одно и то же действие, чтобы пользователь не сомневался, правильный ли путь он выбрал для решения задачи.

In English. #minimalism #principles

Читать полностью…

UX Notes

Как дизайнеру почувствовать себя профи?

Первый способ — получить повышение.
Второй — расширить компетенции. Чем больше у вас навыков, тем вы увереннее и дороже на рынке труда. А ваши проекты в портфолио — более ответственные и внушительные.

Если вам подходят эти способы — приходите на курс Практикума по созданию мобильных приложений. Вы научитесь делать приложения не только для смартфонов, но и для TV, умных часов и других платформ. А в конце положите большой проект в портфолио. 
Курс можно совмещать с работой: он идёт 3 месяца, а заниматься нужно максимум по 10 часов в неделю. Заново изучать базовую теорию и Figma не придётся — фокус только на том, что действительно пригодится в работе.

Что будет на курсе:
• Углубленное прототипирование, дизайн-системы, гайдлайны iOS и Android.
• Удобная теория в онлайн-тренажёре, который доступен 24/7.
• Практика на большом проекте на протяжении всего обучения.
• Преподаватель-сеньор, который проверяет проект каждые две недели. Ему можно задать вопросы напрямую — в чате. 

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

#реклама

Читать полностью…

UX Notes

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

— Используйте для кнопок тег Button. Это первое правило ARIA, плюс не надо дополнительно беспокоиться о навигации табом и обработке нажатия на элемент пробелом или клавишой Enter;
— Заголовки страницы должны начинаться с тега h1. Основной заголовок страницы должен быть h1, даже если визуально он не самый большой на ней (решается стилями);
— Картинки бывают контентные и декоративные (пользователь ничего не теряет, если они не грузятся). К последним можно отнести иконки в меню, продублированные текстом. Контентные картинки размечайте тегом с атрибутом alt, в котором будет их текстовое описание;
— Иногда иконки показывают изменение цены (↑, ↓) или что цифры 4,8 — это рейтинг. В этом случае можно использовать скрытый текст перед суммой изменения в рублях («Цена акций выросла на») или цифрами рейтинга («Рейтинг:»);
— Не используйте атрибуты ARIA, если можно обойтись нативными html-тегами. Таблицы можно и нужно использовать для разметки табличных данных. Незрячие по нажатию клавиши, например, смогут узнать, на какой строке находятся, название столбца и так далее.

#accessibility

Читать полностью…

UX Notes

Дизайнеры Дзена в видеоблоге поделились советами и секретами профессии.

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

Полную версию смотрите по ссылке.

#uxdesign #реклама

Читать полностью…

UX Notes

В aim написали о пуш-уведомлениях.

— Пуши бывают сервисные и маркетинговые;
— Маркетинговые рассказывают об акциях и вовлекают в использование приложения. Банк напоминает о кешбеке в партнёрских магазинах перед Новым годом;
— Сервисные облегчают взаимодействие клиента и компании. Например, транзакционные позволяют подтвердить платёж или авторизоваться. Триггерные сообщают об изменении статуса заказа;
— Нет идеального времени для отправки уведомлений. Идеальное время — когда уведомления ждут;
— Чтобы маркетинговые пуши меньше раздражали, они должны приходить не часто, быть полезными и адекватными этапу пользовательского пути (через время после покупки собачьего корма напомнить пополнить запасы);
— Максимум 50 символов в заголовке, 180 в тексте. Проверяйте внешний вид уведомлений, чтобы не было неконтролируемых обрезаний;
— Текст должен быть простым и лаконичным, так как пуш легко смахнуть и после этого уже нельзя вернуть, чтобы перечитать;
— В заголовок выносите пользу и важную информацию;
— Эмодзи и заглавные буквы ассоциируются с навязчивой рекламой, люди могут игнорировать такие сообщения;
— Не манипулируйте. Мало кто верит в «Только сегодня» и «Последний шанс». Но хуже, если приложение, например, заставляет пользователя чувствовать себя ленивым («Кажется кто-то ленится даже заходить в приложение»).

#writing #push

Читать полностью…

UX Notes

Иван Емелюшкин написал об использовании эмодзи в интерфейсе.

— Они выглядят по-разному в разных операционных системах и в разных версиях одной и той же ОС;
— В старых версиях ОС может не быть нужного эмодзи. Проверяйте в Эмодзипедии;
— Эмодзи Эпл нельзя вставлять картинками (только в виде текста) и использовать на других платформах. Можно взять эмодзи Твиттера.

#mobile

Читать полностью…

UX Notes

В Selectel написали, как сократили время поиска респондентов (труднодоступная аудитория) для исследования не массового продукта.

— При поиске через знакомых и коллег желающие со временем заканчиваются. Участие других людей удлиняет коммуникационные цепочки. Невысокий процент отклика;
— Поиск через агентство сильно растянут по времени;
— Решили искать проактивно: сформировать базу потенциальных респондентов;
— На отдельной странице рассказали, как устроен процесс, какие проводят исследования (интервью, тестирование интерфейсов, опросы);
— Название изменили на «Selectel Мнения», так как слово «исследования» люди понимают по-разному (часть полагала, что это из области медицины);
— Людям важно быть услышанными и оказывать влияние. Вознаграждение для дорогих специалистов и руководителей — не главный фактор, но это правило хорошего тона;
— В анкете — необходимый минимум вопросов, чтобы не отбить желание слишком длинной формой. Но данных мало, респонденты не подходят для исследований с узкими критериями отбора;
— Страницу прорекламировали на собственных ресурсах (сайт, рассылка, телеграм-канал) и профильных (Хабр, VC);
— Собранные данные не используют для массовых рассылок.

#research #recruiting

Читать полностью…

UX Notes

Вова Красильников написал, как в Фигме организовать работу со светлой и тёмной темой с помощью переменных.

— С помощью панели Local variables (ничего не выбрано, вкладка Design) добавьте переменную типа Color;
— Присвойте переменной второе значение, добавив ещё одну колонку в появившейся таблице;
— Задайте компонентам и уникальным элементам макета цвета с помощью переменных (отображаются квадратиками в отличие от круглых стилей);
— Чтобы использовать одно из значений переменной, на панели Layer выбранного элемента нажмите на гаечки, выберите коллекцию переменных (по умолчанию будет Collection 1) и название нужного столбца (режим);
— По умолчанию используется режим родительского слоя;
— Можно создать секции светлой и тёмной темы, задать для них режимы. Тогда фреймы с переменными цветами, попадая в эти секции, будут автоматически применять цвета светлой или тёмной темы.

Канал Вовы. #figma #dark_theme

Читать полностью…

UX Notes

В Testograf написали, как удержать внимание участников опроса.

— Оптимальная длительность опроса — от 5 до 15 минут;
— Делите опрос на разделы и подразделы;
— Задавайте вопросы, которые стимулируют мышление и вызывают интерес;
— Сообщайте респондентам, почему их мнениие важно и что вы будете делать с результатами опроса;
— Используйте разные форматы вопросов: с выбором одного ответа, множественным выбором, открытые, шкалы.

#research #survey

Читать полностью…

UX Notes

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

— За основу навигации можно взять потребности пользователей и разделить всё на информацию для вылетающих, встречающих и транзитных пассажиров;
— Табло — важнейшее содержимое сайта, иногда его сразу выносят на главную. Оно должно оперативно обновляться;
— Чтобы пользователи не упускали изменений в рейсе, новые значения лучше отображать на табло рядом со старыми и выделять их;
— Возможность добавить рейс в закладки на сайте аэропорта: не надо регистрироваться и передавать личные данные, но узнать об изменении можно только на сайте;
— Подписка на пуши сайта аэропорта в браузере, уведомления через Телеграм, ВК или имейлы: можно получать уведомления удобным способом, но надо поделиться своими контактами;
— Сориентироваться в аэропорту поможет его интерактивная карта. На ней лучше использовать элементы навигации самого аэропорта (иконки, цвета, названия объектов);
— Сделайте каталог услуг аэропорта с разделением на категории и поиском, ключевые услуги выведите на главную;
— Покупки в аэропорту можно добавить как этап пути пассажира перед регистрацией: с рекламой, напоминанием купить подарки.

#transport

Читать полностью…

UX Notes

Артемий М. написал о пользе UX-исследований.

— Продуктовый дизайнер и UX-исследователь — носители экспертизы о пользовательском опыте, но немного разной;
— Исследования показывают, какой опыт получают конкретные пользователи с конкретными продуктами;
— Часто решения основываются на лишь на экспертизе дизайнера, что ускоряет time to market, но фактически означает тестирование гипотез на бою, что не круто (но иногда гипотезы можно проверить только так);
— Культуру проверки своих решений надо воспитывать в себе (но дизайнер не может заменить полноценного исследователя) и в компании;
— Надо быть готовым, что по результатам исследования дизайн придётся переделывать;
— Благодаря исследованиям дизайнер видит совершённые при проектировании ошибки и может расти;
— Исследования прокачивают эмпатию и вытаскивают из информационного пузыря (в котором все пользователи ходят с последними айфонами и тому подобное);
— И создают аргументацию для выбора того или иного решения.

#research

Читать полностью…

UX Notes

В три команды Авито ищут UX-специалистов, чтобы делать исследования:

➡️ Руководитель группы исследователей в команду Buyer Experience
➡️ Продуктовый редактор в команду опыта продавца
➡️ Старший UX-исследователь в команду логистики

Что предлагают:

• Прозрачная система премий, достойная зарплата — размер обсудите на собеседовании;
• Гибридный формат работы — из дома и комфортного офиса в центре Москвы с местами для уединённой работы, зонами отдыха и гамаками;
• Мощное железо, дополнительные мониторы и всё, что нужно для продуктивной работы;
• Личный бюджет на обучение — книги, курсы и конференции, доступ к онлайн-библиотеке издательства МИФ;
• ДМС со стоматологией с первого дня работы, терапевт, психолог и массажный кабинет прямо в офисе;
• Два фитнес-зала и душ в офисе, занятия йогой и скидки на абонементы.

Подробности о вакансиях и анкеты соискателей — по ссылкам.

#реклама

Читать полностью…

UX Notes

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

— Их рекомендуют делать минимум 44×44 px. Поэтому на нижней панели меню поместится не более 5 пунктов;
— На разных экранах пиксели разные, поэтому следует говорить о DIPs (dp), device independent pixel;
Таблица для перевода pt в px и em, в SP или DP для Android, в pt для iOS и в DIP или px для Windows;
— Минимальная область нажатия может быть разной: 11 мм (31 pt / 42 px) в верхней части экрана, 12 мм (34 pt / 46 px) в нижней, 7 мм (20 pt / 27 px) в центре;
— Согласно требованиям WCAG 2.1 уровня ААА, если область нажатия находится в предложении или текстовом блоке, она может быть 27 px;
— Предлагайте отдельные контролы для точных манипуляций. Можно поворачивать изображения жестом, но удобнее может быть специальный слайдер или кнопка;
— Иногда несколько касаний лучше одного. Можно выбирать цвет товара нажатием на маленькие кружочки, а можно при нажатии на блок с кружочками отобразить специальную панель выбора цвета с удобными большими контролами;
— Максимизируйте кликабельные области. Например, чтобы нажать можно было на всю карточку, а не только заголовок, или на весь прямоугольник аккордеона.

In English. Конвертер mm в px и обратно Александра Овчаренко. #mobile

Читать полностью…

UX Notes

Сегодня начался ежегодный хакатон «Лидеры цифровой трансформации».

— 11 дней назад больше 1000 команд разработчиков со всех уголков России и ещё 37 стран мира стартовали работы по задачам от города и бизнеса. В финале представят свои решения 210 коллективов;
— Уже завтра они выступят с питчами и поборятся за 42 миллиона рублей призового фонда;
— Сегодня с лекциями выступали ведущие эксперты Самолета, Tada.team, Whoosh, РВИ, Cloud.ru и других компаний;
— Корпоративный мессенджер Tada.team предложил участникам интерактивные площадки и квест с призами от творческого объединения ÖMANKÖ;
— Специальными гостями были блогер и телеведущая Анастасия Ивлеева и магистр ЧГК Максим Поташев;
— Впереди ещё 2 дня.

#реклама

Читать полностью…

UX Notes

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

— Это две противоположные цели: 1) Упрощать прохождение воронки регистрации и авторизации; 2) Снижать число попыток несанкционированного доступа к пользовательским профилям;
— Метрики удобства: процент авторизованных пользователей, общее количество покупателей и сделок, ключевые конверсии, ключевые действия на площадке (покупка, контакт);
— Проверяйте все сценарии UX-тестами;
— Отслеживая обращения пользователей, объединяйте жалобы с данными, чтобы видеть общую картину, так как часто нарушители нагружают поддержку, маскируясь под недовольных пользователей;
— Слабые пароли — одна из главных точек приложения усилий взломщиков. Формальные требования к паролям не работают. Пароль P@ssword1 так же легко подобрать, как и password;
— Внедряйте более сложные требования к паролям и одновременно рассказывайте, как легко создать и запомнить по-настоящему сложный пароль. Например, использовать как пароль 3 случайных слова на английском или русском (транслитом);
— Люди включают 2-факторную авторизацию, когда а) их где-нибудь взломали, б) профиль стал ценным, в) прочитали, что к профилю может получить доступ посторонний. Они не хотят, чтобы от их имени кого-то обманули;
— Большинство способов 2-факторной авторизации портят пользовательский опыт. Есть метод Risk Based Authentication, когда такая авторизация нужна только если система подозревает взлом;
— Способы 2FA: смс, пуш, звонок (продиктовать код, ввести последние 4 цифры номера, с которого звонили, пользователь должен сам позвонить), TOTP, QR-код (отсканировать из приложения), имейл (код или ссылка в письме), внутренний мессенджер продукта, биометрия, список одноразовых паролей, физические ключи, пин-код.

#log_in

Читать полностью…

UX Notes

Фрэнк Рауш написал о шаблонах навигации в iOS-приложениях.

— Чаще всего архитектура приложений — иерархическое дерево с несколькими уровнями вложенности;
— Навигация происходит по структуре дерева. Из списка пользователь переходит к новому списку или конечным экранам, а возвращается назад по кнопке «<»;
— Плоская структура: шаблон предназначен для навигации между ключевыми экранами с помощью нижней панели на телефоне и боковой на планшете;
— Ключевых экранов может быть не более 5, один из пунктов меню всегда выбран, панель доступна всегда, когда не перекрыта модальным окном;
— Пирамидальная структура: шаблон позволяет быстро перемещаться между элементами одного уровня иерархии (например, свайпами), не возвращаясь на родительский экран;
— Модальная навигация: высокоприоритетные окна (требуют принятия решения, диалоги), низкоприоритетные (не требуют принятия решения, подсказки, попапы, всплывающие меню);
— Немодальная навигация: уведомления, интерактивные элементы вроде индикатора настройки громкости;
— Внутренняя навигация: изменение состояния (пользователь остаётся на том же экране), пошаговая навигация (ряд экранов объединены в линейный флоу и размещены в модальном окне).

#mobile #navigation

Читать полностью…

UX Notes

Станислав Хрусталёв написал о подводных камнях NPS.

— Если человек говорит о готовности рекомендовать, это не значит, что он действительно так сделает. Не стоит использовать NPS для прогнозирования;
— Чем больше вариантов, тем сложнее сделать выбор. В данном случае люди выбирают из 11 вариантов ответа. Плюс для респондента разница между 6 и 7 (или 8 и 9) невелика, а для расчёта — значительна;
— По гайдлайнам варианты должны располагаться в один ряд слева направо. На телефонах цифры стоят близко друг к другу, что повышает вероятность ошибки;
— Показателем легко манипулировать, достаточно разослать опрос сегменту тех, кто оценил сервис на 5 в опросе CSAT;
— Его погрешность примерно в 2 раза выше, чем в том же CSAT. Для получения надёжных данных выборка должна быть больше;
— Он не покажет изменений, если клиенты в среднем ставили 0 и 1, а после изменений в компании стали ставить — 5 и 6. И в целом не покажет изменений при смещении оценок внутри групп промоутеров, нейтралов и детракторов.

Канал Станислава. #metrics

Читать полностью…

UX Notes

Саша Окунев и Инга Гвоздева написали, как выбрать хороший онлайн-курс по дизайну. Несколько тезисов:

— Если чат организован в интерфейсе образовательной платформы, скорее всего, активности в нём будет мало, так как туда надо заходить специально. Лучше, если чат будет там, где и так сидят студенты. Например, в Телеграме;
— Иногда для защиты от пиратства требуют устанавливать системы вроде Инфопротектора, курс можно проходить лишь с одного авторизованного устройства, нельзя смотреть видео с телефона, перематывать и делать скриншоты. Настолько ли курс уникален, чтобы идти на такие жертвы?
— Чем больше делаете своими руками в процессе обучения — тем лучше;
— Бывает, что все 20–30 студентов делают одинаковые проекты, например, дизайн онлайн-супермаркета. С такой работой в портфолио сложно выделиться. Уточните, можно ли выбрать тему учебного проекта или прийти со своим;
— Если обещают стажировку, узнайте, будет ли прямой доступ к специалистам компании. Если всё будет проходить через фильтр ментора из онлайн-школы, не будет реального опыта и практики софт-скилов, не увидеть реальных процессов компании;
— Если звёздный эксперт ведёт авторский курс, с небольшим количеством студентов обычно всё хорошо. Проблемы начинаются при попытках курс масштабировать. Изучайте отзывы, проблемы вскроются после первого же потока;
— Отзывы изучайте на конкретный курс, а не на школу.

Канал Саши, канал Инги. #career

Читать полностью…

UX Notes

Михаил Наер и Иван Звягин написали о понимании задачи.

— Это документ, с помощью которого дизайнеры и стейкхолдеры могут сформировать единое представление о задаче;
— Его надо составлять на старте большого проекта (добавление каналов в банковское приложение) или отдельной задачи в рамках такого проекта (проектирование первого касания с каналами), то есть когда результатом будет изменение метрик;
— Документ помогает попасть в потребности клиентов и бизнеса, найти более сильное решение, замерить его эффективность, не брать задачи, которые решаются другими фичами;
— В большом проекте самостоятельно подготовить понимание задачи нереально, это надо делать на установочной встрече с дизайнерами и стейкхолдерами всех связанных продуктов;
— Документ состоит из вводных, миссии (как фича поможет пользователям), цели (какую пользу принесёт компании и почему), аудитории, критериев успеха;
— Бывают задачи без цели (социальные, некоммерческие проекты) или миссии (добавление согласий с юридическими документами), но лучше попытаться их найти;
— Описание аудитории отвечает на вопрос, кто наши пользователи и сколько их (и стоит ли задачу вообще делать);
— Критерии успеха помогают запланировать необходимые замеры и понять, решена ли задача. Они всегда направлены на миссию или цель;
— Что мы будем считать успехом? Есть ли бенчмарк? Что хотим не сломать? Что если результат не соответствует ожиданиям?

Смотрите также лекцию Ильи Бирмана о понимании задачи. Канал Михаила. #product

Читать полностью…

UX Notes

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

После трёх месяцев курса продуктовый и графический дизайнер:

• сможет создавать интерактивную инфографику и управленческие дашборды;
• сможет представлять сложные данные без ошибок;
• добавит в резюме Tableau, DataLens и Datawrapper.

На всех этапах вас будет сопровождать команда специалистов: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. После обучения. 69% студентов Яндекс Практикума уже работают по специальности.

Подробнее о курсе: https://practicum.yandex.ru/datavis-and-bi-tools/

#реклама

Читать полностью…
Подписаться на канал