Marus Design UX/UI
1.84K subscribers
315 photos
32 videos
346 links
Нотатки дизайнерки інтерфейсів.

🔺️ Канал на YouTube:
https://youtube.com/@Valeriamarus

🔺️ Мій Instagram:
https://instagram.com/valeria_marus

Щодо співпраці:
@valeriamarus
Download Telegram
Окей, бачу, що багато хто з вас вже використовував якісь методи досліджень в своїй роботі.

А поділіться, які саме? І що для вас є найскладнішим в дослідженнях або викликає проблеми/побоювання? А я в обмін поділюся своїм досвідом :)
Проєкт моєї подруги взяв нагороду Webby Awards в категорії Law Websites and Mobile Sites 🎉

Такі нагороди здаються недосяжними, і для дизайнерів-одинаків це так і є, адже це результат кропіткої роботи цілої команди, серед якої менеджери, ілюстратори, моушн-дизайнери і, звичайно, дизайнери інтерфейсів.

Тому якщо ви відчуваєте себе недостатньо дизайнерами, переглядаючи переможців Awwwards або Webby, нехай це вас трошки заспокоює) Одного дня ви зможете потрапити в компанію, яка надасть вам можливість розвиватися та креативити на повну, і в якій буде команда талановитих людей, і ви разом зробите щось дуже-дуже вау.

Що до мене - я вже майже змирилася з тим, що обрала шлях UX та продукту, і мій теперішній проєкт настільки закритий, що широкий загал просто ніколи його не побачить 😅

Дуже закликаю подивитись сам сайт та надихнутися на майбутні перемоги 😉Ви ще ніколи не бачили такого сайту в юридичній ніші)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍15❤8🔥3
Маю дещо особливе - безкоштовну бетку плагіну для фігми, який створює за вас дизайн-систему 🤯

Я вже потестила - ви вказуєте primary та secondary кольори (за бажанням також нейтральні, success/error), вказуєте шрифти для заголовків та body, можете налаштувати радіуси та тіні, жмакаєте кнопку - і плагін створює вам палітру, текстові стилі та компоненти: кнопки, дропи, світчери, модалки тощо! Трохи налажав з контрастністю для секондарі кольору (помістив чорний текст на довольі темний фон), але підправити все можна вже вручну. І це все не просто в компонентах, а за принципами атомного дизайну! 😎

Це топ, я вам гарантую, скоро тулза стане платною. А поки що юзайте (хоча, я не пошкодую грошей і за повну версію, якщо треба буде).

🧑‍🎤Зберігати тут🧑‍🎤

#інструменти #плагіни_figma
___

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19❤5
Короткий лайфхак 💫
Якщо страждаєте від заліпання в пікселі та вилизування інтерфейсу на ранніх стадіях, коли треба думати про структуру - малюйте вайрфрейми у FigJam. Це дуже мені допомогло прискоритися та накидати десятки варіантів, серед яких потім можна було обрати найкращі і деталізовувати.

І памʼятайте - варіанти, варіанти, варіанти!

Перше рішення, яке спало на думку - зазвичай не вірне. Навіть якщо ви на 100% впевнені, що знаєте, як варто зробити. Коли намалюєте ще 5 або 10 опцій - ви подивитеся на все з іншого боку та згенеруєте саме те, що є потрібним, а не найпростішим.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19❤6👍3🤯1
У мене до вас сьогодні дуже хвилююче питання.

✨Чи маєте ви, до кого звернутися за порадою? Комьюніті, підтримку на роботі, ліда або ментора?

Або ж відчуваєте себе воїном-одинаком у великому полі?

Що робите, коли не можете знайти відповідь на питання або не знаєте, як правильно щось задизайнити? Діліться болями в коментах.

І ставте реакції:

🤩 - маю ліда і підтримку
🤯 - один в полі воїн
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯67🤩10
Я в шоці, ви мені стільки реакцій як тут 👆 ще не кидали 🤯

Як то кажуть, I feel you, бо до того як у мене зʼявился друзі-колеги, до дизайн-студй, до комьюніті, у мене було так само. І в основному я заводила канал на ЮТ як раз для того, щоб полегшити шлях для інших. Але здається, що це все одно односторонній процес, а дизайнеру на початку (особливо, але і не тільки) важливо мати голос, щоб ставити питання і розвиватися.

Маю такую ідею - зібрати онлайн зустріч, де ми з вами зможемо поспілкуватися та обговорити питання, які вилюються/зупиняють/викликають проблеми найбільше.

Хочу зробити пробну зустріч, щоб зрозуміти запит і думати, чи є сенс рухатись в цьому напрямку. Тому декілька важливих поінтів, щоб це відбулося і пройшло результативно:

1️⃣ Я можу робити це тільки в не робочий час (вечір або вихідні)
2️⃣ Вам треба буде обрати пару найголовніших наразі для вас питань
3️⃣ Після я буду збирати фідбек і дуже бажано його дати (в форматі гугл-форми), щоб знайти максимально продуктивний формат.

Хто за і вважає ідею крутою - ставте вогники 🔥
НЕ СТАВТЕ ВОКНИК ЯКЩО НЕ ПЛАНУЄТЕ ДОЛУЧАТИСЯ!

Дякую :3
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31
Отримала запитання щодо організації файлів у великій команді. А мені є що відповісти! Бо ми мабуть більше місяця витратили, щоб вигадати стркутуру, яка була б зручною для декількох дизайнерів на проєктах, і яка б дозволяла співпрацювати з розробниками і менеджерами без непорозумінь. Копіпащу вам сюди:

