5081
Как устроены цифровые продукты — просто, с примерами, без воды. Пользовательский опыт, привычки и мышление за кнопками. Для связи: @deabdullin
Привет!
Ищу middle-дизайнера к себе в отдел для помощи с дизайн системой и маркетинговыми материалами. Компания — финтех в сфере интернет платежей.
Чем предстоит заниматься:
Материалы для маркетинга (посты, сайты, анимации)
Презентации и иллюстрации/иконки
Составлять брендбук по ТЗ на основе материалов компании. Поддерживать дизайн систему по мелочи.
Что нужно уметь?
- Собирать требования по задаче, делать макеты, защищать и аргументировать свои решения.
- Основы типографики и понимание редактуры текста.
- Софт: Figma, After Effects, Framer, + Blender или С4D для иконок.
Что можно залутать?
Удаленка или офис в Казани, с удобным для вас оформлением, до 150к/мес, в зависимости от навыков.
Как откликнуться?
1) У вас есть портфолио с хотя бы одним приложением, одним сайтом и любой работой с анимацией или 3д, по тематике IT или интернет технологий (не барбершопы и зоомагазины.)
2) Написать рекрутеру:@Barbie_345 “Привет. Я крутой дизайнер.” + пару слов о себе и прикрепить ссылку на работы.
Более формальную часть можно глянуть тут.
Надоели эти идеальные мокапы?
Вот мокапы, которые не похожи на искусственные сцены, а реальные улицы и ситуации с объектами, на которые ляжет ваша графика.
«Реальность такова, что дизайн сталкивается со множеством проблем: ветер, дождь, время, граффити, человеческая глупость или вышедшие из строя носители информации. Эти реальные жизненные неприятные ситуации собраны в серии Fockups. Эти е*аные макеты реалистично показывают ваш дизайн.»
Fockups ↗
@goodux
Мне только спросить: что вы думаете об этом блоге?
В последнее время много новых подписчиков, не знаю даже как вы нашли мой канал.
Расскажите, почему подписались, как давно читаете, какие посты нравятся, почему читаете?
P.S. Буду рад, если к комментарию добавите кто вы, откуда, где работаете, расскажите о себе. Я ведь никогда и не спрашивал. Всем хорошей недели 🙌
@goodux
Почему в английском иногда пишут каждое слово с большой буквы
• Title Case: каждое слово пишется с заглавной буквы
• Sentence case: только первое слово пишется с заглавной буквы
Исследование, проведенное Microsoft, выявило, что Title Case помогает улучшить читабельность заголовков на 13%, так как заглавные буквы легче воспринимаются глазом.
Если вы используете продукты Apple, вы заметите, что title case широко применяется. Согласно исследованиям Nielsen Norman Group, Title Case помогает пользователям быстрее находить важную информацию в интерфейсе, так как заглавные буквы привлекают внимание.
Google, напротив, использует sentence case в большинстве своих продуктов, так как их принципы дизайна рекомендуют именно этот стиль. Исследование Google показало, что sentence case способствует лучшему восприятию и запоминанию текста пользователями.
@goodux · источник
Мои проекты. UI-киты и шаблоны для конструктора сайтов
🖼️ Шаблоны для uCoz 2013-2016
Я делал скрипты для uCoz, знал конструктор вдоль и поперёк, но не делал шаблоны. Случился официальный конкурс, на который я сделал маленький шаблон, он победил, так я начал создавать свои шаблоны до полноценных интернет-магазинов.
🖼️ UI-киты 2017-2023
Первый UI-кит был Rodman UI Kit, затем как-то делал по одному в год. Каждый UI-кит воспринимался для меня как отдельный большой проект, и делался 1-2 месяца довольно плотной работы. Самая эффективная площадка была для меня UI8. В месяц выпуска UI-кит приносил ~$500, а дальше ~$100 в месяц. Сейчас всё сошло на нет.
Последний выпустил в 2023-м году, совсем ничего на нём не заработал.
@goodux
Каналы, сообщества, паблики, группы
На данный момент я веду только этот канал, но раньше я много активно вёл несколько сообществ. Хочу зафиксировать список с короткими комментариями какие страницы вообще заводил и вёл.
До 20-го года я занимался только пабликами в VK, в Telegram я завёл Dribbble, а филиал Бесплатных шрифтов здесь открыл нынешний администратор.
🖼️ Бесплатные шрифты 2013-2022
Это самое крупное сообщество, которое я создал, на сегодня тут 400 тыс. подписчиков. Простой концепт с публикацией 1 шрифта в день понравился всем. Помню меня впечатлило, что подписчиками становились видеоблогеры, которых я тогда смотрел.
🖼️ Dribbble 2012-2022
Этот сервис для меня отдельная история, большая часть моей жизни. Благодаря Dribbble моей первой официальной работой была дизайн-студия из США мирового уровня, где я работал над операционной системой для Huawei, а затем и того же уровня студия Cuberto, но уже из России.
Поэтому я сильно привязался к Dribbble, что хотелось делиться. Возможно, это даже продвинуло площадку здесь, в сообществе было 140 тыс. участников.
🖼️ PSDец 2012-2017
Это было первое сообщество, которое я активно вёл. Не я создатель, я присоеденился, придумал это название, и вывел паблик на самое первое место. Позже создатель по сути отвалился, я единолично вёл. Наверное в первую очередь для меня Photoshop умер как инструмент для создания интерфейсов, поэтому был не интересен. Я подарил это сообщество самым сильным конкурентам, не хотелось его просто бросать.
🖼️ Behance 2012-2017
Вёл и сообщество Behance до кучи, но это было не интересно, досталась в придачу с PSDец. Там как раз просто выкладывались работы из топа, и никакого другого контента не было.
🖼️ Дизайн-карьера 2020
В 2020-м я делал сервис с вакансиями. Эта группа была основной движущей силой, тогда там было 10 тыс. участников, а на сегодня там 16 тыс., поскольку группа живёт сама по себе.
Дальше про появление и трансформации этого канала в Telegram.
@goodux
Мои проекты. Вакансии для дизайнеров
🖼️ DesignHunt 2020
🖼️ Дизайн Карьера 2020
Помню, я долго выбирал название, сначала использовалось первое, затем второе, после поломки сайта.
На тот момент я видел один крупнейший сервис – designer.ru, там были только вакансии. На моём сервисе по задумке должны были быть компактные профили дизайнеров, и само собой вакансии. Ранее я участвовал в найме, и ощутил боли этого процесса, поэтому для работодателей хотел представить отклики в виде таких CV с предварительной оценкой дизайнеров. Это всё только идея, которую я не реализовал, а быстро запустил сервис с вакансиями.
Сначала был сайт DesignHunt, сделал его на WordPress, на готовых плагинах. В этом изначально и была проблема, код не под моим контролем, в итоге попался вредоносный плагин, переправлявший всех на сайты казино. Исправить это я не смог. Дальше я не долго вёл проект только в рамках канала и группы.
Пока сайт работал отправлял на разбор Артемию Лебедеву.
@goodux
Мои проекты. Сайт о конструкторе сайтов uCoz
🖼️ Урааа! 2008-2016
Вся деятельность с созданием социальных сетей, по сути площадок для экспериментов с конструктором uCoz, вылилась в один логичный проект – блог и форум для пользователей конструктора. Название «Урааа!» оставил от социальной сети.
Это было логичным исходом, поскольку такие решения для конструктора были востребованы. Люди спрашивали, как я сделал ту или иную вещь.
Основной контент – скрипты для uCoz. У конструктора ограниченный функционал, но при этом есть (или был) доступ к фронтовой части кода. Скрипты тут означают куски кода с инструкцией о том, как например из блога сделать функционал друзей (сегодня это были бы подписчики и подписки).
Жил этим проектом. Каждый год менял дизайн сайта, придумывал фичи, делился ими со всеми, участвовал в обсуждениях, отвечал на вопросы, и часто безвозмездно помогал с установкой кода, и попутно помогал дописывать код каждому.
В этой теме был достигнут потолок, я перестал быть студентом, у которого минимум расходов, переехал в большой город. Проект совсем задвинулся на дальний план, перестал публиковать контент. Было трудно решить бросить это дело.
В 2016 году продал сайт со всеми материалами владельцам uCoz. Они предложили сами, и поэтому сайт доступен в 2024-м.
@goodux
Сегодня рассказываю о всех собственных проектах, которые когда-либо делал
Решил одним скопом, но отдельными постами, поскольку что-то хочется объединить в один пост, а что-то разделить.
Мне кажется я давно не делал ничего нового (своего). Как будто раньше интуиция подсказывала проект, я делал, смотрел как пойдёт, и решал продолжать или нет. Сейчас же прежде чем что-то начать происходит такой поток рефлексии, что до пробы пера просто не доходит. Думаю, многим знакомо.
Так вот, я так нормально нигде и не зафиксировал, что когда-либо делал в плане собственных проектов. Хочется и самому оглянуться, и если понадобиться к списку обращаться.
P.S. Из будущего. Я ещё в процессе написания, получилось никак не коротко, даже не представляю что найдётся кто-то, кто это всё прочтёт полностью.
@goodux
Задача «Сделать говно»
В дизайн-сообществе любят обсудить ребрендинги, да и вообще логотипы. Критика – это конечно хорошо, а попробуйте похвалить. Я попробую.
Иногда нужно специально сделать дизайн таким, чтобы он ощущался дешёвым.
И вот когда придумали это название «Купер», этот логотип, и слоган «Это супер!», хотели сделать максимально просто, даже тупо, как будто это был первый вариант, который выдала нейросеть. Сохраняем промпты: «Придумай название и слоган для сервиса где можно всё купить, и чтобы все понимали что там всё супер».
А то, что вот у нас Купер и агент из Твин-Пикса, и Шелдон из ТВБ, и ещё машина такая есть? Да, популярная фамилия, тем более, хорошо.
А обводка черная зачем? Вот это уже лишнее. Хотя ладно, будет как в старых мемах.
Интересно, что в коммуникациях это именно белый текст с черной обводной на зеленом фоне, а на сайте и в приложении, это черный по белому, брутально.
В общем, я хотел изначально просто написать, что иногда задача поставлена так, чтобы добиться впечатления как от «смешных цен», просто «Купер» попался под руку на эту тему. Думаю, в случае «Купера» проблема реакции на ребрендинг скорее в том, что мы уже видели как было раньше, и знаем что это огромная компания, которая может сделать эстетично, а тут мы видим противоречие.
@goodux
Откопал в архиве. Что-то не могу перестать улыбаться с этого 😄
Кидайте в комментариях, что в тематике около дизайна рассмешило вас в последнее время или самое смешное из старого
@goodux
10 примеров процесса отмены подписки и почему они работают
Как некоторые ведущие SaaS-компании предотвращают отказы пользователей и поддерживают уровень оттока в зеленом диапазоне. Как лидеры отрасли SaaS препятствуют потере пользователей и поддерживают низкий уровень оттока, а также рассмотрим, как можно реализовать интеллектуальный UX для предотвращения отказов от использования продукта.
Смотреть примеры
@goodux
Навигация в приложениях: почему навигация в Google, Booking и Spotify именно такая, и какую лучше выбрать вам
Ксения Толокнова из Альфа-Бизнеса (мне довелось поработать с Ксенией в Альфе) выделила основные виды навигации, как логически работает навигация, и некоторые особенности и различия платформенных решений.
Читать статью
@goodux
Конструкторы сайтов для портфолио
С помощью этих конструкторов сегодня можно сделать очень проработанный сайт. Практически любые идеи можно реализовать.
1. Framer
2. Webflow
3. Readymag
4. Tilda
Если знаете сервис, который по вашему мнению должен быть в этом списке, пишите в комментарии. И расскажите какой сервис вы выбрали для создания сайта-портфолио и почему.
@goodux
Ссылки на приложения в сторах на десктопе
Давая ссылку на приложение на десктопе, учтите, что приложение скачивают на телефоне, поэтому приоритетнее дать QR-код, а уже в дополнение можно ссылки на скачивание.
Очевидно, но часто на сайтах этого не хватает. Тот случай, когда можно делать не «как все», а чуточку лучше.
@goodux
Опрос для продуктовых дизайнеров
В прошлом году я публиковал результаты исследования от DevCrowd о ситуации на рынке продуктового дизайна. Можете сейчас вернуться к этому исследованию и поглядеть.
А что-то изменилось? Давайте узнаем, DevCrowd снова проводит опрос среди продуктовых дизайнеров.
План опроса:
• Про вас и ваш бэкграунд
• Про то, чем вы занимаетесь в компании
• Про ключевые навыки руководителей
• Про сообщество и обучение
• Про компании, в которых вам было бы интересно работать
Пройти опрос ↗
@goodux
Пользователям не нужна регистрация
Часто на многих сервисах пользователям вставляют палки в колёса, подсовывая регистрацию. Это чистой воды срезание конверсии.
Ко мне обратились за помощью, нужно было поработать с онбордингом, так как многие пользователя после регистрации не доходят до целевых действий. Я посмотрел на путь с самого начала, и понял, что там можно сразу дать на главной те возможности сервиса, ради которых пользователи регистрировались. В общем, совместно с командой мы перевернули всё дело так, чтобы регистрация была одним из последних шагов в сценарии.
Ничего сверхъестественного, по сути также работает покупка авиабилетов, вход и регистрация всего лишь один из шагов.
P.S. А когда я делал Урааа, мне казалось, что тем больше зарегистрировавшихся пользователей, тем больше в последствии активных пользователей. Я заставлял каждого гостя регистрироваться на сайте, чтобы что-нибудь скачать. Поэтому там было 200 тыс. пользователей
@goodux
Готовые интересные решения для веба с кодом
На лендингах не обойтись без какой-нибудь фишки, добавить что-то интерактивное, что-нибудь анимированное. У меня есть 2 сервиса, куда я регулярно захожу не просто за вдохновением, а за готовым решением. Это буквально закладки, которые уже установлены мне в голову. Порой, я уже представляю решение, и иду с конкретным запросом на эти площадки.
🖼️ CodePen ↗
Можно найти много готовых кусков кода и интересных решений. Здесь полигон для фронтендеров, поэтому видимо бывают какие-то челленджи, что мой шот с дрибла там сделали раз 6 (приложил на скриншоте).
🖼️ Codrops ↗
Тут более продуманные комплексные решения. Сюда я захожу, когда нужно определить всю концепцию лендинга, ну и также за поиском решений, которые уже представляю. То есть например я знаю, что изображение может искажаться как водная гладь при движении курсора, я захожу сюда и ищу это.
@goodux
Мои проекты. Что-то ещё?
Ну, что-то ещё было, можно упомянуть, но рассказать наверное нечего, и тем более показать, это уже не найти:
• Моды для GTA Vice City
• Темы для Nokia
• Сайт с ГДЗ по истории
• Сайт про историю мемов
• Паблик про успешный успех
• Сервис по продаже игр ВКонтакте
Чувствую как наконец-то выгрузил всё это из головы, также когда-нибудь нужно будет пройтись по всем местам работы.
@goodux
Мои проекты. Личный канал
Наконец, про этот канал «Хороший UX». До этого у меня не было своего личного канала или блога. Я всегда хотел и занимался созданием контента, писал посты, но всё делал как бы от имени тех сообществ, про которые написал в предыдущем посте.
🖼️ DesignHunt 2020
↓ Сначала это был канал с вакансиями.
🖼️ Дизайн-карьера 2020
↓ Потом канал с фокусом на карьеру в дизайне: способы заработать, взаимодействие с заказчиками и работодателями и т.д.
🖼️ Бэклог дизайнера 2021
↓ Всё, это личный канал, вроде да, а вроде как и нет… Опять же, как бы не от своего имени. Фокус был на новостях, была погоня за актуальностью, плюс постоянный постинг каких-то ссылок на по факту не нужные мне сервисы. Идея названия была в том, что я как будто всё собираю и откладываю это на потом, так и получалось, откладываешь идеи и сервисы, которые никогда уже не откроешь и не реализуешь.
🖼️ Хороший UX 2022-…
→ Сейчас это действительно личный канал с моей фотографией на аватарке.
Название включает в себя сразу несколько смыслов, что это как бы я хочу быть хорошим дизайнером, а следовательно материалы о том, как далать хорошо, и UX в смысле опыт моей карьеры и жизни, и противопоставление популярному на мой взгляд названию «Bad UX» (часто видел подобные странички где собираются примеры плохого дизайна).
Надеюсь, всё ещё впереди. Я освободился от всех проектов, устал от погони за актуальностью, и теперь веду только личный канал.
@goodux
Результат у этого всё же есть
В designer.ru видимо усмотрели во мне сильного конкурента, и после попытки купить мой сервис, здорово обновили свой сервис. Наконец, после этого на нём появились профили дизайнеров и визуально сервис похорошел.
@goodux
Мои проекты. Игра ВКонтакте
🖼️ Построй небоскрёб 2013
У каждого игрока был свой небоскрёб, у которого можно наращивать этажи и менять внешний вид. В зависимости от высоты менялся пейзаж. Можно было смотреть небоскрёбы друзей, там собирать монеты или делать какую-нибудь пакость, если не установлена охрана. За монеты наращивать этажи и пополнять инвентарь.
Игра была сделана на Flash, на ActionScript. Учился прямо в процессе разработки, использовал API Вконтакте. Первую версию не пропустила модерация из-за низкого разрешения.
Использовал продуктовый подход. Игра допиливалась и обрастала новыми механиками уже после запуска. Хотелось сделать и без того по ощущениям скучную игру веселее. Также игроки нашли способ мухлевать, быстро получать высокие значения. Написал код для выявления нарушений, который мгновенно банил нарушителя.
Игра просуществовала меньше года, достигнув 50 тысяч игроков. Я не смог окупить затраты, и перестал оплачивать сервер.
Осталась страница с новостями.
@goodux
Мои проекты. Социальные сети на конструкторе шаблонов uCoz
У этих проектов не было конечной цели, это было увлечение конструктором сайтов, такое же как и рисование.
🖼️ Урааа! 2008
На конструкторе сайтов uCoz на тот момент уже копировали ВКонтакте, я делал что-то среднее между ним и «Моим Миром». Да и вообще смотрел на социальные сети своего времени, и заимствовал понравившиеся решения. Название вдохновлено «Yahoo!».
В следующем посте дальнейшая история: из социальной сети это переросло в сайт о конструкторе сайтов на uCoz.
🖼️ Pingver 2012–2014
Само название говорит о том, что это был свой аналог Твиттера. Вот тут я распространял полный шаблон первой версии, а затем второй.
Удивительно, демо ещё открывается.
@goodux
Забавно, увидел у Дурова фотографию, на которой справа дом, в котором я жил в Казахстане. Момент осознания, что мы по правде живём в одном мире
@goodux
В Москве завтра дизайн-пикник. Вход свободный
Мне тут предложили сходить на дизайн-пикник, но я сейчас не в Москве.
Так вот 13 июля в парке «Красная Пресня» будет дизайн-пикник от Duo Sapiens. Выступят дизайн-лиды Т-Банка, Самолета, VK, СберМаркетинга и других компаний и студий, много знакомых лиц.
Жаль, не смогу присутствовать очно, а вот вам, если вы в Москве, завидую, сможете лично прийти послушать: https://picnic.duosapiens.ru/
@goodux
Делал реферальную программу, среди вариантов был такой блок для истории приглашенных друзей
@goodux
Специалистов с этой строчкой в резюме хантят самые крупные заказчики
Рынок разработки меняется быстрее, чем ты успеваешь освоить новый навык? 100% понимания. Нашли направление, которое будет актуально ближайшие несколько лет.
Webflow – инструмент по созданию сайтов в ноу-код разработке. Это именно тот хард скилл, который сейчас активно ищут топовые компании.
Учиться рекомендуем у практиков и отцов Webflow-разработки – Pixel Perfect. Ребята более 8 лет работают с проектами разряда Сбера, Альфастрахования и Самолёта, а теперь делятся опытом на бесплатном курсе.
Внутри 7 уроков с возможностью создания кейса для портфолио и обратной связью. Все подробности найдёшь по ссылке. Залетай!
Реклама. Рекламодатель ИП Макагонов Павел Андреевич, ИНН 665813790398, erid 2SDnjc1aZeS
Зашёл в свою заброшенную группу, а там жизнь кипит
Когда-то создавал сервис и группу по поиску дизайнеров. Так вот, создавал группу, которую какое-то время модерировал, а потом благополучно забросил.
Сам сайт с вакансиями для дизайнеров я сам делал WordPress, но он потерпел крушение после неудачного использования вредоносного плагина. Так дальше потерял мотивацию продолжать заниматься этим проектом.
На днях решил посмотреть что с этой группой, а там с момента моего ухода вступило ещё 6 тысяч, в итоге сейчас там 16 тысяч участников. Не так активно, но периодически там выкладывают вакансии.
Продолжать этот проект в планах нет, просто забавно увидеть как проекты иногда живут сами по себе.
P.S. Планирую так в ближайшие дни порассказывать, а где-то просто поперечислять личные проекты, которые я делал в прошлом
@goodux
У всех портфолио в Notion
Заметный тренд, что многие дизайнеры оформляют портфолио в Notion. На многих курсах также пропагандируют Notion как единственно верный сервис для размещения кейсов.
Таким образом у сотен кандидатов очень похожие странички. Выгодно будут выделяться кандидаты с собственными сайтами. К тому же, Notion не быстро загружается, а иногда можно напутать с правами доступа, из-за чего кандидаты на вакансию дизайнера присылают закрытые на просмотр страницы.
Где же тогда завести портфолио? Дизайнеру на мой взгляд лучше иметь собственный сайт. Не обязательно нагружать его анимацией, и какими-то особенными графическими приёмами, достаточно внести в него определённую фишку для того, чтобы запомнится.
В следующем посте порекомендую сервисы, где можно сделать крутой сайт-портфолио.
@goodux