Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
176 subscribers
333 photos
40 videos
145 links
Честное закулисье дизайн-процесса без прикрас – с фейлами, трудностями, успехами.

UI/UX, продуктовый дизайн
https://baybulatov.framer.website

9 лет коммерческого опыта в дизайне продуктов с нуля до продакшна и поддержки

Автор: Рустам, @baybulatovdesign
Download Telegram
Забавно смотреть на такие заказы с таким низким ценником.

Как правило из дизайнера всю душу высосут за эти 5 тысяч.

Но своего исполнителя они найдут.
❤2😢1
Media is too big
VIEW IN TELEGRAM
Ребят, переделываю свой сайт, решил поэкспериментировать.

Дайте фидбек, любые мысли, ощущения, критика – welcome!
🔥5⚡2❤2
На последнем проекте решил попробовать использовать следующую универсальную схему состояния нажатия:
Нижний слой – поверхность кнопки
Средний, Pressed – черный с прозрачностью 15%
Верхний слой – текст с иконкой

Помогает избежать дополнительных стилей для меня и разработчика. На маленьком проекте менее ресурсоемкая схема и вполне адекватно вписывается в стилистику– кнопки не грязнит.

Подсмотрел в одной статье, а вот какая – уже потерял.

Разработчики – дайте фидбек, как вам такой подход?
❤5🤔2
Закулисье дизайна: UI, UX, Продуктовый дизайн, AI (ИИ)
На последнем проекте решил попробовать использовать следующую универсальную схему состояния нажатия: Нижний слой – поверхность кнопки Средний, Pressed – черный с прозрачностью 15% Верхний слой – текст с иконкой Помогает избежать дополнительных стилей для…
Короче, тот разработчик молчит, другие говорят, что не проще.

Видимо, не стоит так делать. Да, это проще с точки зрения количества стилей в фигме, но не удобно с точки зрения разработки.

Предположу, что так проще может быть для разработчика и дизайнера только в том случае, если кнопки имеют составные и сложные градиенты, которые не будут храниться в растре, а будут кодироваться.Ё
Ну и другие редкие кейсы.
⚡4❤3💅2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Это я таски пытаюсь все поймать из чата и занести в Notion
🔥4❤2⚡1
С днем Святого Валентина, дизайнеры!

Пару лет назад (если не ошибаюсь) придумал эту концепцию связки золотого сечения в сердце.
❤7🔥21
Не прошло и 4х лет, как я сделал новый кейс на Behance про Trackerus.

Рассказал про историю продукта:
с чего начали, что было в начале, какие действия предприняли и какие результаты получили.

Смотреть кейс на Behance.

Нужна ваша поддержка ⚡

P.S. Предыдущие кейсы в начале карьеры мог делать около месяца, тут вышло 2-3 дня, 12 часов. Но и стиль у Трекеруса довольно простой, поэтому вышло довольно быстро.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤2👍2👏2⚡1
Отрывок из книги Harvard Business Review «Креативность»:

Большинство людей рождаются способными к творчеству. Но со временем многие из нас начинают сдерживать творческие порывы. Мы становимся более осторожными в суждениях, более осмотрительными, начинаем мыслить аналитически. Создаётся впечатление, что мир делится на «творческих» и «нетворческих» личностей, и слишком многие из нас, осознанно или не совсем, относят себя ко второй категории. <...>
Но ничего страшного: каждый из нас способен вновь обрести креативную уверенность. Главное — преодолеть четыре главных страха: страх неизвестности и неопределённости, страх осуждения, страх сделать первый шаг и страх утратить контроль.


Взял из Журналуса
❤3🔥1
В таком виде передал разработчику джойстики для игры в футбол.

Люблю такие штуки делать.

Разработчику, вроде, все понятно, посмотрим, как реализует.
❤3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Ого, чему Яндекс.Браузер научился!

Определять QR-коды из видео и сразу давать ссылки, чтобы перейти. При чем определил сразу 2 кода и подсветил их активными.
❤2🔥2
Спустя Х месяцев я все-таки решился, в каком стиле буду делать свой сайт (уже будет 3я версия)
и это 🥁... Швейцарская верстка.

Делюсь с вами референсами.

Очень импонирует вся эта история с нестандартной версткой, большой (и не очень) типографикой и видимыми линиями.
Какая-то плакатная история получается, последнее время мне лично заходит.
🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Фигма анонсировала фичу мульти-редактирования.

Тут можно попрактиковаться:
https://www.figma.com/community/file/1343991048099728924/multi-edit-playground

Сам пока не чекал, но решил сразу вам вкинуть. Скоро сам изучу.
❤5
This media is not supported in your browser
VIEW IN TELEGRAM
Хотел сегодня отдохнуть, поехать в другой город, но не успел закрыть дела.

Уже чувствую, что силы на исходе, так что не знаю, с какими силами буду начинать рабочую неделю.

Немного помогает отвлечение на Processing на несколько минут. Вот такую штуку делаю сейчас.
Без GPT не обошлось, хотя довольно часто выдает не то, что надо. Prompt-engineering надо качать.

Кстати, есть идеи че интересного добавить при взаимодействии с квадртами? Повороты пробовал, но криво пока выдает версии кода.
❤3🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Это я сейчас таску делаю
😁4
Про проблемы больших компаний, когда у них нет user-flow 👇

Сейчас активно проектирую user-flow банкинга с выходцами из одной финтех-компании.

На созвоне недавно рассказали, что у них такого не строят – очень удивился. Как это и в сложных системах такого не делают?

Когда работал в немецкой компании, где все еще сложнее – там до меня тоже такого не делали.

Внедрение новых фич без этого и отладка занимала очень много времени из-за того, что разработчики устраивали коллы с дизайнерами, чтобы они рассказали, как работает макет. Эти созвоны отнимали очень много времени. В этой компании, чтобы построить флоу привлечения нового клиента у нас с проджет-менеджером ушла неделя, где мы и то не успели всех аспектов изучить.
Созваниливась с разработчиками, разговаривали с sales-менеджерами – очень долго + новые созвоны с теми же людьми устраивали, т.к. всплывали новые подробности.
Вообще эта история про CJM, о котором позже расскажу, но и со флоу такие проблемы были.

Внутри компании даже матерые сотрудники не всегда понимали весь флоу.

Плюс без флоу вы можете пропустить важные моменты с валидациями и отработками редких случаев + вероятность потерять пустое состояние экрана.

Короче, делайте флоу в сложных продуктах. Вы потратите несколько часов сейчас, зато команда не будет тратить потом время + при уходе из компании люди все равно будут знать, как работает продукт.
🔥4❤2👍1👏11
Делаю редизайн сайта своего, нравится эта секция в целом, мелочи подшлифовать и гуд. Остальные чё-т пока не заходит, 50/50.

Можете глянуть наброски тут (пока только десктоп):
https://victorious-needs-092360.framer.app/swiss

Делаю потихоньку. Думаю, медленно, но верно.
11
Кайф! А когда я открыл сегодня Музыку, то подумал, что это баг
❤1
This media is not supported in your browser
VIEW IN TELEGRAM
В дизайн Моей волны добавили палитру, которая оттенками показывает настроение треков. Умные алгоритмы анализируют цвет пользователя на основе его Коллекции, а также цвет играющей прямо сейчас композиции и смешивают их в обновленном дизайне.

Но это не всё: новая динамичная анимация подстраивается под ритм музыки и реагирует на лайки. Персонализация new level.
❤21