Все потоки
Поиск
Написать публикацию
Обновить

Дизайн

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

Картографический фотопроект «По местам съёмок фильма «Жмурки»

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

Проект начал делать в июле 2023 года, когда отснял часть фото. Второй раз поехал в Нижний Новгород в октябре 2023, чтобы доснять оставшиеся локации. Проект долго лежал недоделанным, а недавно увидел, что с момента съемок прошло 20 лет.

Про технические аспекты рассказал тут, остановлюсь на локациях.

Читать далее

UX и ограничения памяти: как принципы геймдева помогают проектировать интерфейсы

Уровень сложностиСредний
Время на прочтение6 мин
Количество просмотров1.6K

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

Читать далее

UX-рудименты, часть 2: дизайн, который остался жить в 2012-м

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

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

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

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

Читать далее

Где и как учиться дизайну бесплатно: гайд для начинающих дизайнеров

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

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

Читать далее

Проблема автофокуса в первом поле формы

Время на прочтение3 мин
Количество просмотров1.9K

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

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

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

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

Читать далее

Как наставничать джунов и не терять фокус на своих задачах

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

Привет! Меня зовут Ксюша Бердникова, я исследователь в Контур.Удостоверяющий Центр. Меня очень вдохновляет наставничество и системный подход к нему, поэтому в статье хочу обсудить: какие шаги, привычки и приемы помогают выстроить эффективную систему наставничества и как наставнику сохранять фокус на своих задачах, не теряя баланс.

Читать далее

Банка для интерфейсов: как дизайн-система превратилась в самостоятельный продукт

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров2.4K

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

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

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

Читать дальше

Bounce Rate в веб-дизайне: как удержать пользователей на сайте

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров1.3K

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

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

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

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

- Мифы о bounce rate

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

Читать далее

«5% заботы: почему возрастной бейдж — это тоже про UX»

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

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

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

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

Читать далее

Как создать успешный продукт. Выводы из запуска и развития сервиса грузоперевозок

Уровень сложностиСредний
Время на прочтение3 мин
Количество просмотров1.3K

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

Читать далее

Как я сделал агрегатор IT-вакансий и получил 30 000 уников в месяц, не написав ни строчки кода

Уровень сложностиПростой
Время на прочтение8 мин
Количество просмотров2.3K

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

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

Читать далее

UX/UI портфолио. Часть 4: Шесть критических ошибок в кейс стади

Время на прочтение10 мин
Количество просмотров2.2K

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

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

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

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

Читать далее

11 техник ИИ, которые экономят время продуктовому дизайнеру

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

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

Читать далее

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

Сетевой стек по-майнкрафтовски

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

Всем привет! Это снова Наташа, проектировщик интерфейсов из Selectel, которая вечно лезет в технические темы. Моя дизайнерская карьера из раза в раз челленджит меня технически сложными продуктами и вынуждает разбираться, что стоит за красивыми пикселями на экране, — в общем, как работает интернет. Но как только я открываю статьи о сетях для самых маленьких, то сталкиваюсь с тезисами типа «Очевидно, вы уже знакомы с моделью OSI и основами TCP/IP...».

Очевидно? Я дизайнер, и сети для меня существуют только социальные. Я ни разу не дочитала такую статью, потому что уходила копать про «очевидную» матчасть в других источниках. Очевидно, вы слышали о Minecraft и котиках. Вот на них-то я и буду по-дизайнерски разбирать, как работают сети. Начнем с пушистых.

Сагрить крипера

Авторское право: как не нарушить и как защитить

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

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

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

Читать далее

Чек-лист для тех, кто собирается критиковать чужой дизайн

Время на прочтение6 мин
Количество просмотров10K

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

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

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

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

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

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

Читать далее

Нескучный дизайн: Figma и ее патенты

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

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

Читать далее

Мы съездили на дизайн-выходные и вернулись к реальной работе

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

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

Читать далее

Как я случайно стал UI-дизайнером радиоприёмника — и заработал 60к за 15 часов

Время на прочтение6 мин
Количество просмотров8.3K

Я часто сталкиваюсь с тем, что дизайнеры отказываются от проектов с нечёткими вводными. А зря. Такие проекты — идеальный способ вырасти в профессии, если уметь правильно организовать процесс. В статье — как я это сделал, какие документы оформил, как застраховался от «нравится/не нравится», и чем это закончилось.

26 июня мне в Телеграм написал потенциальный клиент.

— Добрый день! Хочу пообщаться с вами на тему возможного сотрудничества по поводу UI/UX. Если кратко, это редизайн для электронного прибора (радиолюбительский КВ/УКВ приемопередатчик). Проект открытый, текущий дизайн я делал сам, но хочу переделать. То, что сейчас сделано, можно посмотреть на канале проекта.

Первая мысль: «Не мой клиент». Во-первых, я UX-дизайнер и привык делать прототипы и документацию, а не рисовать редизайн. Во-вторых, если проект открытый, денег там, наверное, не заработаешь.

Вторая мысль: «Зато интересно! Интерфейс для физического устройства. Даже если не смогу взяться за работу — познакомлюсь с интересным человеком. Может, порекомендую кого».

В общем, я точно не предполагал, какой у истории будет конец.

Читать далее

Статистика для UX-исследователей. Часть 3 — Анализ взаимосвязи качественных переменных

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

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

Читать далее