Usability *

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

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

Привет, меня зовут Влада, я продуктовый дизайнер в Сбере. Работаю во внутренних продуктах колл-центра. Летом 2024го я завалила вайтборд в Т-Банк и теперь хочу поделиться разбором своих ошибок.

Вертикальное размещение текста привлекает внимание и экономит пространство, но возникает вопрос: в какую сторону его поворачивать? Что влияет на удобочитаемость, когда текст читается снизу вверх или сверху вниз.

Я думаю, многие в курсе о том, что недавно в Париже торжественно открыли отреставрированный после большого пожара Собор Нотр-Дам-де-Пари. Однако знаете ли вы, что пожар не успели вовремя потушить, так как новый охранник получил от сигнализации код ZDA-110-3-15-1 (привет UX!) вроде как указывающий на точное место возгорания. Но охранник не смог его интерпретировать и 30 минут просто искал, где это место. За это время пожар успел разгореться и потушить его уже не получилось. На реставрацию потратили более 900 миллионов долларов. Хорошая цена за плохой UI/UX, не правда ли?

Привет, Хабр! Я Юля, дизайнер диалоговых интерфейсов в Just AI. Мир захлестнула LLM-волна, и сфера чат-ботов оказалась в самом ее центре: все больше компаний хотят внедрять именно генеративные решения.

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

В этой статье я расскажу, как я работаю, когда «подгорает» на примере модуля планирования рабочего времени в нашем корпоративном портале.

Всем привет. Меня зовут Артур Арсёнов, я Product Design Lead в Garage Eight. За 20 лет в продуктовом дизайне я успел поработать дизайнером, арт-директором, владел собственной компанией и стал дизайн-лидом. 

Десять лет назад я был одним из тех дизайнеров, кто говорил: «Давайте исследовать, давайте тестировать, давайте разбираться как можно глубже». И вот спустя десять лет и 200+ проектов я могу сказать, что исследования из решения превратились в проблему. Как так вышло и что с этим делать, разбираю в статье. Если в вашей компании из-за бесконечных исследований цикл разработки продукта растянулся на месяцы и годы, то го читать. 

Очень часто ловлю себя на том, что в разных контекстных меню ищу именно «Копировать … » (ссылку, текст и всякое). И очень часто же, вместо «Копировать» нахожу «Скопировать», что меня расстраивает. Есть ли «правильный» вариант?

Последние несколько лет я являюсь клиентом Т-Банка (в девичестве Тинькофф Банк) и использую их Android-приложение, наверное, каждый день. В декабре я обновил его из Huawei AppGallery, и что-то изменилось в моём пользовательском опыте… Мне стало казаться, что меня стали как-то слишком редко спрашивать отпечаток или PIN после запуска приложения тапом по иконке или по уведомлению. Так произошло раз, два, пять, и я невольно обратил на это внимание. А поскольку моя работа связана с информационной безопасностью, я решил немедленно настучать на плохое поведение разработчикам, тем более у них есть программа bug bounty.

Сказано – сделано. Это было кринжевато, так как я не был на 100% уверен в своих словах, но я всё же написал о том, что меня как-то редко стали спрашивать отпечаток/PIN. У меня была включена опция «Быстрый вход», которая в приложении объяснена так: «Если вы используете отпечаток пальца или скан лица, у вас будет 5 минут, чтобы зайти в Т-Банк без авторизации». Без этой опции поведение было ожидаемым: каждое открытие приложения просило отпечаток/PIN, а вот с ней… Когда я думал, что отпечаток/PIN не нужен, то он не был нужен; когда я думал, что он нужен, он обычно почему-то был не нужен.

Стал я экспериментировать, чтобы у меня был более членораздельный отчёт. Мой телефон разблокировался по отпечатку пальца или PIN, и внезапно оказалось, что «Быстрый вход» в приложении Т-Банка означает не то, что я думал. Я-то, наивный, рассуждал просто: залогинился в приложение – можешь его закрыть, но в течение 5 минут тебя пустят обратно без вопросов (кэширование аутентификации в рамках приложения). Мне казалось, что приложение раньше всё время так и работало, примерно до декабря. А теперь я наблюдал своими глазами нечто иное: если ты предъявил отпечаток для разблокировки телефона, то внезапно приложение Т-Банка будет пускать тебя внутрь без вопросов в ближайшие 5 минут!

Всем привет! 

