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
🔥єТЕМА: Customer Journey Map — як «треба» і як «вийшло» на реальному прикладі 🔥

Подія для UX дослідників, продакт-дизайнерів та продакт-менеджерів. 21 березня, онлайн + офлайн у Києві

Спікери Дарія Іващенко, Head of UX Design & Research у SQUAD, та Ігор Дьяков, Lead Product Design у FEZR․COM, проаналізують інструмент Customer Journey Map — для чого він потрібен, коли дійсно працює, а коли краще обійтись без нього. А також поділяться порадами та фейлами з власної практики.

Участь безкоштовна, деталі та реєстрація — https://bit.ly/3TtyCfX 👀
👍5❤1
Огляд останніх подій!

🟣 1. Фестиваль анімації LINOLEUM оголосив про відбір проєктів короткого метру та телесеріалів у розробці на участь в UK/UA Animation Lab, тож українські аніматори матимуть чудову нагоду отримати підтримку та поради від британських колег у рамках заходу. 🔥

🟣 2. Монобанк припинив використання російського шрифту Circe. Зміни відбулися після звернення шрифтового та графічного дизайнера Євгена Садка. Поки це швидке рішення, тому наразі встановлено шрифт з Google Fonts, доки не буде готовий оновлений дизайн.

🟣 3. Київська агенція Hexagon створила вебсайт для проєкту Bucha School, сучасної школи, що будується за європейськими стандартами. Залітайте оцінити дизайн. 🚀

🟣 4. Українська студія Obys отримала нагороду "Studio of the Year 2023" від Awwwards. Команда студії оголосила про це 6 березня, на своїй сторінці у Facebook. Крута студія, крута нагорода, вітаємо! 🥳

🟣 5. Фігма підкинула оновлення! З'явилась можливість масового редагування об'єктів. Виділивши кілька шарів у кадрах, групах або секціях і змінивши один елемент, зміни автоматично застосуються до всіх виділених об'єктів.

🟣 6. MyHeritage представила новий веб-сайт OldNews, який відкриває доступ до архівних видань. Тепер користувачі можуть читати статті з великих міжнародних видань, а також регіональних газет і журналів, що були видані у XIX-XX століттях.

#дайджест #новини
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
👍8🔥1
Чотири вебсайти для пошуку референсів!

🟣 Thefwa — платформа, яка відзначає веб-дизайнерів, розробників і агентства по всьому світу за їхню майстерність.

🟣 Siiimple — колекція виключно мінімалістичних дизайнів, відібраних вручну. Доступна фільтрація за категоріями (великий текст, портфоліо, темний тощо).

🟣 Godly — натхнення «астрономічного» дизайну. Чудова можливість підглянути цікаві анімації для своїх проєктів. Але обережно, бо голова може закрутитись 😆

🟣 Tttpster — добірка різноманітних вебсайтів з усього світу. Доволі зручна навігація за типом та стилем допомагає швидше знайти саме те, що потрібно.

#дизайн_ресурси #безкоштовні #референси
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🔥15👍1
12 найкращих методів покращення UX e-commerce 🚀

Уявляєте, команда Baymard Institute праналізувала близько 100 e-commerce, щоб виявити головні проблеми на домашніх сторінках та в навігації за категоріями. Їм вдалось виявити такі підводні камені сайтів:

🟣 88% неправильно реалізують типи продуктів за категоріями;
🟣19% не роблять заголовки клікабельними;
🟣 51% використовують надто агресивну та відволікаючу рекламу на головній сторінці;
🟣 28% не мають підкатегорій як основного вмісту на сторінках проміжних категорій.

І це лише маленька частинка результатів. А оскільки просто виявити проблеми замало, звичайно ж вони запропонувати покращення та проілюстровали найкращі практики для покращення взаємодії з користувачами. Якщо часто прцюєте з комерсами, то для вас це скарб ( та й якщо ні, то також 😁)

