UX Notes

2021-05-24 10:17:01 23−27 июня Альфа-Банк проведёт Alfa Battle Camp для UX/UI- и продуктовых дизайнеров. Для тех, кто устал от онлайн-конкурсов и хочет живого общения (и сёрфинга).

Участники кэмпа будут:
— Прокачивать скилы с экспертами из Альфа-Банка;
— Генерировать прорывные идеи и создавать прототипы новых цифровых продуктов;
— Обмениваться опытом с профессионалами со всей страны.

Топ-50 участников Альфа-Банк отвезёт в Сочи в формате всё включено: рейс Москва—Сочи—Москва, проживание в 4-звёздочном отеле на первой береговой, питание и развлечения.

Подайте заявку до 4 июня: https://link.alfabattle.ru/FnUhy

Публикация оплачена Открыть/Комментировать

2021-05-23 23:21:33 Мэтт Оуэнс из бруклинской студии Athletics (с очень знакомым лого) рассказал, что понял за 30 лет дизайна.

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

https://ux.pub/moi-9-printsipov-dizayna-na-osnove-30-letnego-opyta-v-industrii/ Открыть/Комментировать

2021-05-22 20:00:16 Оливер Микингс поделился советами по дизайну лендингов. Отдельные не самые затасканные рекомендации:

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

https://habr.com/ru/company/timeweb/blog/557658/ Открыть/Комментировать

2021-05-21 21:24:03 Кто о чём, а Алан Купер — о персонах, а именно, почему этот инструмент работает не у всех.

— Он написал о персонах в книге «Психбольница в руках пациентов», которую адресовал менеджерам, а не дизайнерам;
— Он не писал её как практическое руководство;
— Персоны удалялись от изначальной идеи, опираясь на мнения людей, которые ничего в них не понимали;
— В компании Алана проводили полевые исследования, а затем создавали персоны, чтобы понимать и отображать цели, мотивацию и желаемые результаты реальных пользователей. И строго ограничивали количество персон ради фокуса;
— В Майкрософте персонами инженеры, запертые в башнях из слоновой кости, защищали придуманные ими функции. Персон у них были сотни — по одной для каждой функции;
— Двое дизайнеров из этой компании опубликовали о персонах влиятельную книгу, которая способствовала удалению от изначальной идеи;
— Привлекательность персон отчасти заключена в том, насколько легко создавать «персоны», не делая этого на самом деле;
— Иногда дизайнеры доходят до правильного понимания персон и пишут в своих блогах: «[Что-то, что не является персонами, но я буду называть это персонами] действительно ужасны. Но [персоны под каким-то новым названием] — намного лучше!»;
— Есть хорошие источники информации о персонах. Они написаны бывшими работниками компании Cooper.

https://www.uprock.ru/articles/v-zashchitu-person Открыть/Комментировать

2021-05-20 18:19:30 В июне Британская высшая школа дизайна совместно с WayRay запускает новый курс по дизайну интерфейсов для голографических AR HUDs в транспорте

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

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

Приём заявок открыт до 1 июня. Курс стартует также в июне.

Подробности и условия поступления:
https://britishdesign.ru/about/news/208969/

Публикация оплачена Открыть/Комментировать

2021-05-18 14:22:59 Александра Вельянинова сделала для Райффайзенбанка методичку о тексте в интерфейсе. Отдельные интересные рекомендации:

— Без вранья. Формулируйте аккуратно и не обманывайте ожиданий пользователя даже в мелочах. «Нужен адрес, и мы найдём счета на оплату» → «Нужен адрес, чтобы поискать счета на оплату»;
— В объяснении ставьте действия в том порядке, в котором человек будет их выполнять. «Создайте шаблон, выбрав подходящую операцию из списка» → «Выберите операцию и создайте на её основе шаблон»;
— Очеловечивая текст, не переигрывайте. Когда в последний раз вы получали «Ах да» от друга в чате?
— Без лишних восторгов, особенно в неподходящем контексте. «Ура! Теперь штрафы будут приходить в приложение [Супер!]» → «Теперь штрафы будут приходить в приложение [Хорошо]»;
— Не оценивайте чувства пользователя. «Не волнуйтесь, сейчас разберёмся» → «Сейчас разберёмся, уже смотрю, что произошло»;
— Пишите гендерно нейтрально. «Я согласен с политикой обработки данных» → «Я соглашаюсь с политикой обработки данных»;
— Заголовки проще воспринимать в именительном падеже. «Какую карту хотите? Цифровую. Пластиковую» → «Какая карта подойдёт? Цифровая. Пластиковая»;
— Не проговаривайте текстом функции знакомых элементов. Плейсхолдер в поле поиска: «Поиск по названию или ИНН» → «Поставщик или ИНН».

