Usability *

Магия «правильных» паттернов

Представьте: пользователь заходит в приложение и мгновенно чувствует — здесь всё "на своих местах". Никакого визуального шума, только приятное ощущение порядка. Секрет такого эффекта может крыться во фракталах с размерностью D 1.3–1.7.

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

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

Привет, Хабр! Меня зовут Митя и я занимаюсь развитием цифровых продуктов в ДБО в ОТП Банке.

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

В статье расскажу, как мы подошли к задаче, что изменили и к каким результатам это привело. Материал будет полезен тем, кто развивает мобильные приложения — особенно в финтехе.

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

За год изучения вопроса и погружения в тематику посмотрел большое количество текстов и видео. Если все эти материалы сжать в одну эмоцию, то это однозначно будет «страдание». Дизайнеры страдают… Недавно попалось видео в котором молодая дизайнерка рассказывала трагическую и поучительную историю своего трудоустройства, сравнимую по накалу страстей ни много ни мало с самим Гамлетом. Фабула: заказчики дураки, а я в белом пальто стою красивая. Ну, и конечно, не обошлось без советов космического масштаба и космической же глупости…

Высокая конкуренция — это всегда стресс, но это не значит, что действовать нужно наугад в надежде, что в итоге количество перейдет в качество… может не перейти. Про графический дизайн не берусь судить, но в дизайне интерфейсов, UX/UI главная задача — сделать удобно, понятно и эстетично. Ровно эти же требования предъявляются и к хорошему портфолио т.е. умелый UX/UI дизайнер вынужден подходить к своему портфолио «юиксово», но к сожалению так бывает далеко не всегда.

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

Привет! Меня зовут Настасия, я автор телеграм-канала гиперфокус, привет и дизайнер из Яндекса в Авто.ру Бизнес. В прошлом году я уже проходила UI-челлендж и делилась этим в этой статье на Хабре — рисовала виджеты каждый день, где основное правило было успеть до 00:00, либо начинаешь с самого начала. И у меня это вышло, правда со второго раза, но я не сдалась и завершила его) Было непросто, но классно. С тех пор многое поменялось, но любовь к этому формату осталась

И вот — я снова в игре. Только теперь не одна, а вместе с моей коллегой и дизайнером Ренатой из Авто.ру. Мы запустили новый раунд челленджа: 30 дней — 30 UI-виджетов. Если в прошлый раз, когда я проходила путь одна и повторяла уже существующие виджеты, то сейчас мы генерируем новые идеи под заданные темы

Для этого у нас появился телеграм-чат, где всё происходит: мы делимся работами, обсуждаем, фейлим (и не боимся этого), хвалим и просто держим ритм. Это очень помогает не сдаться на середине, ребята, которые начали путь вместе с нами, уже показывают классные результаты и получают фидбек от нас и участников

Чтобы добавить немного структуры и мотивации, мы ввели простые правила и решили разыграть два приза:

Условия участия:
— Присоединиться можно до 18 мая, после этого чат закроется
— Если начали не с первого дня — не страшно. Можно догнать в своём темпе
— Челлендж завершается 7 июня, итоги подведём 18 июня

Приз — две личные консультации от меня и Ренаты.
Разберём портфолио, дадим фидбек и наметим вектор развития

Если тебе хочется порисовать, освежить насмотренность, войти в ритм или просто быть рядом — присоединяйся. Мы уже начали, но ты точно успеешь влиться 💙

Эхо от кряканья лучше всего слышно в ситуации, когда утка и человек находятся рядом со стеной, хорошо отражающей звуки.

Когда я работал над техническим постом о ресолвинге DNS, то столкнулся с чем-то неожиданным. Каждый раз, когда я вводил пути к файлу hosts (/etc/h*sts — здесь я намеренно его обфусцировал, чтобы не вызвать ту самую ошибку), редактор Substack показывал «Network Error» и отказывался автоматически сохранять черновик.

Одни пушистики толкают нас к риску и достижениям, другие — к стабильности и безопасности. Как выбрать «правильного» зверя для рекламы.

Привет! Меня зовут Ирина Белова, я представляю группу UX-специалистов в группе компаний «Цифра». Наше зарождающееся направление занимается анализом пользовательского опыта и разработкой решений, направленных в первую очередь на оптимизацию процессов и повышение эффективности высоконагруженных сервисов.

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