#навчання #статті
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
👍9🔥2
Корисні розширення Chrome для зручної та продуктивної роботи 🚀

🟣 Unstack Style Guide — дозволяє легко та ефективно отримувати інформацію про стилі будь-якого веб-сайту, зокрема палітру кольорів, відтінки тексту та типи шрифтів.

🟣 Panda — об'єднує різні джерела натхнення та новини в одному зручному місці. Замість того, щоб перемикатися між 10 вкладками, просто відкриваєте його і досліджуєте всі збережені сайти.

🟣 Mobile Simulator — дає можливість побачити сайт на різнх розмірах екранів, адже вміщує у собі понад 50 пристроїв.

🟣 Clueify — миттєвий eye-tracking веб-сайтів: допоможе зрозуміти, які елементи привертають більше уваги, ніж інші.

🟣 Designer daily report — щодня о 00:00 він відкриває фонову вкладку з підібраними вебасайтами дня, шрифтам, палітрами кольорів, статтями, новинами тощо. З ним ви завжди будете в курсі всіх останніх тенденцій.

Користуйтеся і діліться з друзями
😉

#інструменти #плагіни_chrome
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤15👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Безсоромно вкраду сюди мем про вихід із відпустки, щоб показати свій муд сьогодні 🤪 Дякую моїй помічниці, яка не дала вам помітити, що я кудись відлучалася, але якщо ви підписані на мене в Інсті (де, насправді, майже нічого про дизайн, суто особистий простір), то знаєте про мою подорож в Торонто)

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

Гарного тижня, дизайнери й дизайнерки! 😉

#мемасики
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13
Нова добірка референсів мобільних застосунків!

🟣 Pageflows — короткі записи екрану, на яких показано флоу застосунків провідних брендів. Дуже зручно, бо відео короткі й поділені за функціоналом (налаштування, акаунт тощо).

🟣 Chamjo — ще одни класний вебсайт, на якому вже вміщені скріни екранів. Дуже різноманітна тематика: фінанси, музика, новини, освіта та інші, тому легко знайдете необхідне.

🟣 Uxarchive — його краса у організації. У лівій навігаційній панелі обираєте необхідний вам флоу й вуаля, перед вами добріка скрінів різних застосунків цього потоку.

🟣 Appmotion — бібліотека з широкий спектром анімаційних ефектів — від плавних переходів між екранами до жвавих мікро-анімацій, що дозволить зробити взаємодію з додатком приємною та інтуїтивно зрозумілою.

З тебе реакція, якщо було корисно! 😉🚀

#дизайн_ресурси #безкоштовні #референси
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
👍17
Впевнена, що більшість із вас не знає про розширення для Chrome для дизайнерів, яке зробить ваш браузер більш цікавим та надихаючим ⭐️

Я кажу про Muzli, який претворює нову відкриту вкладку на дизайнерський хаб. Він зі мною вже давно і став такою невідʼємною частиною дня, що я навіть забула, що цей вигляд пустої вкладки не є нативним)

Плагін підкидає вам цікаві сайти, нові матеріали на стоках, дріббл шоти, кейс стаді, інструменти і навіть вакансії. Поза дизайном також пожна побачити останні новини із західних ЗМІ та пошукати, що сьогодні про Україну пишуть в Таймс 🥸.

Якщо маєте інші цікаві стартові сторінки для Хрому - діліться в коментарях)

#плагіни_chrome
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9
Топ-знахідка для дослідників дизайн-систем! 🚀

Design Systems Surf — це справжній скарб для тих, хто хоче краще розуміти аспект дизайн-систем. Тут зібрана їх колекція від багатьох провідних компаній, таких як Google, Apple, Audi, Atlassian, Github та інші.

Ви знайдете не лише колекцію дизайн-систем, але також:

⭐️ повний список усіх компонентів і патернів;
⭐️ посилання на сторібуки, репозиторії та фігма файли (якщо такі є);
⭐️ зручну навігацію до найцікавіших для вас наразі розділів дизайн системи (наприклад: доступність, tone of voice, типографія, колір тощо)ю

