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

Новесенька добірка безкоштовних для комерційного використання шрифтів із підтримкою кирилиці!

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

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

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

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

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

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

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

🟣 Framer.Today — компактним набор мікровзаємодій (динамічні кнопки, скрол, спадний список тощо), які додадуть життя вашому проєкту. Кожен віджет має докладний опис і готовий код.

🟣 Lottielab — простий у освоєнні та віджет для створення анімації просто у Фігмі. З його допомогою легко експортувати результати у формати Lottie, GIF або MP4 з можливістю налаштування вихідного файлу.

🟣 Aceternity UI — невелика бібліотека мікроанімацій, яка дозволяє впровадити красиві та функціональні рішення в дизайн сайту з невеликими витратами, але максимально ефективно.

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

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

Три цікаві сервіси зі ШІ, які начебто виконують дизайн-задачі краще, ніж ти, і скоро залишать тебе без роботи 😆 Перевіримо, чи це правда?)

🤖 Galileo — це штучний інтелект, який створює дизайн інтерфейсів за допомогою текстових запитів. Результат його роботи можна редагувати прямо на сайті або експортувати до Figma. Безкоштовно надається 200 кредитів, що забезпечить вас можливістю створювати до 20 генерацій дизайну.

🤖 Whimsical — сервіс з широким функціоналом, що використовує ШІ для створення інтелект-карт та діаграм, допомагає у проєктуванні блок-систем та варфреймів, також сприяє генерації ідей, адже безпосередньо в процесі роботи можна задавати питання та отримувати відповіді.

🤖 Optimal Workshop — платформа для проведення автоматизованих UX досліджень, призначена для тестування та збору кількісної інформації, на основі якої можна виявляти та виправляти помилки, покращувати досвід користувача.

P.S. Не переймайся, насправді ці тулзи покликані допомогти, а не замінити нас. Принаймні поки що 😉

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

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