https://www.figma.com/proto/0JyAj15IhSa3cnf4tl2vmr/Raiffeisen-Verbal-Guide?node-id=15825:39622&scaling=scale-down Открыть/Комментировать

2021-05-15 21:11:28 Михаил Озорнин поделился частью гайдлайна о передаче макетов разработчикам. Например:

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

Загрузка:
— Понятно, как загружаются элементы экрана, в какой последовательности, как отображается процесс загрузки;
— Как должен вести себя продукт, если загрузка медленная, элементов много или загрузка не удалась.

Пустое состояние:
— Понятно, как выглядит пустое состояние всех блоков и элементов, когда в них нет данных;
— Уровень «Хорошо»: пустые состояния систематизированы, используются типовые решения.

http://mikeozornin.ru/blog/all/what-is-a-good-handoff/ Открыть/Комментировать

2021-05-09 14:03:05 Илья Бирман написал о бессмысленных действиях в интерфейсе.

В Файндере несколько лет назад появилась команда New Folder with Selection (⌃⌘N). Если выделить несколько файлов или папок и вызвать её, она создавала новую папку, перемещала в неё всё выделенное и давала назвать папку.

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

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

— Можно не писать код этого возможно бессмысленного запрета;
— Запрета в лучшем случае никто не заметит, в худшем он будет мешать работать;
— Если люди совершают это бессмысленное действие, возможно, дизайнеры упустили какой-то сценарий.

https://ilyabirman.ru/meanwhile/all/meaningless-actions/ Открыть/Комментировать

2021-05-08 13:59:03 Роман Шамин написал, как дизайнеры могут облегчить жизнь фронтам.

— Создавайте дизайн-систему и стройте дизайн из ограниченного набора стилей, переиспользуемых компонентов и последовательных правил компоновки;
— Оформляйте изменения дизайн-системы как фичи;
— Разделяйте большие фичи на небольшие задачи, которые можно дизайнить, верстать и выкатывать по очереди;
— Уважайте мнение технической команды, объясняйте им свои дизайн-решения, утверждайте у них макеты;
— Если нарисованное трудно реализовать, обсуждайте с командой и ищите выход вместе;
— Все знания о фиче собирайте в одном месте (например, на большом артборде в Фигме), все идеи объясняйте текстом и графикой: показывайте стрелками флоу и так далее;
— Будьте в курсе технологий. Например, если приложение использует геолокацию, здорово понимать, что она может быть отключена на устройстве пользователя.

https://teletype.in/@romanshamin/what-frontend-want-from-design Открыть/Комментировать

2021-05-02 18:17:52 Роман Кирьяков рассказал о подготовке к тестированию посадочной страницы.

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

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

Она включает блоки:

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

2. Цель — вытекает из проблемы. Например: понять, почему люди не оформляют страховку.

3. Задачи. Например:
— Понять, какой информации людям не хватает;
— С какими сложностями они сталкиваются при оформлении страховки;
— Как понимают информацию на странице.

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

5. Вопросы. С помощью правильных вопросов исследователь добывает информацию, которая помогает улучшить продукт. Если он задаёт наводящие или закрытые вопросы, то может получить бесполезную обратную связь. Примеры:
— Что видите?
— Что понимаете?
— Что делаете?
— Почему хотите застраховать квартиру?
— Как искали варианты? Какие рассматривали?
— Если рассматривали, то почему ещё не застраховали?

https://www.it-agency.ru/academy/landing-page-ux/ Открыть/Комментировать