This media is not supported in your browser
VIEW IN TELEGRAM
UX-проблема рішення, від якого тіпається око
Ось ви наводите курсор на пункт в меню, з якого відкривається ще один список і як тільки намагаєтеся навести курсор на це вкладене меню, все закривається.
Як то кажуть, має бути кращий спосіб. В автора статті він є — «безпечні трикутники» (safe triangles). Це інтерактивна зона, яка дозволяє вкладеному меню залишатися відкритим.
Хоча сама ідея не нова, у матеріалі автор розібрав сучасні приклади застосування цього підходу.
А конвертувати проблеми на дизайн-рішення, підкріплені дослідженнями, навчитеся на курсі UX Design Medium. Відточувати нові скіли будемо на реальних проєктах з реальними запитами.
Ось ви наводите курсор на пункт в меню, з якого відкривається ще один список і як тільки намагаєтеся навести курсор на це вкладене меню, все закривається.
Як то кажуть, має бути кращий спосіб. В автора статті він є — «безпечні трикутники» (safe triangles). Це інтерактивна зона, яка дозволяє вкладеному меню залишатися відкритим.
Хоча сама ідея не нова, у матеріалі автор розібрав сучасні приклади застосування цього підходу.
А конвертувати проблеми на дизайн-рішення, підкріплені дослідженнями, навчитеся на курсі UX Design Medium. Відточувати нові скіли будемо на реальних проєктах з реальними запитами.
👍48❤7🔥5👎1
This media is not supported in your browser
VIEW IN TELEGRAM
+1 інструмент для створення дизайн-елементів — Haikei
Застосунок побудований навколо генераторів. Кожен з них має набір функцій, з якими можна кастомізувати візуали під ваше бачення та експортувати у форматі SVG або PNG.
Протестувати.
Застосунок побудований навколо генераторів. Кожен з них має набір функцій, з якими можна кастомізувати візуали під ваше бачення та експортувати у форматі SVG або PNG.
Протестувати.
👍34❤13👎1🥰1
Рубрика «Тернистий шлях UX» — виходить за межі інтерфейсів
Адже створювати речі, які наче йдуть назустріч потребам користувачів, але різко повертають на вулицю «Хто це взагалі вигадав?», було притаманно людям десятки років тому. Сьогодні розглядаємо та дивуємося з винаходів минулого століття.
🔹Творці сіамських туфель схоже мали дві мети: допомогти людям танцювати синхронно, а ще приколотись з них. Фото взуття опублікували в пародійному «Better Living Catalogue» як жартівливий спосіб допомогти парам підтримувати такт у танці.
🔹Ймовірно, що винахідник занурювача для пончиків розв'язував проблему, якою мало хто переймався. Та відомо одне — занурити випічку у чашку кави, не намочивши пальців, стало реальністю.
🔹Ніяких makeup туторіалів на YouTube. У 1930-х винахідники запропонували аудиторії б’юті-мікрометр. Це пристрій, який дозволяв визначати, де потрібно наносити макіяж, щоб досягнути «ідеальних» пропорцій рис обличчя.
🔹Дінасфера — це не перша спроба людства спроєктувати моноколісний транспорт, на якому, окрім водійських прав, треба ще здобути фантастичний скіл балансу. І точно не остання. Концепція одноколісних засобів пересування перекочувала в сучасні електричні моноколеса, які ще й світяться в темряві.
🔹Радіокапелюх — тут уся суть в назві. Капелюх + антени, які ловлять станції в радіусі 32 км = бути в курсі подій або підтанцьовувати під улюблений трек дорогою на роботу. Що це, як не предок плеєра Walkman чи iPod?
❓Питання до вас: який з цих винаходів перемагає в рубриці? Ми думаємо, сіамські туфлі та б’юті-мікрометр — головні претенденти.
Адже створювати речі, які наче йдуть назустріч потребам користувачів, але різко повертають на вулицю «Хто це взагалі вигадав?», було притаманно людям десятки років тому. Сьогодні розглядаємо та дивуємося з винаходів минулого століття.
🔹Творці сіамських туфель схоже мали дві мети: допомогти людям танцювати синхронно, а ще приколотись з них. Фото взуття опублікували в пародійному «Better Living Catalogue» як жартівливий спосіб допомогти парам підтримувати такт у танці.
🔹Ймовірно, що винахідник занурювача для пончиків розв'язував проблему, якою мало хто переймався. Та відомо одне — занурити випічку у чашку кави, не намочивши пальців, стало реальністю.
🔹Ніяких makeup туторіалів на YouTube. У 1930-х винахідники запропонували аудиторії б’юті-мікрометр. Це пристрій, який дозволяв визначати, де потрібно наносити макіяж, щоб досягнути «ідеальних» пропорцій рис обличчя.
🔹Дінасфера — це не перша спроба людства спроєктувати моноколісний транспорт, на якому, окрім водійських прав, треба ще здобути фантастичний скіл балансу. І точно не остання. Концепція одноколісних засобів пересування перекочувала в сучасні електричні моноколеса, які ще й світяться в темряві.
🔹Радіокапелюх — тут уся суть в назві. Капелюх + антени, які ловлять станції в радіусі 32 км = бути в курсі подій або підтанцьовувати під улюблений трек дорогою на роботу. Що це, як не предок плеєра Walkman чи iPod?
❓Питання до вас: який з цих винаходів перемагає в рубриці? Ми думаємо, сіамські туфлі та б’юті-мікрометр — головні претенденти.
❤23😁3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Про таблиці та їх (ефективне) створення
Комбо, щоб почитати й прокачатись:
🔹Cтаття про основні UX/UI-патерни в дизайні таблиць, аби розуміти, як візуалізувати дані, а як не варто.
🔹Воркшоп Data Tables in Figma, щоб вміти створювати таблиці у редакторі та застосовувати просунуті прийоми автолейаутів.
Комбо, щоб почитати й прокачатись:
🔹Cтаття про основні UX/UI-патерни в дизайні таблиць, аби розуміти, як візуалізувати дані, а як не варто.
🔹Воркшоп Data Tables in Figma, щоб вміти створювати таблиці у редакторі та застосовувати просунуті прийоми автолейаутів.
👍35🔥5❤3👎1
Сервіс-дизайн, як кіновсесвіт Marvel — один рівень роботи над продуктом тісно пов’язаний з іншими.
Адже сервіс — це про велику кількість точок дотику користувачів з бізнесом — від сайту, застосунку, телефонного дзвінка, до виписки з рахунку, сповіщення про доставлення тощо.
Тому, щоб бути «в курсі подій» та впливати на успіх застосунку, дизайнерам важливо працювати на мультирівнях і вміти перемикатися між загальною картиною та деталями й навпаки.
Відповідно, вони повинні мати можливість брати участь у стратегічних обговореннях і плануванні, щоб сформувати ефективні умови для тачпоінтів клієнтів із послугою.
• У матеріалі авторка розбирає основні рівні масштабування та підходи, застосовані на кожному з них — від юзабіліті та користувацького досвіду до стратегій самого сервісу та бізнесу загалом.
Детальніше з поясненнями — тут.
Адже сервіс — це про велику кількість точок дотику користувачів з бізнесом — від сайту, застосунку, телефонного дзвінка, до виписки з рахунку, сповіщення про доставлення тощо.
Тому, щоб бути «в курсі подій» та впливати на успіх застосунку, дизайнерам важливо працювати на мультирівнях і вміти перемикатися між загальною картиною та деталями й навпаки.
Відповідно, вони повинні мати можливість брати участь у стратегічних обговореннях і плануванні, щоб сформувати ефективні умови для тачпоінтів клієнтів із послугою.
• У матеріалі авторка розбирає основні рівні масштабування та підходи, застосовані на кожному з них — від юзабіліті та користувацького досвіду до стратегій самого сервісу та бізнесу загалом.
Детальніше з поясненнями — тут.
🔥15❤4👍2👎1
Forwarded from Projector
Коли змінюєте вектор руху, буває беруть сумніви, а чи правильне це рішення. Та не спробувавши, дізнатися важко. Довіритися процесу, собі й діяти — підхід, який обрала Крістіна Фрімова, студентка курсів Web Design Beginning і Web Design Junior.
Ділимося її історією.
Ділимося її історією.
🔥30❤13👎2
Як щодо розмов про дизайн за коктейлем?
Наші друзі з VVMD запускають «Дизайн-бар» — серію офлайн-подій для спілкування між дизайнерами, артдиректорами та власниками дизайн-студій.
Перша зустріч стартує 5 жовтня.
За планом: неформальний нетворкінг і розбір ребрендингу вебстудії Nextpage на Obriy Design Büro від Мар’яни Бучкович — lead-дизайнерки бюро та кураторки на курсі Web Design Junior. А ще буде благодійний аукціон від БО «Фундація Взаємодопомога».
🔹Команда VVMD також передала вам 5 промокодів Projector0510 на знижку 10%, які діють до 23:59 цього вечора (28.09).
Додаткова інформація та квитки на перший івент — за посиланням.
Наші друзі з VVMD запускають «Дизайн-бар» — серію офлайн-подій для спілкування між дизайнерами, артдиректорами та власниками дизайн-студій.
Перша зустріч стартує 5 жовтня.
За планом: неформальний нетворкінг і розбір ребрендингу вебстудії Nextpage на Obriy Design Büro від Мар’яни Бучкович — lead-дизайнерки бюро та кураторки на курсі Web Design Junior. А ще буде благодійний аукціон від БО «Фундація Взаємодопомога».
🔹Команда VVMD також передала вам 5 промокодів Projector0510 на знижку 10%, які діють до 23:59 цього вечора (28.09).
Додаткова інформація та квитки на перший івент — за посиланням.
🔥19❤3👍2👎1
Мистецько-прекрасний icebreaker
З нього розпочинає навчання Юрій Грановський — куратор воркшопів Ideation. Co-Creation Sessions та Test. Solutions Analysis.
На етапі знайомства студенти мають обрати «свого» персонажа зі всесвіту Марії Примаченко, який передасть їхній стан.
🔹Як з’явилась ідея? Юрій розповідає:
«Загалом ідея використовувати візуальні образи для айсбрейкінгу не моя й вона далеко не нова. Та я часто нею користуюся, бо інколи так набагато легше пояснити свій внутрішній стан. Я люблю, коли на воркшопах весело, тому підбираю фанові образи або у яких є додатковий сенс.
А нещодавно я був на виставці Марії Примаченко в Українському Домі й зрозумів, що це ідеальні образи для айсбрейкінгу. Вони милі, яскраві, різні, абстрактні та водночас передають конкретні емоції та додають активності сенсу. Тому я вирішив протестувати образи Примаченко в якості айсбрейкінгу на воркшопі. Студентам зайшло, вони навіть використовували їх на власних воркшопах з реальними стейкхолдерами, які проводили в межах нашого інтенсиву».
____
А хто ви в дивовижному всесвіті Марії Примаченко? Скидайте в коментарі скриншот образу, який на 100% передає ваш стан цієї п’ятниці.
З нього розпочинає навчання Юрій Грановський — куратор воркшопів Ideation. Co-Creation Sessions та Test. Solutions Analysis.
На етапі знайомства студенти мають обрати «свого» персонажа зі всесвіту Марії Примаченко, який передасть їхній стан.
🔹Як з’явилась ідея? Юрій розповідає:
«Загалом ідея використовувати візуальні образи для айсбрейкінгу не моя й вона далеко не нова. Та я часто нею користуюся, бо інколи так набагато легше пояснити свій внутрішній стан. Я люблю, коли на воркшопах весело, тому підбираю фанові образи або у яких є додатковий сенс.
А нещодавно я був на виставці Марії Примаченко в Українському Домі й зрозумів, що це ідеальні образи для айсбрейкінгу. Вони милі, яскраві, різні, абстрактні та водночас передають конкретні емоції та додають активності сенсу. Тому я вирішив протестувати образи Примаченко в якості айсбрейкінгу на воркшопі. Студентам зайшло, вони навіть використовували їх на власних воркшопах з реальними стейкхолдерами, які проводили в межах нашого інтенсиву».
____
А хто ви в дивовижному всесвіті Марії Примаченко? Скидайте в коментарі скриншот образу, який на 100% передає ваш стан цієї п’ятниці.
👍21❤7🥰2👎1