Меня зовут Курилкина Арина, я почти год являюсь фронтенд-разработчиком интеграционных и инфраструктурных сервисов склада. Также я 2,5 года разрабатывала мессенджер для сайтов Покупателя (Buyer Experience или же, как мы у себя говорим, — BX) и Продавца (Seller Experience — SX). Таким образом, я успела поработать с продуктами трёх крупных структур Ozon: BX, SX и Warehouse (Складские сервисы*).

Каждая структура уникальна, имеет свои потребности, свои проблемы и свои решения. И каждая является неотъемлемой частью функционирования компании Ozon. Своеобразные три кита, на которых стоит маркетплейс. Поработав с каждым из них, я посмотрела на клиентскую разработку и на работу с дизайн-системами и UI-kit’ами, в частности, с разных сторон. И теперь я хочу поделиться своим опытом.

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

Привет! Я Юлиана Шевчук из Контура. В этой статье расскажу, как составить сценарий и о наиболее распространенных сложностях на каждом из его этапов.

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

Недавно, работая с компонентом ввода номера телефона в форме регистрации, я столкнулся с весьма неочевидной особенностью работы различных обработчиков событий. Связано это непосредственно с onChange, onPaste и onInput. Мне пришлось провести достаточно глубокий ресерч, чтобы разобраться в особенностях, которые я встретил. Начнем по порядку.

Привет! Меня зовут Наталья Грихина, я руковожу отделом стратегического UX-контента Битрикс24. В этой статье расскажу о том, как мы в компании понимаем роль и задачи UX-писателя и поделюсь рекомендациями для тех, кто хочет освоить эту специальность.

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

Не могу подобрать идеального названия для этого явления, так что буду называть его просто «эффект Makefile». Эффект Makefile не назовёшь однозначно порочным — просто нужно иметь его в виду при проектировании инструментов и систем.

Суть эффекта Makefile сводится к следующему:

Привет! Меня зовут Мария, я ux/ui дизайнер и по совместительству организатор Книжного Клуба Product offline. Книжный Клуб Product offline — это небольшое закрытое комьюнити в Санкт — Петербурге, которое объединяет под своим крылом всех причастных к созданию айтишных продуктов людей, которые в чтении находят инсайты и стремятся обсуждать их с единомышленниками и применяют полученные знания в работе и коммуникации с пользователями/командой/продуктом/бизнесом.

Для меня, как для горящего и восторженного новичка, стала открытием книга, которую мы читаем на данный момент: Даниэль Канеман »Thinking slow and fast». Эта книга перевернула для меня работу подсознания и помогла увидеть, как можно работать с пользовательским опытом в ux/ui дизайне через призму когнитивных искажений.

И вот, я загорелась идеей написать пост для Хабра.

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

Располагайтесь поудобнее, запаситесь чаем/кофе, печеньем и приятного прочтения!

Начну с представления действующих лиц этой книги. Канеман предлагает нам познакомиться с Системой 1 и Системой 2 (далее С1 и С2)

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

Курс рассчитан на четыре недели. Я проходила его 4 месяца. Не спешила. Читала все дополнительные материалы. Применяла на текущих проектах всё, о чем узнавала. Приобрела хорошую привычку описывать то, что делаю и написала 6 стади-кейсов о своих текущих проектах.

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

Последний год мы активно ведем работу над доступностью Кинопоиска.  Он стал тринадцатым сервисом Яндекса, адаптированным для незрячих и слабовидящих людей — это случилось в начале 2024 года. Это означает, что сервис доступен для использования с помощью специальных программ экранного доступа (другими словами — скринридеров), которыми пользуются незрячие пользователи. 

А ещё контент Кинопоиска начал пополняться субтитрами для глухих и слабослышащих людей и тифлокомментариями. 

Вот как выглядит видео с SDH и тифлокомментариями.

В этой статье Джон Раш (John Rush), создатель технологичных стартапов и автор таких сервисов, как UnicornPlatform, ListingBott, SEObotAI и 20+ других инструментов для маркетинга и SEO, делится своими мыслями на тему создания и продвижения стартапов и о том, почему их основатели зачастую терпят неудачу, несмотря на свой профессиональный опыт в сфере IT.

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

Меня зовут Татьяна Лескова, я старший аналитик-исследователь в RuStore. В статье расскажу, как мы добавили accessibility check в UX-исследования: читайте ниже, как внедрить его в свой продукт и как справляться с вызовами на этом пути.