Usability *

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

Я разработчик в компании bpm (ранее “ЛАНИТ - Би Пи Эм”). Столкнувшись с хаосом в интерфейсах и постоянными правками, я решила изучить, как можно организовать процесс создания дизайн-системы самостоятельно. Результат вы видите в этой статье. Очень надеюсь, что описанные правила помогут вам сделать первые шаги в создании дизайна для вашего проекта.

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

Кажется, что установленные в ресторанах быстрого питания сенсорные экраны — просто удобный инструмент для быстрого заказа бургеров? Вот только на деле это — хитро просчитанная система, которая с момента внедрения в 2015 году увеличила средний чек на 30% и принесла компании миллиарды долларов. 

Но как получается, что интерфейс киосков самообслуживания подталкивает к покупке того, что человек не хотел заранее? Неужели эти раздражающие экраны вроде «Добавить десерт/соус/пирожок» реально работают? Ответ — да. Ведь на самом деле речь идет не просто о меню, а о круто продуманном алгоритме, заточенным под ваш голод и импульсивное поведение. Как именно автоматы способствуют набору вами лишних килограммов, а также денег на счетах компании — читайте под катом.

Привет! На связи Серёжа, UX-исследователь Контура. А это наш пятый текст по статистике. В предыдущих частях мы с вами научились строить доверительные интервалы, сравнивать средние и оценивать связи качественных и количественных переменных. Однако применение всех этих инструментов теряет смысл, если вы применяете их на некачественно собранных или некачественно предобработанных данных. 

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

Например, где искать заработанные приглашения (инвайты)?

Сам я совершенно случайно обнаружил раздел с приглашениями года два назад. Так я и узнал, что они у меня в принципе есть. До этого несколько хороших людей спрашивали, не могу ли я скинуть им инвайт — а я отвечал, что у меня их нет. Что, мол, добро пожаловать в песочницу!

И вот нашёл я нужный раздел, обрадовался и рассказал об этом другу. А через полгода друг мне звонит: «Егор, ты говорил, что где-то инвайты на Хабре нашёл? Можешь подсказать, где именно?». Так что тут я точно не один такой. Другу ответил. Мол, заходишь в профиль. И там видишь таинственное слово «Whois» со стрелочкой вниз. Кликаешь по нему — и появляется меню навигации второго уровня в профиле.

Привет! Меня зовут Вадим, я проектирую интерфейсы в InfoWatch. Но сейчас не о том, как мы строим интерфейсы, а о том, как мы строим дизайн-культуру. Я расскажу о нашем двухлетнем пути, полном ошибок и открытий, который привел к реальным изменениям в продуктах и работе команды.

В этой статье расскажу:

- как мы за два года прошли путь от оформительства до полноценного дизайн‑процесса;

- какие грабли собрали;

- что реально изменилось в продуктах и в работе команды;

- как убедить коллег, что дизайн — это важно (спойлер: надо говорить на языке бизнеса).

Это не будет очередной теоретической статьей про «как надо». Только реальный опыт и — самое главное — конкретные примеры того, что сработало именно у нас.

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

Как это обычно происходит? Покажу на примере последнего запроса. Пишет мне потенциальный клиент в Телеграм:

— Добрый день, Егор! Подскажите, пожалуйста, ориентировочную стоимость проектирования и аудита интерфейса. Уже есть готовый проект, думаем о редизайне.

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

Объясняю в переписке, что всё очень индивидуально и предлагаю время созвона. Моя задача — организовать часовой разговор, во время которого я познакомлюсь с человеком и проектом, а также успею провести экспресс-аудит. Это бесплатно и всегда интересно.

В статье хочу рассказать, как я проходила путь от Junior до Middle дизайнера, и зачем развивать насмотренность, качать UI и участвовать в хакатонах и стартапах, даже если есть основная работа.