Якщо ви в процесі створення або ревізії власної дизайн системи, тут вам буде дуже зручно провести ресьорч та перейняти досвід провідних гігантів. Для мене ця колекція тепер в найважливіших закладках 🗂

#дизайн_ресурси #безкоштовні #навчання
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
❤7🔥2
Привіт! Свіжесенький дайджест вже на порозі! 🚀

🟣 1. У рамках Ukrainian Design and Innovation Week (UDIW), що триватиме з 1 по 7 квітня 2024 року в Києві, відбудеться перший дизайн-маркет у Мистецькому Арсеналі. Це справжній сплеск креативності, де понад 100 українських брендів представлять свої неповторні творіння — від брендів декору до меблів, світлових конструкцій та шедеврів із кераміки.

🟣 2. Компанія Canva Inc. оголосила про своє найбільше придбання — творчу платформу Affinity, що спеціалізується на редагуванні фотографій, графічному дизайні та верстці сторінок. Угоду, яка включає як готівкові виплати, так і виплату акціями, оцінюють на суму в 26 мільярдів доларів. Цю інформацію підтвердив у своєму інтерв'ю агентству Bloomberg співзасновник і головний оперативний директор Canva Кліфф Обрехт.

🟣 3. Агенція з маркетингу та технологій Twid розробила дизайн-систему для цифрових платформ PinchukArtCentre — відомого міжнародного центру сучасного мистецтва. Тепер осередок отримає нове обличчя, зберігаючи в собі принцип емерджентності, де кожен компонент має свою роль, але разом вони створюють загальну цілісність. Також автори зазначили, що шрифт Arial, який раніше використовували для лого, став основою дизайн-системи. А все через його мінімалістичний характер, який дозволяє зосередитися на контенті.

🟣 4. Приємний бонус для тих, хто має підписку на Mobbin, оскільки платформа уклала партнерство із і Built for Mars й тепер всі підписники Mobbin отримають безкоштовний доступ до BFM+ на 6 місяців! Справді крута новина, оскільки BFM+ є дуже корисним ресурсом, що вміщує бібліотеку UX Case Studies, колекцію з 400+ UX ідей та експериментів, список дизайн-принципів, концепцій UX і психологічних упереджень.

Якщо сумували за новинами — з вас реакція 🔥

#дайджест #новини
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
🔥4
Добірка фільмів про IT на випадок, якщо не знаєте, чим зайнятися ввечері 😉

Вітаю у захопливому кіносвіті інновацій та технологій) 🎥🎞️

#культура_дизайну #кінофільми
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
👍9🔥2
Ну що, вже потестили оновлений дизайн Monobank?

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

Давайте дискутувати: як вам оновлений дизайн? 👨‍💻

Мене підбішує, що історію транзакцій заховали зі швидкого доступу. Маю таке в інших банкінгах і завжди вважала це незручним 😩

#новини
__

Підписуйся на Marus Design:
Telegram | YouTube | Instagram
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
Новесенька добірка безкоштовних для комерційного використання шрифтів із підтримкою кирилиці!

➰Finlandica — офіційний шрифт Фінляндії, що підтримує 66 мов. Сучасний, чіткий, має гарну зчитуваність. Доступний у 8 накресленнях.

➰ Galiver Sans — чудове рішення для креативних дизайнів. Вирізняється гострими квадратними формами. Також доступний у 8 накресленнях.

➰
Kelson — гарне рішення для найрізноманітніших цілей. Чимала кількість накреслень дозволить ефективно підібрати стиль тексту під конкретний дизайн.

➰
KT Kiyosuna Sans — потужний, але мінімалістичний шрифт з плавними дугоподібними штрихами та ромбоподібними крапками. Існує у 2 накресленнях.

#дизайн_ресурси #шрифти #безкоштовні
______

Підписуйся н
а Marus Design:
Telegram | YouTube | Instagram
❤9👍1