Laws of UX

Здесь вы найдёте основные принципы, которыми дизайнерам стоит руководствоваться при создании пользовательских интерфейсов Install

Минутка истории:

Немецкий журнал о коммерческой графике, январь 1942 года. Какие снежинки. Какие времена. Дизайнер Heinz Allner

Надеемся, что пост про дисциплину вы прочитали и стали хотя бы немного больше верить в себя.

Сегодня несем новую порцию полезного. В меню — гайд по пользовательским интерфейсам: разобрали, из чего они состоят, какими бывают и как UX/UI-дизайнеры работают над ними. Заглядывайте в медиа, чтобы погрузиться в тему. #польза #интерфейсы @contented
🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе) Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя. Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде. Внутри: – Почему «просто показать скорость» оказалось плохой постановкой задачи; – Как интерфейс навигатора ограничивает любое новое решение; – Почему зелёная волна должна ощущаться как состояние, а не как уведомление; – Как диапазон скорости оказался понятнее одного целевого числа; – Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной; – Как анимации помогают дать обратную связь без лишнего шума; – Почему дизайнеру пришлось проверять техническую реализацию самому; – Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Анимация интерфейса.
Плагин «Figma 3D Tilt» by Alex
Плагин для просмотра своих проектов в 3D пространстве 🗿 Глянуть плагин 🗿 #plugin
Минутка веб:
Эффект объема и переката контента по краям экрана
↗️Заканчиваем рабочую неделю крутой новостью: наш СЕО Даниил Фишкин — член жюри Национальной премии «Брендинг года»
«Брендинг года» — это новый вектор, фокусирующийся на признании и поддержке лучших компаний на рынке брендинга. Премия была создана для всех, кто участвует в создании и развитии брендов и формирует индустрию брендинга. Жюри, в которое вошел наш Даня, было сформировано на основе экспертного опыта и уже приступило к этапу оценивания конкурсных работ! Следим за ходом премии и уже ждём результатов, которые станут известны 24 июня на Церемонии награждения🏆
Новокузнецкая, 7 — проект реконструкции фабрики-кухни 1930-х годов. Мы навестили ее и посмотрели, как поживает один из ранних проектов бюро.
После реализации у архитектуры начинается самостоятельная жизнь. Порой меняются арендаторы или сценарии использования, детали интерьера, повседневные привычки людей. Проект постепенно обрастает новыми слоями. Архитектору важно видеть, как живет и взрослеет его проект. Антрацитовые откосы по-прежнему остаются ярким акцентным элементом на улице Новокузнецкой. А если подойти чуть ближе — сквозь панорамные окна видно главное внутренне пространство здания — четырёхъярусное фойе с лестницей, спускающейся серпантином. Фотографии Ильи Иванова (2016 год) и Максима Лоскутова (2026) #kleineweltarchitekten
Ребята, как думаете окуенно, что ваш сенсей делает свой продукт?
➡️ Минутка гордости: • Несколько тысяч платных пользователей; • Среди клиентов известная соцсеть и банк — у нас удобный личный кабинет для корп. клиентов; • Мы — единственный официальный партнер Bytedance в России (это те, кто создал TikTok и авторы лучшей ИИ для видео Seedance 2); • Утопия получила серьезные инвестиции; • Сейчас делаем новую версию, где будет командная работа, проекты, Ноды и холст. В планах сделать это в течение лета; • Выкатываем обновления каждую неделю. И порция уроков вперемешку с обновлениями. За последние две недели вышли следующие функции: 1️⃣ Возможности Claude в Utopy.ai – смотреть видео 2️⃣ Управление светом и камерой – смотреть видео 3️⃣ Обновление раздела Создание вектора – смотреть видео ➡️ Тестировать здесь Еще планируем добавить в этом месяце: • раздел аудио; • добавление стилей персонажей, цветов; • настройки камеры; • библиотеку промтов и т.д. Вот что я считаю по-настоящему потерять продуктовую девственность😅 Скажем так, проверить свои навыки на прочность. Вложить все свои средства, потому что уверен в себе и в том, что делаешь. И мы каждый месяц органически растем, за что низкий поклон нашим пользователям 🤗