🍎 Куда пропало легендарное внимание Apple к деталям?

Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов. Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным. Внутри: – Замеры одежды прямо в карточке вместо таблиц размеров; – Виртуальные примерки на 3D-аватаре или похожей фигуре; – AR-функции для проверки мебели и техники в интерьере; – Умные резюме и поиск по отзывам; – Сравнение цен от разных продавцов в один клик. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя. Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя. Внутри: – Почему кнопка «Купить» в баннере лендинга не работает без контекста; – Как метод «снежного кома» помогает найти реальных пользователей; – Зачем фиксировать драйверы и барьеры на каждом этапе CJM; – Почему wireframe делают монохромным для фокуса на структуре; – Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок; – Как эффект баннерной слепоты влияет на расстановку акцентов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Обычно слайды представлены в формате сторис. Вот как например это выглядит в YouTube. Делитесь референтами итогов года из приложений в комментариях. 🖼️ Хороший интерфейс

Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания. Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе. В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение. Внутри: – Почему человек может обработать только 5 элементов одновременно; – Как скелетные UI заменяют спиннеры и снижают тревожность; – Зачем показывать «Данные на 10:42» при сбоях подключения; – Почему спарклайны эффективнее полноценных графиков; – Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию; – Какие ARIA-регионы помогают озвучивать изменения для скринридеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

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

Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть. В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды. Внутри: – Два типа запросов и как их различать; – Как понять, баг это или неправильное использование; – Система приоритетов P0, P1 и P2; – Три пути решения проблемы; – Практики команды для быстрой обработки запросов. ➡️ Читать статью (V*N) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Привет! На связи Алиса – лид-дизайнер студии UPROCK 👋🏼 Уже больше трех лет работаю в команде и курирую коммерческие и учебные проекты. Если смотрели предыдущие разборы – возможно, мы уже знакомы 😊 Сегодня в видео разбираем тему, без которой невозможно сделать современный, стильный и продуманный проект: как работать с референсами и зачем они нужны дизайнеру. Кажется, что референсы – это просто набор красивых картинок, но на самом деле это фундамент, на котором строится вся визуальная концепция. Особенно, если вы начинающий дизайнер: насмотренность, поиск направлений, анализ трендов – все это рождается именно здесь. 📌 В видео я показываю на примере студенческого проекта, как правильно проходить этот путь: • Эмоции и атмосфера. Выпишите все ощущения, которые ассоциируются с темой проекта и выделите из них ключевые – именно они задают визуальный вектор. • Поиск на Pinterest. Pinterest – отличный инструмент, но важно не ограничиваться 3–4 картинками. Собирайте десятки вариантов, анализируйте, что цепляет: свет, линии, движение, мелкие декоративные элементы. • Отбор идей. Выделяем, какие именно приемы будут создавать настроение дизайна: линии, направление, акцентный объект. • Изучение реальных сайтов. Очень важно смотреть не только короткие вдохновляющие фрагменты, но и полноценные интерфейсы. • Определение композиции. Составляем френки – он помогают увидеть структуру будущего сайта без цвета и контента. Работа с референсами – это этап, который экономит вам недели поиска решений и помогает прийти к цельному, продуманному и эстетичному дизайну. А ниже делюсь подборкой проектов наших студентов и выпускников для вашего вдохновения: ⚡️Татьяна Бравина – Портфолио ⚡️Элина Шакирова – SOLUM ⚡️Валерия Кожухова – EMBER & ECHO ⚡️Валерия Микшина – Nude Project ⚡️Арсений Щукин – TRENDTHREAD

Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения. Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве. Внутри: – Почему нечётное количество колонок решает проблему overscan; – Как использовать длительное нажатие для удвоения функций кнопок; – Зачем Prime Video переназначает кнопку Up для функции X-Ray; – Почему вертикальное движение меняет группы, а горизонтальное элементы внутри; – Как PNG с прозрачностью оживляет жёсткие интерфейсы; – Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Этот разворот стоил мне больше недели времени и пяти подписчиков в канале 🤷 но без него никак не получается сформулировать контекст ко времени петровской реформы кириллицы, а без петровской реформы кириллицы не получится закончить исторический раздел) Но ничего, материалы на оставшуюся часть «от Петра до Ревильона» уже натащены в макет, так что осталось недолго :) Буду делить их на две главы — «Нетипичная кириллица XVI–XVIII веков и реформа Петра I» и «Кириллица после Петра I до середины XIX века»

Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями. В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово». Внутри: – Почему важно визуализировать карту проблем в Miro или FigJam; – Какие метрики запрашивать у аналитиков для валидации гипотез; – Зачем платить респондентам $60-100 за интервью; – Как формулировать Problem Statement через паттерн потребности; – Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую; – Какие 30 из 80 болей email-пользователей закрыли в MVP. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – kinhive.com – turn.io – rierastudio.com/en – literal.club/book/the-ride-of-a-lifetime-gcw03 – nicolasbussiere.com ——— – clay.earth/apple-vision-pro – goosebumps.epic.net – firstframe.fr – doubleplay.studio – benjamindauton.com ——— – cobot.co – figma.com/slides – bradleyziffer.com – cluely.com – lemon.io ——— – quadplex80.com – helmutagency.com – miter.com – aether1.ai – mikkisindhunata.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Рефодушка со Львом-королём-фичей — уже на ютубе! Лев показал нам, как завайбкодил и как работают аж 4 его продуктика (как он их называет!) Плагин для Json, бенто-конструктор, кристаллическая мини-игра и плагин-словарь синонимов — всё это не просто развлекухи, а инструменты, через которые Лев челленджит паттерны, перетекающие потом в продукт. Потому что мы, как дизайнеры, должны сами тянуться и стараться ВСЕГДА сделать лучше, вплоть до мельчайших деталей 🤙🤙 Полезности: ● Bento — плагин для фигмы, помогающий собирать картинки в красивые бенто. Просто выбираете фрейм с содержимым, которое хотите упорядочить, запускаете плагин и успех! Он каждый раз создаёт новый макет и автоматически адаптируется к размерам фрейма 🙂 ● Каждый дизайнер должен уметь хорошо писать — это аксиома! Так что, пытаясь сделать UX-тексты лучше, Лев начал общаться с разработчиками, которые посоветовали ему плагины для расщифровки Json с некрасивыми логотипами. В итоге пришлось собрать, расшифровщик Json для Safari самому (и работать точно стало приятнее) ● Залипательная игруля с кристалликами, которые стукаются друг об друга с мелодичными звуками. Не открывайте в разгар рабочего дня! ● Scripter — тулза, помогающая быстро (и безболезненно) загружать ваши плагины в Figma. Лев делился крутым лайфхаком: сначала просишь любую нейронку сделать тебе код (не заморачиваясь с промптом, буквально: напиши скрипт для Figma, который будет переименовывать все выделенные фреймы, каждый в рандомный эмодзи. Никакого UI, обработки ошибок, только скрипт для Scripter на TypeScript). Затем вставляте готовое в Scripter, запускаете — и погнали 🤩 👀 Смотреть выпуск на ютубе *** 🌱 Делаем ролики при поддержке менторского сервиса Duo Sapiens — ловите промик CFVJPDFYTW3K на 50% скидку на первую сессию. Оставляйте заявку на сайте duosapiens.ru

Представляем Spiral — наш новый визуальный поисковик. Ищите что угодно — неясную идею, сложный бриф или даже одно изображение. Spiral возвращает организованные, многопоточные результаты за секунды, охватывая то, о чём вы думаете, с разных сторон. Всё в одном окне — без необходимости прокручивать. Смотрите временные линии, эстетику, референсы и связи. Spiral уже запущен. 🔗 soot.com #ЩLAB by r.