#ux_design — Public Fediverse posts

Poll:
* Am I a weird minority that thinks typing on a full keyboard is faster and more accurate than talking, **particularly** if you are in a **shared office**.
* No it just C-suite that works from home by themselves and doesn't realise... that voice isn't the best.
* mixed: voice is OK for emails or prose but *not suited* to C++ code,video editing, fire-wall-rules etc
#ux #ux_design #interactions

Перестаньте мешать пользователям: гайд по дружелюбным модальным окнам

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

https://habr.com/ru/companies/severstal/articles/1022004/

#ux_design #ui #пользовательские_интерфейсы #пользовательский_опыт #figma #figma_design #web #модальные_окна #модальная_логика

Как мы улучшаем наши «Нейросторис»: новый фильтр и исправление ошибок

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

https://habr.com/ru/articles/1017270/

#marketing #marketing_automation #marketing_research #productdevelopment #datadesign #ux #ux_design #ux_дизайн #uxисследования #mobileapp

«Цифровое обрезание» для ВК Видео

Жалко, что современные творцы сервисов, которыми мы пользуемся каждый день, страдают от отсутствия хорошего образования и как следствия фантазии. Копипастить и перекрашивать интерфейс в ожидании изменения пользовательского опыта - ну, так себе идея. Стоит иметь минимальное представление о развитии цифровых интерфейсов, чтобы понимать, почему то, что все копирую у друг друга, выглядит именно так и как это можно улучшить минимальными вложениями. Снова , снова и снова , речь пойдет о утерянной технологии древних Pan-N-Scan. Оставлю прелюдии на потом. Чё делать то? Добавляем всего одну иконку. Ставим ей два статуса вкл/выкл. Растягиваем контейнер с видео. И вуаля — наслаждаемся по настоящему Полноэкранным режимом, занимающим всю полезную площадь матрицы приобретенного устройства.

https://habr.com/ru/articles/1001502/

#вк #вконтакте #вк_видео #ux #ux_дизайн #ux_design

Сасфеликс 2.0 или «На 25% больше Стаса Васильева за теже деньги» / решаем проблему скукоженного Харламо

Инновациям нужно не только «своё время», как Sega Channel и Motorola Ирмдиум, но и своё место. Когда тебе отказывают 99 процентов потенциальных партнёров и крупные игроки, ты стартуешь как придаток для обновлений довольно местечкового проекта, чтобы вырастить потом из этого всепожирающего монстра. Дядя Габен не даст соврать. И пока ребята из VK неторопливо, сквозь фильтр процессов бюрократии, ресеча и верификации, внедряют мои идеи, я, будучи не скованным формальными обязательствами, иду туда, где лучшие решения могут случиться. Речь в статье пойдет о принудительном цифровом «обрезании» и чем оно полезно для гигиены визуального восприятия.

https://habr.com/ru/articles/993462/

#сасфликс #ux #vk #вконтакте #ux_design #видео #дизайн #дизайн_интерфейсов #интерфейсы #интерфейс

Мой самый упрямый экран. Figma была свидетелем

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

https://habr.com/ru/articles/974974/

#фигма #figma #ux_design #ux #app #приложение #прототип #стартап #atmy #личный_опыт

Мой самый упрямый экран. Figma была свидетелем

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

https://habr.com/ru/articles/974974/

#фигма #figma #ux_design #ux #app #приложение #прототип #стартап #atmy #личный_опыт

Мой самый упрямый экран. Figma была свидетелем

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

https://habr.com/ru/articles/974974/

#фигма #figma #ux_design #ux #app #приложение #прототип #стартап #atmy #личный_опыт

Как автомобильные инженеры проектируют интерфейсы: HMI от идеи до реализации

Привет, Хабр! Меня зовут Илья Стариков, я ведущий бизнес-аналитик в направлении HMI (Human Machine Interface). С интерфейсами автомобилей я работаю больше восьми лет: участвовал в создании HMI-концепций, исследовал пользовательский опыт, проводил бенчмаркинг и тестирование автомобилей. В прошлых публикациях я разбирал эволюцию систем управления авто и системы ADAS . А сегодня хочу рассказать, как вообще разрабатывают интерфейсы современных автомобилей, чем HMI отличается от UI/UX и какие основные элементы интерфейса правят балом в современных машинах. Погнали!

