Дизайнер, привет

Дизайнер, привет

@jun_hi
Изображение канала: Дизайнер, привет
18 421 подписчик
39 постов
Посты
Тут много новеньких, поэтому короткой строкой напомню
Кроме моего основного канала есть ещё два: 1. Вакансии для дизайнеров – каждый день кроме выходных 8 вакансий из 40+ источников для графических, ux/ui и продуктовых дизов. 2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие. Буду рад всех видеть) И рекомендациям тоже ❤️ Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому лично ❤️
Изображение поста
🐼 Пользователи не говорят «это приложение удобнее», они ощущают «здесь мне рады»
Артем, лид коммуникационного дизайна в Т2, разобрал эмоциональный дизайн в интерфейсах. Главное: это не про добавить милую панду, это про управление состояниями пользователя. Функции копируются, цены выравниваются, паттерны становятся стандартом. А вот ощущение нет. Дальше всё происходит автоматически: доверие, действие, привычка, лояльность. Дональд Норман выделяет три уровня восприятия. Интуитивный: первое мгновенное ощущение, здесь важно не вызвать отторжение. Поведенческий: опыт взаимодействия, контроль и быстрый результат. Рефлексивный: то что остается после взаимодействия, решение вернуться или нет. Эмоциональный дизайн работает именно в их связке. Внутри кейсы из Т2: – Приветственный экран: анимации, сезонные иллюстрации, выбор дизайна карточки с номером создают ощущение участия и контроля; – Анимация при обновлении базы номеров: персонаж показывает что процесс идет, снимает напряжение, объясняет человеческим языком; – Движение и отклик: элементы реагируют на действия, создается ощущение диалога, интерфейс со мной разговаривает; – Пасхалки: панда на самокате или с мячом, маленький сюрприз в спокойных сценариях, не мешает но оставляет ощущение характера; – Где эмоции вредят: транзакционные сценарии (оплата, блокировки, возвраты), эмоциональная перегрузка; – Как проектировать системно: CJM с эмоциями, отмечаем эмоциональные узлы, подбираем инструменты, проверяем метриками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как я пилю свой продукт. Часть 28.
Ну что, у меня тут случилась внеплановая серия седых волос в начале прошлой недели. 4 марта Fly.io (хостинг говна) просто отрубил мне сервис. Без внятного ответа, без нормальной помощи, без ничего. Я написал им сразу же, и с 4 марта мне не отвечают уже неделю. Просто тишина. Сайт лежит, люди не могут нормально пользоваться продуктом, а ты сидишь и понимаешь, что тебя как будто просто кинули. У них сработала какая-то антифрод система, которая залочила учётку. Их совет пройти автоматическую проверку не помог и я написал им везде где только можно — увы. Кстати, учётка всё еще залочена. Я, если честно, вообще не ожидал, что хостинг может вот так взять и выключить тебе всё в один момент. Особенно когда у тебя уже не лендинг на 3 страницы, а большой живой сервис, где вакансии, отклики, резюме, чаты, оплата, админка, статьи, баннеры и куча всего ещё. Я думал, ну мб залочат хотя бы деплой или что-то ещё, а я даже приложения своего в списке не видел. Благо я успел сделать бэкап до этого. Но часть данных чуть-чуть потерялась (не критичная). Короче, выбора не было. Пришлось экстренно переезжать и изучать варианты. Так я переехал с Fly.io на Render и он оказался круче, удобнее, шустрее и дешевле) И вот это как раз тот момент, который со стороны никто не видит. Потому что кажется, что «ну переехал и переехал». А по факту я весь день почти без остановки поднимал сайт заново. Переносил всю БД, картинки и так далее. Важно было не потерять данные, иначе это был бы капец. Плюс у них немного отличается процесс деплоя, пришлось быстро разбираться со всем этим, а я не разработчик, как вы помните. Также, после переезда появилась проблема, что у Render есть прокладка через Cloudflare, который что вы думаете? Правильно, залочен РКН. Как следствие, мой сайт не открывался после смены DNS у некоторой части РФ пользователей. Пришлось разбираться и в этом и делать проксирование через VDS на российском IP. Я охренел, но узнал столько нового) Но в итоге всё поднял. Hirehi снова работает. Уже на Render. И даже на фоне всего этого пожара я всё равно успел ещё немного допилить сам продукт. Поправил страницу компании и добавил туда быстрый выбор сабкатегории , чтобы там было удобнее искать вакансии. Подчистил отображение зарплат и несколько моментов на странице вакансии. Причесал логотипы компаний, время публикации, часть багов с оплатой и налогами. Вернул в порядок резюме и PDF после переезда. И ещё сделал чуть заметнее штуки, связанные с жалобами на сомнительные вакансии, чтобы мусора в ленте было меньше. Отдельно словил себя на мысли, что соло-продукт это не только «прикольно пилить фичи нейронками». Иногда это ещё 18 часов подряд срочно переносить всё хозяйство на другой хостинг, потому что старый просто исчез. Но я рад, что всё получилось. Метрики вернулись к прежним показателям, хоть и немного подпортились. Спасибо всем, кто помогал и писал) Я всем все вернул (были потеряны чуть подписки) и все довольны) В общем, неделя получилась вообще не про «рост», а про выживание. Но это тоже часть пути, видимо) Приходите, пользуйтесь, пишите фидбек и спасибо, что пишите 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.27
Изображение поста
🎓 Стажер потратил месяц на исследование, нашел 2 респондентов из 250 опрошенных и забыл включить запись разговора
Сергей Федоричев пришел практикантом UX-проектировщиком в команду S3 в Selectel. Первое представление о работе было романтизированным: главное уметь проектировать интерфейсы, знать паттерны, аккуратно работать с макетами. Практика расставила всё по местам. Реальные пользователи вели себя не как в учебных кейсах, любое решение требовало учитывать ограничения продукта, бизнеса и инфраструктуры. Первая задача: паттерн Show More для скрытия информации. Сергей собрал примеры использования по всем продуктовым панелям, сгруппировал по целям, обсудил с дизайнерами. Результат неожиданный: полный отказ от паттерна. Show More стал антипаттерном, который не рекомендуется использовать. Незачем скрывать информацию от пользователей и заставлять их совершать дополнительные действия. Первое полноценное исследование: изучение пользовательского пути при подключении утилит к S3. Сергей искал новых пользователей, которые заходили на страницу создания бакета. Опросил примерно 250 человек, нашел только двоих потенциальных собеседников, причем не самых репрезентативных. В обоих случаях забыл включить запись разговора. На рекрутинг и два интервью ушел месяц. Исследование пришлось прекратить. Сергей не зафиксировал результат своей работы, это была ошибка. Внутри: – Первые дни практики: подключал утилиты к бакетам, проходил основные сценарии, разбирался в терминологии вместо чтения документации; – Паттерн Show More: собрал все варианты использования, сгруппировал по целям, пришел к выводу что это антипаттерн; – Дизайн-система это не про пиксели, это про коммуникацию и синхронизацию между разными продуктами; – SSL/TLS сертификаты в S3: построил user flow, выявил места где пользователь терял контекст, предложил интеграцию с менеджером секретов; – Рекрутинг респондентов: 250 опрошенных, 2 собеседника, забыл включить запись, месяц работы без результата; – Даже неудачное исследование нужно фиксировать: отклик ЦА, использованные каналы рекрутинга, риски, что можно улучшить; – Факт отсутствия ответа от ЦА это данные, а не провал. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Креатив через плакаты
Я вообще считаю, что плакаты это один из самых быстрых способов прокачать визуальное мышление. В интерфейсах ты часто зажат логикой и ограничениями, а тут можно нормально поэкспериментировать с композицией, цветом, графикой и идеей. С 12 по 16 марта UPROCK делает бесплатный интенсив как раз на эту тему. Будете разбирать, как создавать креативные плакаты в нейросетях, работать в Nano Banana, Flux, Seedream и других моделях, а заодно учиться собирать более цельный и сильный визуал. 🤩 Что по формату 12 марта в 19:00 мск будет большая практическая лекция и первое задание. Потом видеоуроки и еще практика. 16 марта разберут ваши работы и разыграют призы. 🤩 Почему полезно Разберетесь с композицией, попробуете нестандартные графические приемы, поймете, как использовать нейросети не ради рандомных картинок, а как рабочий инструмент. И в итоге соберете несколько плакатов, которые можно спокойно забрать в портфолио. Ещё дадут бесплатные стартовые токены для генераций и сертификат о прохождении. Если давно хотели раскачать креатив и попробовать что-то кроме привычных интерфейсов, это хороший вариант. 🔠 Зарегистрироваться 🔠 Зарегистрироваться 🔠 Зарегистрироваться
Изображение поста
🧠 Принципы гештальта и другие особенности восприятия
Зачем дизайнеру знать принципы гештальта? Потому что они универсальны и просто работают, хотим мы того или нет. Это не что-то, что люди понимают, глядя на картинку. Это то, что люди просто видят и не могут развидеть. Женя Арутюнов с командой Интуиции разобрали 11 принципов восприятия с 94 примерами. Эти принципы сформулировали ещё в 1920-х, но они до сих пор объясняют, почему мы видим то, что видим. Например: кнопка рядом с текстовым полем создаёт ожидание, что команда использует информацию из поля. Или заголовок, прижатый к своему абзацу, считывается быстрее, чем застрявший посередине. Мы этого не анализируем, мы это видим. Близость сильнее непрерывности? Нет. Непрерывность сильнее близости. А синхронное движение сильнее их обоих. Внутри: – Фигура и фон: как нюансы светотени отделяют фигуру даже на жёлтом фоне; – Близость и непрерывность: почему разделённая радуга остаётся одним объектом; – Регулярность: как строчка текста нарушает близость, но остаётся читаемой благодаря структуре; – Камуфляж: как взломать восприятие, размещая объекты в ключевых точках излома формы; – Опыт восприятия: почему текст читается, даже если видна половина букв. Принципы гештальта это не композиционный инструмент. Это способ оценить, что получается, и догадаться, почему дизайн не работает. А вы применяете эти принципы осознанно или больше на интуиции? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #174
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – figma.com/draw – pantheonmedia.com – logo-archive.org – possiblemonuments.se – wist.chat ——— – cartier.com/en-us/loveconfigurator.html – nite-riot.com – sneakinpeace.com – humbleops.ai – info.casap.com ——— – jords.co.uk – gladia.io – itsmarga.me – withpace.com – spark.thedigitalpanda.com ——— – reducto.ai – clementgrellier.fr – ruehaus.com – jarcos.work – bejamas.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется
На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию. Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры. Внутри: – Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером; – Какие сочетания уводят пользователя со страницы и создают риск потери данных; – Почему симметрия клавиш Home и End важна для предсказуемого поведения; – Зачем в продукте нужен отдельный блок настроек горячих клавиш; – Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование; – Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ; – Какие ограничения проверки важно учитывать до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🎮 Никто не остается в игре только из-за приятного интерфейса, но из-за плохого интерфейса уходят очень быстро
Сегодня игры конкурируют не только с играми. Они конкурируют с TikTok, Netflix, YouTube, соцсетями и любым другим способом забрать внимание на вечер. В такой среде удобство интерфейса не дает победу само по себе, но сильно влияет на то, останется человек в продукте или уйдет. Александр Шпак, старший UX/UI-дизайнер в Ubisoft, разобрал эвристики удобства для игр и собрал практичный набор из 8 принципов на базе Нильсена и опыта индустрии. С примерами из God of War, Far Cry, Dead Space, Cuphead, Resident Evil и других. Внутри: – Почему конкуренция за внимание сейчас важнее жанровой конкуренции; – Как видимость состояния системы влияет на контроль игрока; – Почему знакомые паттерны ускоряют обучение и снижают трение; – Как снижать нагрузку на память через узнавание, а не вспоминание; – Как предотвращать ошибки и делать восстановление после них быстрее; – Как настраивать доступность и гибкость без перегруза опциями; – Почему минимализм в HUD помогает удерживать фокус; – Как делать обучение и справку полезными в реальном игровом контексте. ➡️ Читать статью (v*n) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📱 Сторис как библиотека: в M2 вынесли сложную фичу в переиспользуемый модуль
Когда сторис начинают расти, код быстро становится тяжелым: больше сценариев, больше багов, больше поддержки. В M2 в какой то момент пришли к этому и решили не расширять фичу бесконечно внутри продукта, а собрать отдельную библиотеку, где логика работает из коробки, а UI контролирует команда, которая внедряет решение у себя. Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции. Внутри: – Почему рост фичи сторис почти всегда приводит к усложнению поддержки; – Как команда сравнила внешнее решение и собственную разработку по стоимости; – Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри; – Как устроены два основных компонента: StoriesPreviewList и StoriesContainer; – Почему модель сторис упростили до Map и чем это удобно; – Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground; – Как хранится просмотренность через StoriesShownRepository и Room; – Почему библиотеку можно использовать частями, а не только целиком. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🇯🇵 Почему японский интернет выглядит как из 2005-го и при этом отлично работает
Заходишь на сайт японского ведомства и будто проваливаешься на 20 лет назад: синие ссылки, плотные блоки текста, странные меню, маскоты в каждом разделе. Снаружи это выглядит как цифровой хаос, но внутри все очень прагматично и заточено под реальную аудиторию. Автор хорошо показывает логику этого веба: Япония стареет, основная платежеспособная аудитория старше, люди привыкли к газетной плотности информации и к другому визуальному ритму. Плюс культурный микс из строгих правил и кавай эстетики, плюс технологический парадокс, где рядом живут роботы, факсы, кнопочные инновации и государственные сайты в стиле нулевых. Внутри: – Почему демография напрямую влияет на визуальный язык сайтов; – Как газетное мышление формирует плотную и нелинейную верстку; – Зачем японским сервисам столько маскотов и как это снижает тревогу; – Почему государственные сайты выглядят старомодно, но остаются рабочими; – Как культура правил и кодавари отражается в интерфейсных решениях; – Почему Япония рано запустила мобильные платежи и интернет еще до смартфонов; – Как сосуществуют цифровой прогресс и устойчивые аналоговые привычки; – Что можно забрать в продуктовую практику, если делаете e-commerce и массовые сервисы. Хороший разбор о том, что странный интерфейс не всегда плохой интерфейс, если он точно попадает в контекст аудитории. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как я пилю свой продукт. Часть 27
Первая и самая главня новость Я пробил 20.000 регистраций. Сейчас стабильно регается 150-200 человек ежедневно и цифры растут. 😮 Зарплаты Я давно хотел сделать раздел зарплат, но никак не доходили руки. В 27 части дошли и раздел появился) Сейчас там уже более 1000+ сабмитов от пользователей. Я проверяю сабмиты + там есть некоторые проверки на бэке, чтобы не были сабмиты джуна на 1 млн рублей. Приходите смотреть и оставлять свою Теперь можно посмотреть зарплаты по направлению, специализации, грейду и формату работы. Плюс я сделал возможность анонимно добавить свою зарплату, чтобы сравнить себя с рынком. Там же есть динамика, учёт премий и подборка подходящих вакансий под выбранные фильтры. И да, это всё тоже нормально причесал под мобилку, потому что с телефона этим пользуются много. Жду, когда челики из Эйч стырят 1в1 раздел, как они сделали со всеми фичами, которые появились у меня, резюме, сопроводами и другим) Не благодарите. Если ваши продакты не вывозят в бэклоге фич, увольте их. Ну или ждите, пока я сделаю новые. 📢 Что ещё обновил после прошлой части: – Подкрутил отображение зарплат в вакансиях, чтобы суммы и вилки показывались понятнее; – Дополировал сам раздел зарплат: фильтры, графики, форма добавления зарплаты, мелкие баги и визуал; – Поправил вход/редиректы/авторизацию и часть моментов с оплатой; – Причесал тему (светлая/тёмная), шрифты и UI на многих страницах; – Сделал поиск точнее, чтобы было меньше случайных попаданий в выдаче; – Добавил и починил источники вакансий, чтобы вакансии лучше подтягивались и реже отваливались; – Подправил отклики и чат с рекрутерами + несколько багов на страницах вакансий; – Подчистил страницы под поисковики (в том числе новую зарплатную страницу); И да, добавил авторизацию через Яндекс) Тоже оттягивал это долго, а оказалось, что это можно было сделать за 10 минут. Ну как обычно, в целом. 0️⃣ Что по цифрам: Hirehi растёт и это радует. Потихоньку, с 0 рублями в маркетинг. – 1.4 млн показов и 48к кликов из гугла – 1.03 млн показов из 37к из яндекса – Рекорд по выручке за месяц, она тоже потихоньку растёт и подбирается к средней зарплате мидла. Я очень этому рад. Год назад я и мечтать о таком не мог Самое главное, что работает SEO. Я продолжаю писать статьи в блог и оптимизировать страницы. И ещё круто, что часто меня рекомендует perplexity, chatgpt и другие. Трафик от них тоже есть и это радует. Дальше я хочу сделать ачивки в профиль, которые за простые действия будут давать профит и вам и мне. Я откладывал это долго, но пора заняться, так как появился трафик и он стабилен. Спасибо всем, кто пользуется и пишет фидбек с отзывами мне в лс. Каждый отзыв мотивирует и даёт силы ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.26
Изображение поста
🔔 Inspiration #173
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – telkom-ot.si/en/home – flask.do – grainient.supply – raffi.town – nationalgeographic.com/into-the-amazon ——— – dipseastories.com – smoo.link – pangrampangram.com – harvey.ai – velvetyne.fr ——— – superchill.org – wewantmore.studio – visitors.now – physicalintelligence.company – yourbana.com ——— – superlocaldesign.com – layer9.com – giga.ai – byandstudio.com – wabi.ai ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔄 14 UX-решений, которые снижают возвраты в e-commerce
Четыре из пяти возвратов связаны не с качеством товара, а с ошибками на этапе выбора. Пользователь просто не понял, что покупает. Это значит, что снижение возвратов начинается не в логистике, а в интерфейсе. Marskwebb проанализировали 25 приложений крупнейших магазинов: Lamoda, ASOS, Zalando, Amazon, IKEA, Wildberries, OZON и другие. Выделили 14 инструментов в четырёх зонах риска. Например, Lamoda показывает замеры прямо в карточке без перехода в таблицы. ASOS предлагает размер на основе параметров тела и истории покупок. Zalando создаёт 3D-аватар по фото и показывает посадку с учётом пропорций. Amazon даёт разместить мебель в своей комнате через AR. BestBuy использует ИИ для резюме отзывов: типичные проблемы и преимущества в одном абзаце. Внутри: – Характеристики: персонализированный подбор размера, AI-сравнение товаров; – Визуализация: примерка на похожей фигуре, AR для мебели и техники; – Отзывы: сортировка по полезности, галерея фото/видео, поиск по темам; – Дополнительная информация: прозрачный доступ к альтернативным ценам; – Главный принцип: чем реалистичнее ожидания, тем меньше возвратов. Как думаете, что работает лучше всего? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🍎 Apple в 1992: «Плохие иконки отвлекают и раздражают». Apple в 2025: добавила именно такие иконки везде
В macOS Tahoe компания добавила иконки к каждому пункту меню. Проблема: если иконка есть у всего, ничто не выделяется. Главная функция иконки в том, чтобы помочь быстрее найти команду. Но когда все пункты с иконками, это работает наоборот. Ник Тонский, программист и дизайнер интерфейсов, разобрал все ошибки и сравнил их с рекомендациями из собственного руководства Apple 1992 года. Оказалось, что идеальное знание уже было доступно 30 лет назад, но его полностью проигнорировали. Внутри: — Пятьдесят оттенков «Создать»: собрал все иконки для новых документов, папок, записей в одну картинку, абсурдность стала очевидной; — Одинаковые иконки для разных действий: стрелка может означать импорт, обновления, быстрый просмотр или показать выполненное; — Детализация в 12×12 пикселей: иконки размером 0,09 дюйма (2,4 мм) содержат камеру с видоискателем, окно с кнопками закрытия, букву i высотой 2 пикселя; — Нет консистентности: «Сохранить» имеет разные иконки в разных приложениях, стрелки указывают в разные стороны; — Текст вместо метафор: иконки Abc, BIU выглядят как текст, а не как символы; — Игра без подписей: убрать названия команд и попытаться угадать по иконке, что она делает. Провал. Apple взялась за невыполнимую задачу: добавить иконку к каждому пункту меню. Хороших метафор на всё не хватает. Но даже с учётом этого работа сделана плохо: нет консистентности, детали не видны, одинаковые иконки означают разное. Как вам иконочки? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔤🔤 Выкатили фичу для доступности, а пользователи попросили вернуть всё обратно
СберИнвестиции потратили месяцы на адаптацию под увеличенный шрифт. Провели редизайн ячеек, переписали логику отображения, протестировали на разных конфигурациях. Выкатили в прод. Начали получать отзывы: «Верните старый дизайн». Что пошло не так? Тестировали только на телефонах. Никто не подумал проверить планшеты и эмуляторы. На широких экранах перестроенные ячейки выглядели нелепо. А часть пользователей вообще работает через эмуляторы на компьютере, там физические параметры экрана искажаются. Игорь, Android-разработчик в Сбере, рассказал про опыт работы с доступностью в команде «Портфель клиента». Провели исследование: 44,82% пользователей используют системное увеличение шрифта или интерфейса. Это огромный пласт аудитории. При увеличении старый интерфейс ломался: названия счетов обрезались, кнопки теряли текст, в ячейках активов пропадала половина информации. Внутри: — Стратегии обработки переполнения: обрезание, сокращение, перенос строк, авторазмер текста, динамическая вёрстка; — Custom ViewGroup для ячеек с тремя состояниями: стандарт, переполнение 1, переполнение 2; — Расчёт размера шрифта с учётом двух системных настроек: размер шрифта и масштабирование экрана; — Динамическая высота шапки при перелистывании счетов и смене периода; — Итоговое решение: дали пользователям самим выбирать тип отображения ячеек в настройках; — После запуска количество пользователей с увеличенными ячейками значительно выросло и продолжает расти. А вы тестируете свои интерфейсы с увеличенным шрифтом? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📱 CRM в мобильном приложении Ozon прошел 6 итераций разработки, чтобы маленькие продавцы могли работать без маркетолога
Настя Воронцова, ведущий продуктовый дизайнер в Товарах (Ozon), рассказала как проектировали CRM в мобильном приложении для продавцов. Основная задача: сделать инструмент, который не требует наличия у продавца маркетолога. Работу начала не с детальной проработки страницы, а с концептов. Они помогли быстро преобразовать желания менеджеров в требования для приложения, понять какая навигация нужна, как поделить проект для итеративной разработки. Потребовалось 6 итераций, чтобы полностью завершить раздел. Внутри: – CRM анализирует покупателей по RFM-анализу: давность сделки, частота, вложения, сегментирует на группы; – Закон Парето: 80% продаж исходят от 20% постоянных клиентов, важно сосредоточиться на этой группе; – Итерация 1: главная страница CRM, фильтры для переключения между сегментами, всё без скролла на стандартных телефонах; – Итерация 2: список покупателей с фильтрами по сегменту, среднему чеку, действиям, дате последней рассылки; – Фильтр "Действия покупателей": тип взаимодействия, количество товаров, период взаимодействия, можно точечно работать с аудиторией; – Итерация 3: список рассылок, отслеживание статусов и анализ результатов на основе конверсии; – Итерация 4: создание рассылки или баннера, предпросмотр, блок с напоминанием что выбрал на предыдущем шаге; – Итерация 5: рекомендации подсказывают как работать с сегментом, кнопка с действием предзаполняет часть данных автоматически; – Переход от переключения сегментов к вертикальному скроллу: снижает количество кликов, привычный паттерн для мобильных приложений. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔔 Inspiration #172
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – trybrass.com – bento.me – humanmade.co.jp – havenservicing.com – helio.cloud ——— – osome.com – central.inc – mikekus.com – toggl.com/hire – wisprflow.ai ——— – makereign.com – notom.co – park.photos – topanga.io – ginivini.com ——— – lilacsolutions.com – damso.com – abhishekjha.me – joinvalley.co – mojo-app.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Каталог спецпроектов
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍 ➡️ Го разглядывать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🔄 Почему корпорации переделывают работающие продукты
«Если работает, не трогай» звучит разумно, пока продукт не превращается в легаси. Purrweb поговорили с дизайн-лидами из Т2, Точка Банк, Билайн, Альфа-Инвестиций, Битрикс24 и Лиги Ставок о том, как они решались на редизайн и что из этого вышло. Главная мысль: редизайн это не про «сделать красивее», это про возможность развиваться дальше. Денис Теплов из Лиги Ставок рассказал, что они заморозили выпуск фич на девять месяцев, потому что старая архитектура просто не позволяла делать новые сценарии. Илья Абрамов-Попов из Билайна говорит, что первые концепты были готовы за 12 дней, а весь путь до прода занял 7 месяцев. После запуска оценки упали до 2+, но через две недели вышли на 4.7. Лига Ставок после редизайна получила +5% DAU и +4% к количеству ставок. Внутри: – Пять барьеров для редизайна: сопротивление, сроки, ресурсы, синхронизация, пользователи; – Как организовать процесс: от исследований до постепенной раскатки; – Роль дизайн-системы и почему иногда проще создать новую; – Как выстроить работу между дизайном и разработкой; – Конкретные результаты: метрики, рейтинги, реакция пользователей. А вы работали с легаси-продуктами? Что было сложнее всего менять? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста