Майстер-клас UX: Корисні поради із прикладами для зручного інтерфейсу.

🟣 UX Tips — вдалі вказівки від Джима Раптіса, які допоможуть підвищити конверсію й зробити користувачів щасливішими за допомогою простих UX-підказок від реальних продуктів. Тут і про соціальний доказ, і про екран входу, і про акценти й не тільки!

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

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

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

Ваші помічники для експериментів із кольором 🎨

🟣 Foundation — фігма-плагін, що створює колірні палітри, використовуючи сучасні системи дизайну (Material, Atlassian, Orbit і Ant Design). В один клік можна згенерувати палітру, додати її в токени та отримати опис, включно з інформацію про доступність (рівень контрастності кожного відтінку відносно білого та чорного кольорів).

🟣 Shadergradient — цей чарівник оживить ваші градієнти і забезпечить можливість додати їх у Figma, Framer або як компонент у React. Градієнти можна змінювати як завгодно: редагувати силу шуму, зернистість, освітлення тощо.

🟣 ColorMagic — швидкий і зручний онлайн-інструмент на основі штучного інтелекту для створення палітри кольорів для вашого дизайну за ключовими словами.

#інструменти #колір
__

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

Переглядати комікси і вивчати UX? Неа, це не фантазія)

Growth design — це місце, де можна дізнатись про плюси та мінуси UX дизайну реальних продуктів через комікси.

Наприклад:
🟣 6 психологічних принципів, завдяки яким Spotify щороку стає вірусним;
🟣 як Linkedin збільшив кількість сповіщень на 500%;
🟣 як YouTube спробував вирішити парадок вибору
та інші.

Подача просто вах! Спостерігати за емоціями героя, який користується тим чи іншим продуктом — дуже захопливо. Та й погодьтесь, так інформація стає значно доступнішою й запам'ятовується за лічені хвилини. Тому лайк, якщо зацінили! 🔥

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

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

На вихідних відзняла для вас аж два нових відео! Давно не було новенького на ютубі, тож сподіваюся, вам сподобається)

Але я трошки бентежуся 🫣 Одне буде супер корисне і розпочне цикл відео про UX та користувацькі дослідження, і тут я більш впевнена.

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

Чомусь такий розважальний контент я не дуже асоціюю зі своїм каналом, хоча сама дивитися дуже люблю. Скажіть, чи цікаво вам слухати такі напівкорисні відео, або чекаєте суто освітніх відосів? Можливо, навпаки хочеться більше розслабленого контенту? Діліться думками)

Засумували за шрифтами? Нова добірка! Усі безкоштовні, усі підтримують кирилицю, усе по феншую, як ви любите 😁

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

➰Moreno — шрифт із власною індивідуальністю. Вільний і неформальний за природою, але водночас стабільний і надійний. Доступний у 8 накресленнях, містить також додаткові 4 стилі.

➰Zantroke — суперсміливий, суперцікавий, виділяється своєю силою та насиченістю. Доступний у одному накресленні.

➰Outward — унікальність гарнітури полягає у висоті та щільності, тому його вигляд спрвді винятковий. Доступний у трьох варіантах: Block (звичайний), Round (курсив) і Borders (жирний).

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

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

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

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

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

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

Участь безкоштовна, деталі та реєстрація — https://bit.ly/3TtyCfX 👀

Огляд останніх подій!

🟣 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

Чотири вебсайти для пошуку референсів!

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

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

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

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

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

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

12 найкращих методів покращення UX e-commerce 🚀

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

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

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

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

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

Корисні розширення Chrome для зручної та продуктивної роботи 🚀

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

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

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

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

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

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

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

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

Нова добірка референсів мобільних застосунків!

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

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

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

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

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

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

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

Топ-знахідка для дослідників дизайн-систем! 🚀

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

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

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

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

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

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

Привіт! Свіжесенький дайджест вже на порозі! 🚀

🟣 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