interfaces.prjctr
10.7K subscribers
1.55K photos
249 videos
826 links
Найбільший український канал присвячений дизайну продуктів від спільноти Projector Institute.

Наші курси ➡️ bit.ly/3Ok2oRD
Для питань та пропозицій — hello@prjctr.com
Download Telegram
У студії «Тернистий шлях UX»

Тут про UX-рішення, від яких інколи сіпається око або які показують еволюцію дизайну та ідей. Або одразу те й інше.

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

Якщо що, створювати інтерфейси, де обидва живуть у злагоді, навчитеся на курсі UX Design Beginning. Стартуємо 2 серпня.
😁57🔥8👎65
Повернімося до розвитку надивленості

Раніше ми ділилися, де її прокачувати. Сьогодні розповідаємо, як це робити.

Вадим Грін, Lead Product Designer в Adjust, каже, що надивленість — візуальний досвід дизайнера. А тому його можна й треба системно збагачувати.

Ось, що Вадим радить:

🔷 Перетворіть перегляд галерей на Dribbble, Behance та інших ресурсах на рутину. За чашкою кави, наприклад. Ваші очі та дизайнерський дух має наповнюватися естетикою, трендами, вічними патернами.

🔷 Створюйте колекції. Наприклад, у Pinterest. Збирайте цікаві та яскраві рішення на окремі полиці. В одній зберігайте застосунки, в яких не більше двох кольорів, в іншій інтер’єри в стилі hi-tech чи вікторіанську архітектуру.

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

🔷 Копіюйте (з розумом). Побачили щось красиве в роботах інших дизайнерів? Спробуйте відтворити це. Але пам’ятаємо про повагу до авторського права.

🔷 Просіть фідбек. Маєте друзів дизайнерів? Чудово! Скиньте їм свій макет, щоб вони поділилися враженнями.

Поради, як розвивати надивленість є.

І місце, щоб почати дизайнити зручні + візуально привабливі інтерфейси теж — дводенний Mobile UI Design Workshop від Вадима.

Будемо робити красиво й ефективно вже 27 липня.
🔥30👎6👍54
This media is not supported in your browser
VIEW IN TELEGRAM
Друзі, ділимося благодійним збором, що, як і решта, потребує нашої з вами підтримки.

Студенти Київської школи економіки (KSE) за підтримки UKRAINIAN DEFENSE DEVELOPMENT CHARITY FUND та KSE Foundation запустили ініціативу Donate To Evacuate.

Мета проєкту — зібрати $1 000 000 на два гелікоптери-медеваки для ГУР МО України.

Можна ще й закарбувати свій внесок. Ім’я кожного, хто задонатить від $100, перетворять на камуфляж і нанесуть на гелікоптер у колаборації з українськими каліграфинями — сестрами Лопухіними.

Дізнатися деталі ініціативи й підтримати її благодійним внеском можете тут — лінк на добру справу.

____
Відео Donate To Evacuate
26👎6👍4
У середньому, користувачі готові чекати 22.6 секунди поки вантажиться вебсторінка.

Та є умова — вони мають бачити панель прогресу. А коли такої можливості немає, люди залишать інтерфейс вже за 9 секунд. Бо хто ж любить невідомість?

Таких результатів дійшла Фіона Фуй-Хун Нахасесед у дослідженні Tolerable waiting time and the impact of feedback on user tolerance.

Їх же наводить автор статті про індикатори завантаження та прогресу. А ще він ділиться best practices, як їх дизайнити, щоб користувачам чекати було не так стресово.

Поради ось тут.
🔥68👍226👎6
Коли ви востаннє оновлювали своє портфоліо?

А коли збирали тисячі лайків під своїми роботами від незнайомих людей? А коли були впевнені в абсолютно усіх кейсах для самопрезентації?

Не поспішайте казати, що не пам’ятаєте. Краще відправляйтесь у Web Design Portfolio Camp.

За планом — 4 дні інтенсиву й такої ж інтенсивної практики. У процесі ви:

🔷 навчитеся правильно структурувати дані, швидко візуалізувати ідеї та оформлювати блоки;

🔷 дізнаєтеся, на що звертають увагу в компаніях, коли оцінюють портфоліо;