«Согласен со всеми условиями» — фраза, которую пользователи читают так же внимательно, как и предупреждения об астероидах в «Звёздных войнах». А ведь именно здесь начинается путь к тёмной стороне UX.  

Вы замечали, как:  

• Кнопка «Продолжить без подписки» спрятана полупрозрачным шрифтом?  

• Оформление заказа требует «всего три шага», но на деле превращается в квест?  

• Отписаться от рассылки сложнее, чем собрать световой меч?  

Это не баги. Это тёмные паттерны — дизайн-решения, манипулирующие пользователем. И да, они работают… пока не сожгут репутацию. Как остаться джедаем UX и не поддаться искушению? Давайте разбираться.  

Яндекс обновляет погодное мобильное приложение. Было несколько этапов.

Первый: «Хотите попробовать новый дизайн приложения? Нажмите сюда».

Второй: «Мы включили вам новый дизайн приложения. Чтобы вернуть старый — нажмите сюда».

Наконец, настало время третьего этапа: «Теперь у приложения новый дизайн. Пользуйтесь с удовольствием!». А включить старый нельзя.

Сегодня третий этап настиг мою жену. И она уже выбирает, на какое новое погодное приложение будет переходить (благо выбор широкий). У меня пока есть возможность пользоваться старой версией. Так что я взял наши телефоны, положил рядом (слева — старая версия, справа — новая), открыл приложения Яндекс.Погоды, сфотографировал и сейчас хотел бы дать обратную связь по поводу новой версии. Во-первых, от лица постоянного пользователя сервисов Яндекса (субъективно и с недовольством). Во-вторых, от лица проектировщика интерфейсов (субъективно, но с пониманием и осторожностью).

Домашние питомцы делают нас счастливее, но у счастья есть цена. Исследования показывают, как чувство благополучия от общения с «котиками» влияет на импульсивные траты. Маркетологи ликуют, а мы — разбираемся, где заканчивается любовь к хвостикам и начинается манипуляция нашими эмоциями.

Бизнес без устали тестирует разные гипотезы о том, как логично внедрять customer experience (CX) в производство своих продуктов. От команды к команде опыт подхода к этому «снаряду» отличается. Даже в рамках одной компании бывает, нет единого представления, как «сочетать несочетаемое»: ориентироваться на клиента и при этом зарабатывать деньги.

В RUTUBE мы нашли свой путь: пригласили в продуктовые стримы отдельных сотрудников. Их задача — погружать продуктовую команду в пользовательские запросы и потребности. А фоном — продвигать стратегию (и идеологию) классного клиентского опыта. Мы назвали себя Customer Journey Experts.

Здесь не будет пропаганды и пустых лозунгов — только конкретные действия, которые мы предпринимаем каждый день.

Привет! Меня зовут Юлия Тарасенко. За 6 лет работы в Контуре я занималась созданием процессов в двух направлениях — в коммерческом продукте и в инфраструктурном направлении. Объединяет направления их масштаб — более 5 подкоманд, десятки заказчиков, а различает степень зрелости исследовательской культуры. 

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

Разбираем механики влияния скидок на разные категории зоотоваров и типы потребительского поведения. Влияют ли скидки на решение купить корм или игрушку для питомца? 

Как без дорогих исследований, просто задавая себе вопросы и анализируя, получить кучу инсайтов по продвижению.

Каждый день мы пользуемся разными вещами вокруг нас. Взаимодействуем мы с ними определенным образом – тыкаем, двигаем, открываем, регулируем, защелкиванием, фиксируем и так далее. Выглядят эти вещи тоже определенным образом.

Задумывались ли Вы когда-нибудь, почему это так? Все эти нюансы продумываются в процессе промышленного дизайна (промдизайна).

Я люблю историю развития компьютерной индустрии. На днях мне попался к чтению цикл статей «Удивительный и забытый Palm», в которых рассказывалось, как Palm, Inc. удалось создать класс устройств на новой мобильной ОС — Palm OS, которые сначала захватили 80% рынка карманных компьютеров, а после ушли в забвение из-за принятия некоторых неверных решений и скорого прихода iOS/Android.

Однако тот цикл был посвящён в первую очередь самим устройствам и операционной системе. Меня же особо привлекла ссылка на «Zen of Palm» — брошюру, содержащую философию и руководство компании Palm по разработке приложений для устройств на Palm OS.

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

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

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

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

Собрал конкретные примеры неправильных чекбоксов с крупных сайтов, чтобы вам было проще защищать свои интерфейсные решения и больше никогда не ошибаться