https://habr.com/ru/companies/ru_mts/articles/975584/

#HMI #автомобильные_интерфейсы #проектирование_интерфейсов #функциональная_безопасность #эргономика #автоматический_дальний_свет #разработка_требований #тестирование_макетов #ux_design

Пользовательский опыт остается заложником предубеждений. MAX и Telegram

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

https://habr.com/ru/articles/963118/

#ux #ux_дизайн #ux_design #ui #uitableview #max #макс #telegram #телеграм #телеграмбот

Мой сын не собирает LEGO замки. Урок UX

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

https://habr.com/ru/articles/962032/

#ux #ux_design #приложение #дизайн #figma #figma_design

Как интерфейс PostHog поможет продактам и аналитикам в решении задач

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

https://habr.com/ru/companies/selectel/articles/958928/

#аналитика #posthog #ux_design #личный_опыт

Первые 40 часов UX/UI‑дизайна: как я собираю вводные и формирую основу интерфейса

Я работаю по схеме Time & Materials (T&M) над проектами с высокой степенью неопределённости, где на старте часто только общее представление о продукте, его структуре или задачах. В этой статье я покажу, как проходит первый ключевой этап работы — от сбора вводных материалов до набора проектных артефактов, которые формируются в первый блок часов.

https://habr.com/ru/articles/958586/

#uxстратегия #анализ_и_проектирование_систем #интерфейсы #проектирование_интерфейсов #ux_design #сбор_требований #проектная_работа #figjam #user_story #user_flow

«Я кончился»: как мем из макета превратился в рабочий инструмент

Многие компании хотят быть «на одной волне с пользователями», но шутить и неформальничать не хотят — слишком уж они серьёзные, да и «вдруг чего». А может ли шутка как-то повлиять на образ бренда, если у него отличная репутация? Вряд ли. Компании, которые это поняли и используют эмоции как способ сблизиться с пользователям, уже активно захватывают не только гаджеты, но и сердечки новых юзеров. Но как появляются пуши, которые вызывают у людей ощущение живого диалога? Как сделать кнопку, в которой пользователь найдёт не идеальный, а «свой» инструмент и расшарит скрины вашего приложения в соцсетях? Точно не по заказу. Такие тексты рождаются из эмоций и часто — когда уже нечего терять. Привет! Меня зовут Вика, сегодня расскажу о создании такой завирусившейся кнопки.

https://habr.com/ru/companies/dododev/articles/955424/

#ux #редактура #кнопки #ctr #ux_design #копирайтинг #дринкит #додо #dodo_engineering

Когда впечатления заложник формата

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

https://habr.com/ru/articles/956686/

#вк #вконтакте #vkonakte #vk #youtube #ui #ux #ux_дизайн #ux_design

The role of a user persona in UX and how to create it

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience. What is a user persona, how to define it, and how can it help the UX team in finding the best design solutions for a product?

https://habr.com/ru/articles/942046/

#ui #uikit #ui_testing #ui_kit #uitableview #uicollectionview #uiтесты #uix #ux #ux_design

The role of a user persona in UX and how to create it

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience. What is a user persona, how to define it, and how can it help the UX team in finding the best design solutions for a product?

https://habr.com/ru/articles/942046/

#ui #uikit #ui_testing #ui_kit #uitableview #uicollectionview #uiтесты #uix #ux #ux_design

The role of a user persona in UX and how to create it

A lot of articles and guides on how to create an effective UX design for a software product mention “sticking to a user persona” in order not to waste efforts and resources on a non-target audience. What is a user persona, how to define it, and how can it help the UX team in finding the best design solutions for a product?

https://habr.com/ru/articles/942046/

#ui #uikit #ui_testing #ui_kit #uitableview #uicollectionview #uiтесты #uix #ux #ux_design

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов. Звучит ĸаĸ nightmare? Таĸ и было.

https://habr.com/ru/companies/magnit/articles/938072/