🔷 розробите власний кейс, який дружить з усіма вимогами й стандартами.

Цей шлях допоможе вам пройти куратор — Олександр Кім, Senior Product Designer / Product Design Team Lead Welltech, куратор на курсі Web Design Junior.

Деталі та реєстрація
🔥15👎9🥰9👍73
Диджитал-варіант швейцарського ножа потрібен?

Ділимося знахідкою. Це набір базових інструментів, які так часто розкидані по різних вкладках. А тут все в одному місці.

Взяти й користуватися.
🔥6712👎6
Forwarded from Projector
Ранок в Кривому Розі видався страшним. Люди просто збиралися на роботу чи по своїх справах. Але армія окупантів вкотре довела, що хоче знищити все на своєму шляху.

Ракета потрапила в звичайний житловий будинок. Вже є інформація від ДСНС про чотирьох загиблих та понад сорок поранених, серед яких четверо дітей.

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

Наші співчуття сім'ям постраждалих і загиблих. Рятувальні роботи та розбір завалів тривають.

Автор ілюстрації — Михайло Скоп
😢77👎6
This media is not supported in your browser
VIEW IN TELEGRAM
Прийшли до вас з рекомендацією, щоб таке корисне прочитати

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

Але будувати motion design рідко стоїть першим пунктом у списку пріоритетів. Брак часу й команди — одні з причин.

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

До читання.
🔥247👎7👍6
Хто тут користується Sketch?

Знайшли короткий гайд від самого редактора, як приводити до ладу документацію.

Якщо коротко, ви можете це зробити за допомогою розділів Projects та Collections.

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

Маєте власні прийоми, як приборкувати хаос у файлах? Сміливо діліться в коментарях.
15👎6😁5👍1
Вашому портфоліо потрібен особливий соус

У цьому переконаний Джадд Антін — у минулому Head of Design в Airbnb і Head of Research y Meta.

Він вважає, що більше недостатньо мати просто професійне портфоліо. Адже такі вже є у 1000 кандидатів, яких рекрутер переглядає щотижня.

Що робити, аби привернути увагу? На думку Джадда — додати особливий соус. Те, що вас вирізнить серед інших.

Який цей особливий соус і як його подати у портфоліо? Читайте у матеріалі.
👍228👎8
Раптом ви пропустили — у Figma оновлення

Напередодні компанія випустила нову функцію. До стандартного колірного профілю sRGB тепер приєднався Display P3.

Якщо ви не знайомі з останнім, то цей профіль надає насиченіші й на 49% візуально чіткіші кольори у порівнянні з sRGB.

У Figma кажуть, що вирішувати, який саме простір варто використовувати, дизайнери мають спираючись на кінцевий користувацький досвід. Адже деякі монітори та мобільні пристрої підтримують кольори Display P3, тоді як певні веббраузери працюють лише з sRGB.

Більше про функцію й те, як налаштувати Display P3 у Figma ось тут.

Хто вже встиг протестувати оновлення — як вам?
👍5812👎6🤯2
Скевоморфізм або «все, як у житті»

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

Та цей приклад не єдиний. Зібрали добірку скевоморфічного дизайну.

Хвилинка історії. Скевоморфізм з’явився ще у далеких 1980-х, коли дизайнери Apple та Microsoft почали створювати візуальні метафори для цифрового функціоналу. Ідея була в тому, що коли користувачі бачать щось рідне з реального світу, їм легше взаємодіяти з диджитал-продуктами.

Та у 2007, журнал Forbes оголосив «смерть» скевоморфізму. А вже на початку 2010-х напрям почав поступатися новій формі дизайну, що має назву «плаский дизайн». Хоча відгомін першого досі можна помітити в інтерфейсах.
__
Більше прикладів дизайну переглядайте тут і тут.
🔥27👎7👍51🤔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
🔥16👎65
Розпочинаємо понеділок з кейс-стаді WIX

Матеріал про:

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

б) те, що простий досвід користувача може бути надто спрощеним і збити юзерів з пантелику;

в) те, як команда WIX провела роботу над помилками, змінила підхід до налаштування дозволів у розділі зберігання контенту Collections на більш інтуїтивний та прозорий.

Читати тут.
🔥22👎64