Обновить
64.04

Usability *

Удобство использования

Сначала показывать
Порог рейтинга
Уровень сложности

Визуальная история. Как инфографика меняет подход к данным. Guest Post

Время на прочтение12 мин
Охват и читатели2.4K

Привет, Хабр!

Мне очень понравились ваши отклики на одну из моих недавних статей «Не трогай моих чертежей! История науки в знаменитых изображениях» (и ваша высокая оценка +43), поэтому я какое‑то время подумывал продолжить эту тему большой статьёй об инфографике. Но время шло, и за помощью по этой теме я обратился к уважаемой Анастасии Лазукиной @anastasiamrr, ранее писавшей для этого блога отличные гостевые посты. На Хабре Анастасия сотрудничает с корпоративным блогом FirstVDS, где пишет замечательные материалы с выраженной биореакторной спецификой. Подписывайтесь на неё, следите за обновлениями, а пока заходите под кат. Далее — от автора.

Читать далее

Сколько денег теряет бизнес из-за плохого дизайна? Мы посчитали

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели1.6K

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

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

Читать далее

Инклюзивный дизайн финтех-продуктов: как забота может добавить бизнесу новых клиентов (если сделать все правильно)

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели1K

Привет, Хабр. Я Мария, UI/UX и коммуникативный дизайнер в Clevertec, а еще исследователь по натуре. В этой статье я поделюсь своими находками и выводами об инклюзивном дизайне: что это такое, действительно ли компаниям выгодно вкладываться в адаптацию своих решений под людей с дополнительными потребностями и как на практике это реализуют в разных странах.

Погружаемся

User (анти)Expirience

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели458

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

Читать далее и обменяться мнением

Как подготовиться к Whiteboard Challenge: мой провал, выводы и советы для дизайнеров

Уровень сложностиСредний
Время на прочтение8 мин
Охват и читатели2.9K

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

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

Читать далее

Вертикальный текст: в какую сторону поворачивать

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели1.9K

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

Читать далее

UX-ошибка стоимостью 900 миллионов: как сгорел Собор Парижской Богоматери

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели18K

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

Читать далее

Как оценить качество чат-бота? Бот с LLM vs бот на интентах по новой методологии usability-тестирования

Уровень сложностиСредний
Время на прочтение9 мин
Охват и читатели1.4K

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

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

Читать далее

AI, макеты и дедлайн: как за 8 часов исследовать продуктовый сценарий, нагенерить идей и взяться за макеты

Уровень сложностиСредний
Время на прочтение4 мин
Охват и читатели999

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

Читать далее

Продуктовый дизайн во власти карго-культа: как перестать бесконечно исследовать и начать делать

Уровень сложностиПростой
Время на прочтение6 мин
Охват и читатели2.8K

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

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

Читать далее

«Копировать» или «скопировать»

Уровень сложностиСредний
Время на прочтение2 мин
Охват и читатели1.1K

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

Читать далее

Слишком уж «Быстрый вход» в приложение Т-Банк на Android

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели53K

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

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

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

Что скажут безопасники?

UI-kit в разных структурах Ozon

Уровень сложностиПростой
Время на прочтение15 мин
Охват и читатели3.2K

Всем привет! 

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

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

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

Читать далее

Ближайшие события

Как составить сценарий юзабилити-тестирования

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели1.5K

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

Читать далее

Про заглавные буквы в текстах сайтов

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели741

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

Читать далее

Почему ты не должен использовать onChange в React

Уровень сложностиСредний
Время на прочтение4 мин
Охват и читатели6.8K

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

Читать далее

Парадокс профессии UX-писателя

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели1.4K

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

Читать далее

Остерегайтесь эффекта Makefile

Время на прочтение4 мин
Охват и читатели9.9K

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

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

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

Читать далее

Даниэль Канеман, когнитивные искажения, кризис и UX/UI

Уровень сложностиПростой
Время на прочтение10 мин
Охват и читатели4.6K

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

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

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

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

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

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

Поехали!

Продуктовый дизайн и AI, или инструменты UX-дизайнера

Уровень сложностиСредний
Время на прочтение4 мин
Охват и читатели1.9K

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

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

Читать далее

Вклад авторов