#figma #figma_design #figma_plugin #пользовательские_интерфейсы #пользовательский_опыт #пользовательские_сценарии #ux #ux_design

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов. Звучит ĸаĸ nightmare? Таĸ и было.

https://habr.com/ru/companies/magnit/articles/938072/

#figma #figma_design #figma_plugin #пользовательские_интерфейсы #пользовательский_опыт #пользовательские_сценарии #ux #ux_design

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов. Звучит ĸаĸ nightmare? Таĸ и было.

https://habr.com/ru/companies/magnit/articles/938072/

#figma #figma_design #figma_plugin #пользовательские_интерфейсы #пользовательский_опыт #пользовательские_сценарии #ux #ux_design

Каĸ организовать 20+ ролей в одном Figma-файле: наш кейс и советы для смельчаков

Представьте: у вас есть приложение с 20 пользовательсĸими ролями. Каждая роль видит интерфейс по-своему — разные элементы, состояния, возможности. И вам нужно поддерживать аĸтуальность всех этих вариантов. Звучит ĸаĸ nightmare? Таĸ и было.

https://habr.com/ru/companies/magnit/articles/938072/

#figma #figma_design #figma_plugin #пользовательские_интерфейсы #пользовательский_опыт #пользовательские_сценарии #ux #ux_design

Figma Professional бесплатно. Гайд для студентов и участников онлайн-курсов

В прошлой статье я рассказывал, как бесплатно получить UX-сертификацию от Google на Coursera — отличный старт для тех, кто только начинает путь в дизайне. Теперь логичный следующий шаг: прокачать практические навыки и изучить Figma Pro , инструмент, который используют в реальной продуктовой работе почти все команды. Почему это важно? Базовая версия Figma подойдёт новичкам. Но если ты хочешь:

https://habr.com/ru/articles/924780/

#figma #figma_design #продуктовый_дизайн #дизайн_интерфейсов #обучение_дизайну #ux_design #ux_для_новичков #uxисследования

MVP vs MLP: почему минимально жизнеспособного продукта уже недостаточно в 2025 году

Вмире стартапов назревает сдвиг: классический подход Minimum Viable Product (MVP) больше не гарантирует успеха. Если раньше пользователи были готовы мириться с сырыми прототипами, которые «просто работали», то в 2025 году планка качества поднялась так высоко, что одной лишь функциональности уже недостаточно. Современные пользователи ожидают продуманный и приятный UX с первого касания — продукт должен не только работать, но и вызывать восторг. Здесь на сцену выходит концепция Minimum Lovable Product (MLP): стратегия запуска, ориентированная на создание любимого продукта с первого дня. Разберёмся, почему MVP теряет актуальность, чем отличается MLP и как компаниям адаптироваться, чтобы завоёвывать сердца пользователей в 2025 году.

https://habr.com/ru/articles/923134/

#дизайн #ux #ux_design #product_manager #project_manager

Рецензия на переводную книгу “Законы UX-дизайна, 2 издание”

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

https://habr.com/ru/companies/ssp-soft/articles/917846/

#ux_design #uxкоманда #ux_для_новичков #uxстратегия #ux #ui #ui_kit #uix

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

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

https://habr.com/ru/companies/surfstudio/articles/886134/

#ux_design #дизайн_интерфейсов #дизайн_приложений #аналитика_мобильных_приложений #мобильные_приложения #интерфейсы #mobile_first #mobile_design #ритейл #продажи

Дизайн дисфункция или клавиатуры для TV приложений

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

https://habr.com/ru/articles/878840/

#ui #ui_testing #usability #интерфейсы #ux #ux_дизайн #ux_design

Дизайн дисфункция или клавиатуры для TV приложений

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

https://habr.com/ru/articles/878840/

#ui #ui_testing #usability #интерфейсы #ux #ux_дизайн #ux_design

Дизайн дисфункция или клавиатуры для TV приложений

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

https://habr.com/ru/articles/878840/

#ui #ui_testing #usability #интерфейсы #ux #ux_дизайн #ux_design

