Скевоморфізм або «все, як у житті»
Це дизайн-концепція, яка полягає в тому, щоб створювати елементи інтерфейсу схожими на їх аналоги в реальному світі. Згадайте сміттєвий кошик на робочому столі ПК.
Та цей приклад не єдиний. Зібрали добірку скевоморфічного дизайну.
Хвилинка історії. Скевоморфізм з’явився ще у далеких 1980-х, коли дизайнери Apple та Microsoft почали створювати візуальні метафори для цифрового функціоналу. Ідея була в тому, що коли користувачі бачать щось рідне з реального світу, їм легше взаємодіяти з диджитал-продуктами.
Та у 2007, журнал Forbes оголосив «смерть» скевоморфізму. А вже на початку 2010-х напрям почав поступатися новій формі дизайну, що має назву «плаский дизайн». Хоча відгомін першого досі можна помітити в інтерфейсах.
__
Більше прикладів дизайну переглядайте тут і тут.
Це дизайн-концепція, яка полягає в тому, щоб створювати елементи інтерфейсу схожими на їх аналоги в реальному світі. Згадайте сміттєвий кошик на робочому столі ПК.
Та цей приклад не єдиний. Зібрали добірку скевоморфічного дизайну.
Хвилинка історії. Скевоморфізм з’явився ще у далеких 1980-х, коли дизайнери Apple та Microsoft почали створювати візуальні метафори для цифрового функціоналу. Ідея була в тому, що коли користувачі бачать щось рідне з реального світу, їм легше взаємодіяти з диджитал-продуктами.
Та у 2007, журнал Forbes оголосив «смерть» скевоморфізму. А вже на початку 2010-х напрям почав поступатися новій формі дизайну, що має назву «плаский дизайн». Хоча відгомін першого досі можна помітити в інтерфейсах.
__
Більше прикладів дизайну переглядайте тут і тут.
🔥27👎7👍5❤1🤔1
Що там у меню освітніх можливостей Проджа?
Багато знань і практики. Ось так, робочий тиждень завершується, а плани для зростання вже є.
🔹 Курси
• Web Design Junior 7 серпня
• Product Design 7 серпня
• Mobile Interfaces Advanced 7 серпня
• UX Design Medium 29 серпня
🔹 Інтенсиви
• Complex Animation in Figma Workshop 9, 12 серпня
• Design Research Synthesis 26, 27 серпня
🔹 Відеокурси
• Figma
• Webflow
Багато знань і практики. Ось так, робочий тиждень завершується, а плани для зростання вже є.
🔹 Курси
• Web Design Junior 7 серпня
• Product Design 7 серпня
• Mobile Interfaces Advanced 7 серпня
• UX Design Medium 29 серпня
🔹 Інтенсиви
• Complex Animation in Figma Workshop 9, 12 серпня
• Design Research Synthesis 26, 27 серпня
🔹 Відеокурси
• Figma
• Webflow
🔥16👎6❤5
Розпочинаємо понеділок з кейс-стаді WIX
Матеріал про:
а) те, що тестування та дослідження перед запуском продукту чи функції важливі, але інколи проблеми виринають на поверхню вже після нього;
б) те, що простий досвід користувача може бути надто спрощеним і збити юзерів з пантелику;
в) те, як команда WIX провела роботу над помилками, змінила підхід до налаштування дозволів у розділі зберігання контенту Collections на більш інтуїтивний та прозорий.
Читати тут.
Матеріал про:
а) те, що тестування та дослідження перед запуском продукту чи функції важливі, але інколи проблеми виринають на поверхню вже після нього;
б) те, що простий досвід користувача може бути надто спрощеним і збити юзерів з пантелику;
в) те, як команда WIX провела роботу над помилками, змінила підхід до налаштування дозволів у розділі зберігання контенту Collections на більш інтуїтивний та прозорий.
Читати тут.
🔥22👎6❤4
Можна уявити інтерфейси без анімації. Але навіщо?
Рухомі елементи роблять користувацький досвід більш інтуїтивним та цікавим, а продукт — зрозумілим.
Залишається «найпростіше»: вміти в просунуту анімацію у Figma.
Щоб опанувати цю навичку, збираємося 9 та 12 серпня на Complex Animation in Figma Workshop.
У лайв-режимі будемо повторювати дії куратора — Вадима Грін (Lead Product Designer в Adjust). Так і навчимося анімувати елементи інтерфейсу нативними засобами Figma та робити складнішу анімацію за допомогою плагіну.
А ще буде домашка та її розбір.
Деталі та запис — за посиланням.
Рухомі елементи роблять користувацький досвід більш інтуїтивним та цікавим, а продукт — зрозумілим.
Залишається «найпростіше»: вміти в просунуту анімацію у Figma.
Щоб опанувати цю навичку, збираємося 9 та 12 серпня на Complex Animation in Figma Workshop.
У лайв-режимі будемо повторювати дії куратора — Вадима Грін (Lead Product Designer в Adjust). Так і навчимося анімувати елементи інтерфейсу нативними засобами Figma та робити складнішу анімацію за допомогою плагіну.
А ще буде домашка та її розбір.
Деталі та запис — за посиланням.
❤20👎6
Згідно з дослідженням Pew Research Center, 75% людей віком від 65 років користуються інтернетом.
Але не завжди інтерфейси відповідають їхнім потребам.
Тому, щоб продукт був зручний і для людей поважного віку, важливо розуміти їх. Особливо, коли вони є значною частиною цільової аудиторії.
Допоможе у цьому юзабіліті тестування. У гайді від NN/g ви дізнаєтеся, як проводити таке дослідження та на які аспекти та особливості звертати увагу.
Корисні поради чекають на вас за посиланням.
Але не завжди інтерфейси відповідають їхнім потребам.
Тому, щоб продукт був зручний і для людей поважного віку, важливо розуміти їх. Особливо, коли вони є значною частиною цільової аудиторії.
Допоможе у цьому юзабіліті тестування. У гайді від NN/g ви дізнаєтеся, як проводити таке дослідження та на які аспекти та особливості звертати увагу.
Корисні поради чекають на вас за посиланням.
❤45👎6🤯2
This media is not supported in your browser
VIEW IN TELEGRAM
Раптом ваш вівторок відчувається, як продовження понеділка, знайте, що цей котик точно розуміє вас.
Відео: uiuxcreative
Відео: uiuxcreative
😁44❤7👎6👍2
Щоб додати до закладок з корисними ресурсами. Знайшли платформу open-source SVG-іконок — Iconbuddy.
Їх можна завантажувати, редагувати й персоналізувати.
Переглянути, що там.
Користуєтеся іншими бібліотеками? Діліться ними в коментарях.
Їх можна завантажувати, редагувати й персоналізувати.
Переглянути, що там.
Користуєтеся іншими бібліотеками? Діліться ними в коментарях.
🔥48👍7👎6❤2
This media is not supported in your browser
VIEW IN TELEGRAM
Slack оновлює інтерфейс
Компанія анонсувала редизайн платформи. Обіцяють, що зміни допоможуть користувачам працювати продуктивніше й швидше.
• Що по оновленнях? Розділ Home міститиме канали, приватні повідомлення та застосунки.
Та одна з найпомітніших змін припадає на бічну панель. Зокрема сюди додали новий розділ DM. Він має дати можливість юзерам керувати своїми чатами в одному місці незалежно від того, з якого каналу чи робочого простору вони надходять.
Більше про редизайн читайте у статті The Verge.
Як вам оновлення?
Зображення — Slack.
Компанія анонсувала редизайн платформи. Обіцяють, що зміни допоможуть користувачам працювати продуктивніше й швидше.
• Що по оновленнях? Розділ Home міститиме канали, приватні повідомлення та застосунки.
Та одна з найпомітніших змін припадає на бічну панель. Зокрема сюди додали новий розділ DM. Він має дати можливість юзерам керувати своїми чатами в одному місці незалежно від того, з якого каналу чи робочого простору вони надходять.
Більше про редизайн читайте у статті The Verge.
Як вам оновлення?
Зображення — Slack.
👍38🤔15👎6❤3
Media is too big
VIEW IN TELEGRAM
Якщо відчуваєте, що самі перебуваєте в такому колі й шукаєте можливості зайти у сферу дизайну, в нас є ідея.
Забронюйте персональну консультацію з досвідченими дизайнерами. Вони підкажуть, як знаходити стажування та першу роботу, допоможуть підготуватися до співбесіди та порадять, як краще себе презентувати:
🔹Сергій Ревва, Product designer в airSlate;
🔹Ліза Луніна, Product Designer у Lululemon;
🔹Артем Усачов, Senior UI/UX Designer & Design Lead у Trinetix;
🔹Ольга Болгар, Product Designer у Kyivstar;
🔹Антон Іващенко, Senior Product Designer у Kaluza.
Забронювати менторську сесію можна за донат на підтримку Сил спеціальних операцій.
Забронюйте персональну консультацію з досвідченими дизайнерами. Вони підкажуть, як знаходити стажування та першу роботу, допоможуть підготуватися до співбесіди та порадять, як краще себе презентувати:
🔹Сергій Ревва, Product designer в airSlate;
🔹Ліза Луніна, Product Designer у Lululemon;
🔹Артем Усачов, Senior UI/UX Designer & Design Lead у Trinetix;
🔹Ольга Болгар, Product Designer у Kyivstar;
🔹Антон Іващенко, Senior Product Designer у Kaluza.
Забронювати менторську сесію можна за донат на підтримку Сил спеціальних операцій.
❤21👎6🔥5
Печерні люди також були UX-дизайнерами
Досвід користувача був важливим щедо нашої ери коли самого терміну не існувало.
Ділимося статею, щоб надихнутися силою користувацького досвіду та дизайн-рішень. Разом з авторкою відправитесь у подорож крізь століття, щоб побачити, який він, UX за межами цифрового світу.
Досвід користувача був важливим ще
Ділимося статею, щоб надихнутися силою користувацького досвіду та дизайн-рішень. Разом з авторкою відправитесь у подорож крізь століття, щоб побачити, який він, UX за межами цифрового світу.
❤39👎6👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Принесли вам добірку з натхненням
Можна ту саму надивленість розвивати та ідеї для власних проєктів продумувати. Що це, як не win-win?
🔷 Галерея дизайнів для лендингів
https://landing.gallery/
🔷 Бібліотека дизайнів у dark mode
https://www.darkmodedesign.com/
🔷 Галерея hover-ефектів
https://www.hoverstat.es/
Можна ту саму надивленість розвивати та ідеї для власних проєктів продумувати. Що це, як не win-win?
🔷 Галерея дизайнів для лендингів
https://landing.gallery/
🔷 Бібліотека дизайнів у dark mode
https://www.darkmodedesign.com/
🔷 Галерея hover-ефектів
https://www.hoverstat.es/
❤66👎6👍2
Forwarded from Projector
Нарешті ми гукаємо: «арт»… а кожен, хто чекав і таки дочекався, підхоплює: «бук». Так, новий артбук Telegraf про Українську Волю — готовий до передзамовлення!
Попередній Telegraf був про війну. Цей — про те, що гарантує нам перемогу.
🔹 Що всередині? Воля. Її відображення в українській культурі та прояви в дизайні, мистецтві, побуті й інших сферах українського життя.
• Історія Катерини Прокопенко, дружини командира «Азову» Дениса «Редіса», про нерівний шлях ілюстраторки в часи війни, боротьбу за полонених «азовців» і волю.
• Статті про довершеність Тризуба, сміливість в дизайні та феномен українського гумору.
• Інтерв’ю з режисером кінострічки «Памфір» про волю в українському кіно.
🔹 І, звісно, дизайн. Який інтерпретує українські візуальні традиції довкола головної метафори — птаха. На сторінках-витинанках ви знайдете 13 різних птахів українського ареалу та зможете символічно випустити їх з неволі.
Передзамовлення вже на prjctr.store.
Ціна для ранніх пташок — 750 грн (пізніше — 850 грн).
Доставляємо по Україні та за кордон.
Попередній Telegraf був про війну. Цей — про те, що гарантує нам перемогу.
🔹 Що всередині? Воля. Її відображення в українській культурі та прояви в дизайні, мистецтві, побуті й інших сферах українського життя.
• Історія Катерини Прокопенко, дружини командира «Азову» Дениса «Редіса», про нерівний шлях ілюстраторки в часи війни, боротьбу за полонених «азовців» і волю.
• Статті про довершеність Тризуба, сміливість в дизайні та феномен українського гумору.
• Інтерв’ю з режисером кінострічки «Памфір» про волю в українському кіно.
🔹 І, звісно, дизайн. Який інтерпретує українські візуальні традиції довкола головної метафори — птаха. На сторінках-витинанках ви знайдете 13 різних птахів українського ареалу та зможете символічно випустити їх з неволі.
Передзамовлення вже на prjctr.store.
Ціна для ранніх пташок — 750 грн (пізніше — 850 грн).
Доставляємо по Україні та за кордон.
❤46👎6
Розмова про Disney, кар’єру та доказово обґрунтований дизайн
Ділимося інтерв’ю з Оле Лютьєнсом, VP Product Design & Research в Udemy.
У подкасті дізнаєтеся, як Оле працювалося дизайн-лідом Вищої ліги бейсболу, не знаючи нічого про спорт. А ще віцепрезидентом продуктового дизайну в Disney Streaming, де він керував UX для Disney+, Hulu та Star+.
Ну і послухаєте про доказово обґрунтований дизайн (evidence-based design) та метод «немаваші». Як обидва допомагають презентувати результати дослідження та будувати взаєморозуміння зі стейкхолдерами, зокрема з не дизайнерським бекграундом.
• Apple • Spotify • Youtube
Ділимося інтерв’ю з Оле Лютьєнсом, VP Product Design & Research в Udemy.
У подкасті дізнаєтеся, як Оле працювалося дизайн-лідом Вищої ліги бейсболу, не знаючи нічого про спорт. А ще віцепрезидентом продуктового дизайну в Disney Streaming, де він керував UX для Disney+, Hulu та Star+.
Ну і послухаєте про доказово обґрунтований дизайн (evidence-based design) та метод «немаваші». Як обидва допомагають презентувати результати дослідження та будувати взаєморозуміння зі стейкхолдерами, зокрема з не дизайнерським бекграундом.
• Apple • Spotify • Youtube
❤32👎7
Річний запас порад з дизайну. Непогано, правда?
Дизайнер Фонс Менс створив розширення для Google Chrome зі щоденними порадами — від теорії кольору до побудови макетів.
Завантажити можна тут.
Дизайнер Фонс Менс створив розширення для Google Chrome зі щоденними порадами — від теорії кольору до побудови макетів.
Завантажити можна тут.
❤69👎7👍1🤔1
Презентації результатів досліджень можуть (і мають) бути продуктивними
Настільки, щоб вийти після них вже на конкретні завдання та подальші кроки. Про те, як цього досягнути, дізнаєтеся на дводенному інтенсиві Design Research Synthesis.
Там попрацюєте в команді над плануванням та проведенням воркшопу з реальними замовниками. Паралельно опануєте інструменти для переходу від зібраної інформації до дій.
Ваш куратор — Юрій Грановський, співзасновник «Агентів змін» і «Публічної платформи». А ще — куратор курсу Participative Design.
Більше про інтенсив — тут.
Настільки, щоб вийти після них вже на конкретні завдання та подальші кроки. Про те, як цього досягнути, дізнаєтеся на дводенному інтенсиві Design Research Synthesis.
Там попрацюєте в команді над плануванням та проведенням воркшопу з реальними замовниками. Паралельно опануєте інструменти для переходу від зібраної інформації до дій.
Ваш куратор — Юрій Грановський, співзасновник «Агентів змін» і «Публічної платформи». А ще — куратор курсу Participative Design.
Більше про інтенсив — тут.
🔥19👎6❤2
Колір у дизайні: принципи, правила й підводні камені
Зібрали матеріали про аспект інтерфейсу, який і увагу привертає, і настрій та послідовність продукту надає, і ідентичність бренду створює. Функцій у кольорів багато. Важливо знати, як їх втілювати в дизайні.
Вам на вибір:
Кейс-стаді, як у Modern Health створювали доступну та масштабовану палітру кольорів
Чекліст, як використовувати кольори в UI-дизайні
Правило «60-30-10»: спосіб обирати кольори для дизайну інтерфейсу
До речі, поглиблювати знання не лише про колір, а типографію та композицію й підкріплювати їх практикою можете на курсі Web Design Junior. Будете створювати складні та гармонійні сайти. Деталі — тут.
Зібрали матеріали про аспект інтерфейсу, який і увагу привертає, і настрій та послідовність продукту надає, і ідентичність бренду створює. Функцій у кольорів багато. Важливо знати, як їх втілювати в дизайні.
Вам на вибір:
Кейс-стаді, як у Modern Health створювали доступну та масштабовану палітру кольорів
Чекліст, як використовувати кольори в UI-дизайні
Правило «60-30-10»: спосіб обирати кольори для дизайну інтерфейсу
До речі, поглиблювати знання не лише про колір, а типографію та композицію й підкріплювати їх практикою можете на курсі Web Design Junior. Будете створювати складні та гармонійні сайти. Деталі — тут.
❤48👎6👍4
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
«Тернистий шлях UX»: частина 2
Цього разу будемо нервово сміятися й думати «як і навіщо» з добіркою налаштування гучності звуку 🤭
А якщо ви серйозно налаштовані поберегти нерви юзерам й створювати складні та ефективні дизайн-рішення, вам на курс UX Design Medium. Будемо будувати користувацький досвід вже 29 серпня.
Усе про навчання ось тут.
Цього разу будемо нервово сміятися й думати «як і навіщо» з добіркою налаштування гучності звуку 🤭
А якщо ви серйозно налаштовані поберегти нерви юзерам й створювати складні та ефективні дизайн-рішення, вам на курс UX Design Medium. Будемо будувати користувацький досвід вже 29 серпня.
Усе про навчання ось тут.
😁41🔥7👎5❤3🤯3👍1🤔1