Контекст: паралельно розробляється декілька платформ для B2B різних команд.

Кожна з них - це Figma Team.

Всередині - Figma Projects (або папки, хто як називає), у нас кожна папка - це під-проєкт (тулзи всередині платформи/навігація/бібліотека компонентів - це все під-проєкти). Також окрема папка для воркшопів, де зберігаються усі фігджем файли (брейншторми, кік-оф сесії, тестування). І є темплейт для майбутніх проєктів, щоб його скопіювати та переназвати.

Всередині підпроєктів вже Figma files.
На кожен підпроєкт є два файли: Sandbox і Production.

Sandbox - робимо що хочемо: діскаверимо варіанти, робимо прототипи для тестів і тд. Всі сандбокс файли підвʼязані до бібліотеки компонентів. Є певна структура сторінок, але це вже субʼєктивно.

Production - містить сторінки з версіями (ітераціями), назва сторінки обовʼязково відображає дату передачі в продакшн та номер версії. Тут нічого не дизайниться, не змінюється, це source of truth для всіх команд. Відвʼязано від бібліотеки, щоб зміни компонентів не ламали попередні версії.

Щодо тамбнейлів (обкладинок) - він відображає назву підпроєкта та є певного кольору для сандбоксу/продакшену. І момент щодо неймінгу файлів - так як по два файли на кожен проєкт, на початку у нас стоїть емоджі, щоб було зрозуміло що саме це за файл. Бо коли відкрито багато, важливо щоб все було ясно з перших символів.

Цікавий факт: якщо поставити на початок назви фігма-файлу, емоджі, Фігма зробить його іконкою файлу!

Прикріпляю намальовану схему, структурою сторінок та приклад обкладинки файлу (сподіваюсь, ви їх використовуєте).
🔥9❤1
Сорян за спам, намагалася кинути все одним постом :)
🔥6
ArtHuss відкрили передзамовлення на “Не змушуйте мене думати” Стіва Круга!

Це була моя перша книга про інтерфейси, і я досі раджу її новачкам. І тепер - оновлене видання українською 🎉

Щіт, якби моя воля, я б купила всі дизайн-книжки Артхасу. Деякі з них стоять на моїх поличках в Дніпрі, та навозити купу книжок у тимчасову квартиру у Ризі просто не бачу сенсу(( А так хочеться, ааааа

Почитайте її і за мене, будь ласка 🙏
❤14👍1
Омайгад, ще одна! Замовляла її з Амазону англійською. Дууууже раджу для розуміння гештальт принципів: як люди читають, як сприймають інформацію, як керувати увагою та мотивувати виконати дію. Ця книжка геніальна! Прикріпляю декілька сторінок змісту.

P.S. Якщо виглядає як реклама - це не так, на жаль. Я просто гуляю по онлайн-книгарнях, бо вчора дочитала свою книгу)) Але я б не відмовилася, якщо б мені заплатили за ці пости 😅
❤22
Forwarded from Valeria Marus | UI/UX
Варіант 1: шукати проєкт, який зацікавіить на producthunt і задизайнити концепт для нього.

Варіант 2: взяти якийсь існуючий проєкт з галімим інтерфейсом і зробити редизайн, в кейсі буде до/після і це прикольно

Варіант 3: запитати чатжпт, я його мучила якось з цією темою, він і ідеї підігнав, і структуру накидав, щоб було з чого починати) Поки спілкуєшся - приходить натхнення і вже хочеться бігти й робити
Моя відповідь на питання «як придумати що задизайнити для портфоліо» у нас в спільноті 👆
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Друзі, в школі рушійного маркетингу РУУУШ стартує третій потік курсу
Jobs To Be Done інтерв’ю – принципи, інструменти та навички.

На курсі ви пройдете всі етапи JTBD інтерв’ю, поглянете на свій продукт з нової точки зору і навчитеся формувати його цінність за допомогою отриманих даних 📊

Це - можливість навчитися створювати стратегії і розвивати продукти впевненіше, спираючись на дослідження споживача, а не на фантазії про нього.

Найґрунтовніший курс з Jobs To Be Done українською мовою в РУУУШ це:
✔️ Власний проєкт
✔️Менторство
✔️Темплейти та чеклісти
✔️Кейси
✔️Домашки
✔️Живі обговорення

Автор і ментор на курсі – практик JTBD підходу з 20-річним досвідом, Михайло Траверсе.

Ознайомлюйтеся з курсом і реєструйтеся:
👉 Тут посилання 👈
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1
Віддаю в розробку проєкт, дуже багато комунікації, і треба зробити прототип для бізнес-користувачів, щоб презентувати логіку.. Час летить непомітно. Я навіть не помітила, як зникла майже на тиждень!

А ще памʼятаєте, я місяці два тому казала, що йду на технічне рев'ю? Мені сьогодні (нарешті!) офіційно прилетіло підвищення кваліфікації! 😊 Не все пройшло гладко, були зауваження - дайте знати якщо цікаво як все проходило, завтра запишу кружечки на обідній перерві 😉
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥25🤩4
А ще раптом ви пропустили - спонтанне відео про мінуси роботи дизайнера особисто для мене, теж записане на обідній перерві) Подумала, що іноді можна піддатися спокусі записати щось менш корисне, більш розважальне без виставляння світла, кадру, а ось таке - живе. Доєднуйтеся до дискусії в коментарях та не забудьте лайкнути, якщо вподобаєте відео.

Гарного вечора, дизайнери 💖
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11