Дизайн

Привет любителям консолей!

Пока все хотят PC или Xbox, потому что на них поддерживается куча игрушек, раньше тренд задавала Sega. Так Dreamcast VMU стал первым, кто внедрил второй экран прямо в геймпад. Зачем, разве не хватало одного в то время? Но плюсы в виде мини‑игр, телеметрии и скрытого HUD, заинтересовали публику.

В наши дни — companion‑приложения, OLED‑панели в мышах и клавиатурах, а также веб‑интеграции с играми. Разберёмся, как работал VMU, что используют разработчики для вторых экранов и как вы можете добавить companion‑функционал в свой проект. Детали найдете внутри.

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

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

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Netflix, Duolingo, BBVA.

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

В этой статье разберём:

- Что такое аудит дизайна и зачем он нужен?

- Как провести аудит самостоятельно: пошаговая инструкция

- Основные ошибки дизайна и способы их исправления

- Инструменты для проверки юзабилити и визуальной привлекательности

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

Привет, Хабр! Меня зовут Рома, я арт-директор Битрикс24. Я не могу назвать себя заядлым геймером, но после того как приобрёл PS5, стал замечать, насколько точно видеоигры управляют вниманием. А после прочтения книги Селии Ходент «Мозг Игрока» и множества исследований по когнитивной психологии понял, что некоторые механики из геймдева можно успешно «переложить» на разработку интерфейсов для ежедневных B2B и B2C сервисов. Делюсь своими наблюдениями с вами.   

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

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

Фокус на российском рынке.

Как-то попалась мне на глаза рекомендация от коллег из Яндекса. Они делали аудит рекламы одного из моих клиентов и заодно дали советы по сайту. Меня как UX-дизайнера удивили несколько из этих советов, сегодня расскажу об одном:

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

Сразу хочется спросить: «Зачем?»

Давайте попробуем сравнить два сценария.

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

Привет! На связи команда дизайн-системы Banka UI. Последние три года мы занимаемся развитием инструмента, который превратился в самостоятельный продукт. Хотим рассказать, как это получилось.

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

Banka UI — отличное подтверждение этого тезиса. Мы выросли из набора кнопок для мобильного приложения в фундамент для всей цифровой экосистемы банка. Сегодня наша дизайн-система используется в интернет-банке, мобильном приложении, GorodPay, GazpromPay, зарплатных сервисах и 12 веб-проектах.

Вы замечали, что посетители быстро покидают ваш сайт, едва заглянув на него? Это может быть связано с высоким bounce rate (показателем отказов) — процентом пользователей, которые ушли, не совершив никаких действий. Разберём, почему это происходит и как улучшить ситуацию через грамотный дизайн. В данной статье разберем:

- Что такое bounce rate и как его рассчитывают?

- Основные причины высокого bounce rate

- Влияние bounce rate на SEO

- Мифы о bounce rate

- Инструменты для отслеживания и анализа bounce rate

Встречались ли вы с бейджем 18+ и думали, зачем он тут?

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

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

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

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

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

Всем привет! Меня зовут Антон, я не разработчик и никогда им не был. Я продуктовый дизайнер, а до этого 6 лет руководил клиентским саппортом в сервисе с 1 млн клиентов. Работал в UnaBank, Точка Банк, Whoosh, X5 Retail Group — проектировал сервисы, админку, в общем, в digital-направлении. И давно хотел сделать свой продукт.

Идей было много, но либо в голове возникал целый комбайн, для которого нужна команда разработки, либо не складывалось что-то ещё. Но вот будущее настало. Наступило время вайб-кодинга. А это значит, что можно в две руки написать весь фронт, бэк, тест-кейсы, админку… что я и сделал, и всё это за несколько недель. Сейчас я расскажу вам подробнее.

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

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

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

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

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

Увидели скриншот интерфейса — и сразу захотелось вставить свои пять копеек? Не спешите с критикой.

Вот один из комментариев к моему редизайну интерфейса для радиоприёмника:

— Как говорится, а теперь сравните размер шрифта, контрастность и читаемость в исходном интерфейсе и в новом. Учитывайте мелкий размер экрана. Да, новый интерфейс "красивее", но экран монитора и дисплей устройства — это две большие разницы (с).

А вот другой — от друга, которому я показывал концепт за неделю до публикации:

— Ну у меня всё ещё вытекают глаза, но стало лучше.

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

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