Мы, люди, обожаем две вещи: покупать всякую всячину и пить чай. Иногда даже одновременно — заказываем новый сорт в сети, пока завариваем старый, и это не прихоть, а ритуал, древний, как сверхновая. Мы разглядываем фото, читаем отзывы, выбираем вкус, будто от этого зависит судьба Вселенной. Казалось бы, зачем так усложнять? Почему не телепортировать напиток сразу в желудок? Потому что у нас здесь действует великий закон UX: сначала пользователь должен пройти путь от интереса к покупке и этот путь должен быть увлекательным, а карточка товара — это портал, через который пользователь входит в мир продукта.

Я, скромный Product Owner с Земли (и по совместительству хранитель тайн самых разных карточек товара), подготовила для вас полный туториал по созданию карточки. Мы пройдём весь продуктовый цикл: от discovery (исследования, чтобы понять, чего жаждут земляне) до A/B-тестов и даже расчёта LTV для бессмертных клиентов.

Латиноамериканские финтех-«единороги» и эксперименты государства с криптовалютой уже несколько лет привлекают внимание всего мира. В одном углу ринга – бразильский Nubank, крупнейший необанк региона, покоривший десятки миллионов клиентов. В другом – мексиканский стартап Plata, основанный выходцами из банка «Тинькофф» и стремительно ворвавшийся в лигу «единорогов». И наконец, Chivo – амбициозный государственный криптобанк Сальвадора, призванный перевернуть финансовую систему страны с помощью биткойна. Кто из них действительно меняет правила игры, а кто – просто прожигает деньги инвесторов? Давайте разберем по пунктам, раунд за раундом, эту финтех-битву за будущее финансов Латинской Америки.

Представим, что вы сидите за ноутбуком, пишете статью, работаете с ИИ-ассистентом — он подсказывает формулировки, проверяет стиль, следит за терминологией.
В какой-то момент вы пишете слово «негр» — просто как часть цитаты, без злого умысла.
А асисстент вдруг отвечает:

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

Обычно разработчики ИИ-агентов или ассистентов считают, что вопросы этики — это не их уровень. Мол, пусть этим занимаются HR, юристы или «гуманитарии», пока продукт работает и не нарушает явных законов. А если и думают, то в формате: «ну, мы же не злодеи, значит, всё чисто». Но это иллюзия. И она опасна.

Потому что любой ИИ, который вступает в диалог, даёт советы, реагирует на эмоции, называет тебя по имени и говорит «я понимаю» — уже не просто инструмент.

Кейс из жизни: мини-приложения, анимированные обложки, внешние команды — и одна на вид «валидная» анимация, которая кладет все приложение. Рассказываем, как мы научились воспринимать Lottie-файлы не как медиа, а как исполняемый код — и почему это улучшило стабильность всей системы.

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

Как правило, у него есть некоторый набор отличительных черт: он большой, у него красивые картинки, он содержит очень важную информацию!

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

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

А ещё есть разные... кхм... разрешения... кхм... экрана... Простите, слеза в горле застряла.

Привет! Меня зовут Андрей, я исследую клиентский и пользовательский опыт в hh.ru. В статье расскажу, как нашей команде удалось вовлечь компанию в рисёчи и тем самым повысить их полезность.

Сидим с другом в машине. Скидываю ему в Телегу ссылку на сайт по продаже щёток стеклоочистителей.

— Попробуй найти здесь дворники для своего Пассата.

Друг переходит по ссылке, видит форму подбора щёток по автомобилю. Открывает выпадающий список с перечнем марок. Листает вниз.

— Блин, неудобно же! Volkswagen — в самом низу. А машина популярная. Могли бы, не знаю, поиск какой-нибудь сделать. Или вынести несколько популярных марок наверх.

Кстати, друг — профессиональный дизайнер интерфейсов. В общем, долистывает до конца списка, выбирает Volkswagen и попадает на шаг с выбором модели…

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

Команда UX-исследователей Островка делится опытом работы с эмоциями и подробным чек-листом проведения и восстановления после интервью 

Я более 17 лет работаю «цифровым» страховым агентом — изучаю новые модели страхования, стартапы, open source и API в данной области, а затем реализую свои цифровые решения, в том числе для коллег и помогаю с автострахованием клиентам.

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

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

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

Спойлер: это не связано с европейским регламентом по защите данных (GDPR) и правом клиента быть забытым (потребовать от компании удаления всей информации о себе).