Ви ловили себе колись на думці "Чому вони зробили це так не зручно?!" під час використання якогось застосунку? Цю емоцію можна конвертувати в результат, зробивши концепт редизайну продукту, яким ви користуєтесь і який не є ідеальним з точки зору UX.

Саме це зробив автор цієї статті: дизайнер описує всі етапи вдосконалення користувацького досвіду додатку WhatsApp, які виконував для свого навчального проєкту. Так, ці нововведення не є справжніми й не втілені у реальність, але тут дуже детально й покроково описано процеси роботи, які виконує UX фахівець при роботі з великими проєктами: від виявлення проблем, формування персони та карти подорожі користувача (CJM) до тестування свого дизайну.

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

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

Нове відео! Якщо ще не дивились, то подивіться) ці інструменти - просто пушка 🔥

Топові AI інструменти дизайнера | Штучний інтелект

#нове_відео

Інклюзивність — це про комфорт використання вебзастосунку для всіх людей, незалежно від їх можливостей; це про справедливість та повагу до потреб кожного користувача.

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

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

#навчання #курси
________________________

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

Привіт!

У мене для вас сьогодні три чудові, такі рідненькі українські шрифти для ваших проєктів. 💙💛

🔠 Mars Type. Безкоштовний гротеск Євгена Садка із чудовою читабельністю, але при цьому особливою формою овалів, оскільки ззовні він містить ідеальне коло, а от всередині нас зустрічає цікавий «ілюмінатор», що додає йому унікальності.

🔠 Rock Star. Гарнітура Кирила Ткачова та Костянтина Головченка. Цей шрифт платний, однак містить 36 накресень від Extra Light до Ultra Black у різних варіаціях, тому спектр його використання дуже широкий.

🔠 Extatica. Автор Андрій Константинов. Геометричний шрифт без засічок із вузькими великими літерами та характериними поєднанням протилежних концепцій. Також містить велику кількіть накреслень, безкоштовного можна завантажити light та light italic.

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

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

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

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

Бажаю приємного читання й продуктивного тижня! 😌

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

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

Ловіть цікавий ресурс із великою кількістю безкоштовних текстур у відмінній якості, які допоможуть розбавити й урізноманітнити ваші роботи.

🟣 Resourceboy. Саме тут ви можете знайти необхідні текстури для ваших проєктів. Графіті, тіні, клейка стрічка, поліетиленові упаковки, чорний папір — ці та інші візуальні елемнти додадуть глибини та реалізму до дизайну, зробивши його більш привабливим та цікавим.

Але будьте обережними, оскільки використання текстур повинно бути ретельно продуманим. Вони можуть зробити ваш інтерфейс привабливим, але не повинні заважати користувачам ефективно взаємодіяти з ним. Пам'ятаймо про баланс декору та функціональності. 😉

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

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

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

🦾 Magician — інструмент дизайну для Figma, що створює іконки за текстовим описом, допомагає згенерувати копірайт та перетворює текст на зображення.

🦾 Recraft — свторює векторні зображення, піктограми, 3D-зображення та ілюстрації у різних стилях за ключовими словами. Надає можливість обрати колірну палітру та відредагувати виданий результат.

🦾 Colorize — розфарбовує чорно-білі фото- та відеомаеріали у натуральні кольори. У кілька кліків здійснює корекцію барв, налаштовуючи якісне освітлення.

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

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

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

🧠 «Повний посібник із розробки карток інтерфейсу користувача» ➖ розгорнутий гайд, який прояснить вам усі тонкощі створення карток. Для початку автор подає інформацію про правильний вибір типу картки в залежності від потреб, а далі заглюблюється у деталі, розповідаючи про проєктування даних та їх кількісну диференціацію; розкриває методи підвищення уваги до відомостей та роз'яснює різницю між способами упорядкування характеристик.

Бажаю приємного читання! ✨

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

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

Хто тут у пошуку роботи? Так, сьогодні неділя, але це саме те, про що я хочу з вами поговорити, бо наштовхнулася на чудову статтю від Green Forest про Job interview.

Тут ви знайдете поширені запитання на співбесіді, можливі відповіді на них та поради щодо того, як відповідати не варто.

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

А також нагадую, що на моєму каналі є відео про підготовку до співбесіди, раптом ви пропустили 😉

Гарної неділі, спільното!

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

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

«Коли певні речі завжди поводяться однаково, користувачам не потрібно турбуватися про те, що станеться» .

Так стверджує Якоб Нільсен, формуючи правила проєктування UX. Послідовність (або consistency) відчутно полегшує взаємодію користувача з інтерфейсом, адже він звикає до певних патернів і його дії відбуваються на автоматі, без зайвих вагань.

Дуже важливо навчитися послідовності в дизайні, адже вона допомагає:

✔ узгодити елементи, що зробить інтерфейс передбачуваним;
✔ зменшити сумніви та непорозуміння, коли юзери взаємодіють із вашим продуктом.

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

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

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

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

🟠 Todo ➖ додаток до Slack на основі штучного інтеректу, що допомагає правильно планувати час. Ви можете створювати завдання для себе та своєї команди, однак безкоштовне використання лише для персональних задач.

🟠 Todo.is ➖ з його допомогою легко проконтролюєте прогрес, статус завдань, навіть відстежите події, оскільки він вміщує в собі зручний календар, щоб бути в курсі всього, що вам потрібно зробити.

🟠 Toggl ➖ застосунок, що дозволяє точно відстежувати кількість часу, яку ви витрачаєте на задачі. З його допомогою ви зможете легко визначити, скільки годин витрачаєте на ті чи інші таски, і в подальшому краще оцінювати обʼєм роботи та формувати вартість за проєкт.

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

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

Якщо ви хоча б раз проходили співбесіду, то могли б стикнутись із проблемою відсутності зворотного зв'язку. Це й не дивно, оскільки й самі HR-експерти стверджують, що це питання — одне з найболючіших.

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

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

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

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

Привіт, ми - «Рідне:»! Галерея сучасного діджитал дизайну українською мовою. На нашому каналі ми щодня ділимося власними знахідками, публікуючи як цікаві сайти, так і проєкти інших напрямків дизайну.

Доєднуйтесь до нашого Телеграм-каналу, дізнайтеся, що ми знайшли, та діліться своїми знахідками!

Канал Рідне: t.me/ridnedesign

Хочете крутецького з Figma Community? Знайшла конструктор лендінгів з великою кількістю (а саме - 75!) пропрацьованих блоків абсолютно різних категорій: багато варіацій навігації, хиросекшн, фічів, тарифів, контактів, галерей, форм.. та чого перераховувати - всього що вам може знадобитися у лендінгу!

Поміж іншим, тут все чудово організовано в компоненти.

Як використовувати вирішувати вам — автор пропонує юзати замість вайрфреймів, але майте на увазі, що low fidelity прототипи не мають бути схожі на фінальний результат. Ці ж блоки досить пропрацьовані, щоб просто вставити потрібний контент та видати за готову сторінку. Тому можете пропонувати це клієнтам для бюджетних проєктів, коли треба дуже швидко зібрати MVP, або ж беріть собі за базу та креативте до несхочу, перетворюючи ці мінімалістичні дизайни в супер-сексі сторінки🔥

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

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

Що відбулося у сфері за тиждень:

1. Webflow зробив ребрендінг та представив оновлений логотип, що відображає силу і професійну роботу користувачів (мені дуже подобається 🔥).

2. Projector вийшов на польський ринок! Перший захід відбудеться 17 жовтня у Варшаві разом з Google for Startup Campus, а перші курси запустять з тем User Experience та Web Design для рівнів beginner та junior.

3. Firefly додається до Bard від Google, а це означає, що тепер він генеруватиме вам не тільки текстові відповіді, а ще й зображення за вашим запитом.

4. Patreon зазнав сміливого ребренингу: "Наша мета полягає не в тому, щоб нас визначала візуальна мова, така ж різноманітна та виразна, як і творці, яких вона представляє."

5. Львівське дизайнерське бюро Directa здобуло нагороду Red Dot Award за проєкт айдентики бренду кави Otara.

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

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

Лишень гляньте, який скарб видали Maze 🔥 
 
Вони представили шаблони із готовим до використання питаннями для ефективного дослідження та тестування (а це, на хвилиночку, 350+ запитань!) 
 
Тут дуже крута структуризація: поділ за тегами, сценаріями, зразками відповідей тощо  — суцільна насолода. А ще "Maze Template Link" вас перекине на додаткову сторінку, де пояснюється цінність обраного питання й чим воно вам допоможе у дослідженні 💪

#дизайн_ресурси #безкоштовні   
__  
  
Підписуйся на Marus Design:       
Telegram | YouTube | Instagram

Знайомо кожному (:

#мемасики   
__  
  
Підписуйся на Marus Design:       
Telegram | YouTube | Instagram

Любителі тривимірного дизайну, ви тут?

Ділюсь із вами Spline Design Community, де творчі люди діляться своїми роботами. Це щось схоже до звичного нам Figma Community, лиш від інструменту 3D-проєктування.

А ще у них є крутецька бібліотека, де вміщено безкоштовні для комернійного використання 3D матеріали. Тут чимало об'ємних абстракцій, компонентів, ілюстрацій тощо.

Попередження: після переходу за посиланням є велика загроза залипнути на декілька годин, переглядаючи матеріали. 😆

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

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

Доброго ранку, дизайнери! Ловіть новини тижня:

1. Google запустили застосунок для людей зі слабким зором — Magnifier!
Він використовує камеру для перетворення тексту на зображення, збільшує його, освітлює та фільтрує. Чудовий приклад розвитку доступності в діджитал сфері.

2. Depositphotos отримав Red Dot нагороду за проєкт "Креативні тренди 2023"!
Український банк зображень зазначив, що мета проєкту — надати креаторам інсайти та ідеї для творчих рішень.

3. Adobe представила оновлення для дизайнерів 🔥
Оновлений генератор зображень Firefly2 на основі штучного інтелекту, модель для векторної графіки Firefly Vector та генератор шаблонів Design для сервісу Express.

4. Прем'єра подкасту від Projector — "(Не)велика рада".
Ментори та менторки Projector Mentorship розкривають незвичайні інсайти та діляться своїм безцінним досвідом. Вони розповідають про виклики, які чекають на фахівців і як їм впоратися.

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

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