Сделай удобно: подборка UI/UX-кейсов из цифровых и нецифровых продуктов (#5)

«Сделай удобно» #1 . «Сделай удобно» #2 . «Сделай удобно» #3 . «Сделай удобно» #4 . Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки. Под катом: N26, Glovo, Flowwow, Intsargam.

https://habr.com/ru/articles/876168/

#дизайн_ux #мобильное_приложение #продукт #продукт_менеджмент #ui #ux #ux_design #ux_дизайн #mobile_design #дизайн_мобильных_приложений

Большое UX/UI исследование мобильных приложений аптек

Hola, Amigos! На связи Вадим Кононенко и Станислав Дмитриев, руководители проектов агентства продуктовой разработки Amiga. Собрали в одной статье тренды и решения, которые следует учесть при разработке приложений аптек и e-com в целом.

https://habr.com/ru/articles/838726/

#flutter #design_system #дизайн #ux/ui #ux_design #uxисследования #мобильное_приложение #дизайн_приложений #исследование_рынка #исследование_пользователей

Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon

Привет всем! Это не обычная статья, это целый курс про UX-редактуру от Ozon. Мы с вами разберем, что такое UX-редактура, какие бывают форматы интерфейсных текстов и как их писать качественно, быстро и просто. Меня зовут Кира Калимулина, мы с командой занимаемся всеми интерфейсными текстами в Ozon. Я задумала этот курс, чтобы помочь дизайнерам, продакт-менеджерам, копирайтерам, разработчикам и другим специалистам научиться писать тексты для интерфейсов. Этот курс подойдёт тем, кто только погружается в мир UX-редактуры и хочет стать продуктовым редактором. А также тем, кто вынужден писать тексты для приложений, но не умеет (или думает, что не умеет). Я подготовила 4 урока, где разобрала, как мы пишем тексты в Ozon. Для вашего удобства основная информация продублирована в видеоуроках. В роликах есть ещё много приколов, которые невозможно передать в статье, так что можно и смотреть, и читать — как вам удобнее!

https://habr.com/ru/companies/ozontech/articles/821383/

#дизайн #UXредактура #UX #ux_design #ux_дизайн #ux_для_новичков #ozon #ozon_tech

Почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам

При работе над паттерном навигации моя команда выяснила интересный факт — мало материалов для дизайнеров. Я провела своё исследование: поговорила с разработчиками, проанализировала множество приложений и заглянула в гайдлайны. В статье покажу три самых популярных вида навигации, которые есть на рынке на начало 2024 года. Я выкладывала этот материал на английском языке и собрала 25 тысяч просмотров. Теперь делюсь ей с русскоязычным комьюнити. Вы узнаете: — какие основные виды навигации существуют, — как логически работает навигация, — некоторые особенности и различия платформенных решений (iOS vs Android). Расскажу, почему найти что-то в приложении бывает так трудно. Вы сходу будете отличать, где хорошая навигация, а где продуктовая команда недоработала.

https://habr.com/ru/companies/alfa/articles/797957/

#навигация #human_interface_guidelines #material #navigation_bars #sidebar #navigationdrawer #tab_bar #гайдлайн #меню_навигации #ux_design

Как сделать консистентный UX для 40+ продуктов. Уроки, которые я извлекла из перезапуска дизайн системы

Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер в Selectel . Определяю, поддерживаю процесс и качество дизайна продуктов в компании, занимаюсь поиском и онбордингом людей в команду, помогаю дизайнерам развиваться. В 2022 году мы создали свою дизайн-систему. Это был сложный и интересный путь. Вместе с командой мы прошли через многое и решили несколько ключевых проблем: наладили коммуникацию между дизайнерами и разработчиками так, чтобы все говорили на одном языке, сделали опыт пользователя в ключевых сценариях консистентным и обновили устаревший фреймворк. В этом тексте я хочу поделиться главными уроками, которые извлекла в процессе. Они будут полезны дизайнерам и разработчикам, лидам и линейным специалистам. Надеюсь, мой опыт поможет вам при создании вашей дизайн-системы и в работе над ней, и вы не допустите моих ошибок.

https://habr.com/ru/companies/selectel/articles/782422/

#selectel #design_system #дизайнсистема #design #ux_design #кейс