Доволі детальний розбір створення drag & drop елементів в інтерфейсі.

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

• Читати тут

Гайд від NN/g, що заслуговує на збережені. Це база матеріалів про принципи людської психології, які допоможуть в роботі з UX.

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

• За гайдом сюди

Стаємо «мобільними» як цей чолов‘яга у сірому на курсі Mobile Interfaces Advanced.

Стартуємо 5 грудня. За новими скілами, деталями та реєстрацією — сюди.

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

Це важливо зокрема для того, щоб продукт був доступним навіть за поганого інтернету:

🔹Подкаст Design Better з Бенджаміном Евансом, Inclusive Design Lead у Airbnb.

🔹Матеріал від Nielsen Norman Group з прикладами та порадами для втілення.

🔹Текст Projector Mag про те, чому доступний дизайн це не «дорого» чи «некрасиво».

🔸Безкоштовний курс Inclusive Web Design від Проджа для максимального занурення в тему та з практичними порадами.

Цікава колонка та загалом вибір теми від продуктового дизайнера Вадима Гріна.

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

• Читати на Telegraf

Запустили відеокурс по роботі з Webflow — no-code та zero-headache інструментом для створення швидких й легких у масштабуванні вебсайтів.

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

• Повна програма та реєстрація

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

🇺🇦Відмова від російського контенту, зокрема від ворожих шрифтових гарнітур, зараз актуальна як ніколи.

По-перше, завжди дивіться, хто створив шрифт, яким ви користуєтеся.

По-друге, нижче добірка українських словолитень та шрифтових дизайнерів, які варто собі зберегти.

AlfaBravo — досить молода словолитня, заснована відомим шрифтовим дизайнером Кирилом Ткачовим. Найвідоміші продукти: шрифтове сімейство Rock Star, Monofontis, Aleksa. Нещодавно вони спільно з MacPaw представили шрифт Fixel.

Mint Type — словолитня, заснована шрифтовим дизайнером Андрієм Константиновим у 2004 році. Перша українська студія, шрифти якої були представлені на міжнародному ринку шрифтів. Для всіх користувачів з України діє постійна знижка 65% на всі продукти студії.

Шрифти Дмитра Растворцева — український шрифтар з впізнаваним стилем та автор шрифту Kyiv Type. Серед його клієнтів Fedoriv, Banda, Projector, Kyivstar, Disney Imaginations, The Art Newspaper, Harvard Business Review, Osnovy Publishing.

Шрифти Андрія Шевченка — шрифтовий дизайнер, який створює шрифти з 2005 року. Автор шрифту Mariupol, який став основою брендингу міста в 2016 році.

Pepper Type — незалежна шрифтова студія, заснована Олегом Ліщуком. На сайті сервісу Rentafont можна знайти аж 32 сімейства шрифтів, які розробили в Pepper Type.

Rentafont — найвідоміший сервіс оренди та купівлі українських шрифтів. Шукайте тут шрифти під свої запити та підтримуйте наших шрифторобів.

Корисна стаття, що детально і покроково пояснює важливі аспекти створення іконок для інтерфейсів у Figma.

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

Новий місяць — нові освітні можливості:

🔹Курси
• Web Design Beginning 12 грудня
• Mobile Interfaces Advanced 5 грудня
• UX Design Medium 7 грудня
• Web Design Junior 12 грудня

🔹Воркшопи
• Designing for Complex UI 14-16 грудня
• Figma Components 17, 18, 23 грудня

🔹Відеокурси
• WebFlow
• Figma

Rose Island, Super Valdis, A Tiny Adventure, Delve Architects, Weglot Like Magic.

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

🔹Daily UI
Упродовж 100 днів щодня отримуватимете на пошту лист з одним дизайн брифом.

🔹FakeClients
Як і натякає назва — сайт генерує рандомний бриф написаний від імені вигаданого клієнта чи клієнтки.

🔹GoodBrief
Обираєте сферу дизайну, індустрію проєкту, з яким хочете працювати, та отримуєте завдання.

🔹UI Coach
Генерує опис проєкту, а також кольорову гаму та шрифтову пару, які необхідно використати в дизайні.

🔹Designercize
Обираєте складність брифу, час на його виконання та намагаєтеся встигнути втілити свою ідею у відведений час.

🔹UX Tools
Обираєте тему, яка вас цікавить, та отримуєте завдання. Як бонус — лінки на корисні статті та інструменти, які можуть знадобитися.

🔹Sharpen.design
Отримуєте бриф, який необхідно втілити. Попередньо обравши з яким саме продуктом хочете працювати — діджитальним, фізичним чи експериментальним.

🔹100 Days of Product Design
Поки є 34 завдання і періодично додаються нові. До кожного завдання є корисна інфа та лайфхаки для ефективного виконання.

Ні на що не натякаємо, але придивитися до курсу Mobile Product Analytics радимо.

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

• Програма, деталі та реєстрація

fashion.biologique — крутий акаунт, де зібрані природні джерела натхнення робіт сучасних модель'єрів.

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

Тут Figma викатила новий апдейт, який може трохи зменшити кількість ваших плагінів — перевірку орфографії.

У десктопній версії обіцяють роботу з будь-якою мовою, яка підтримується вашою ОС. У веб — поки тільки англійську та останню мову, яку хотілося б бачити у списку. Апдейт стосується і FigJam.

• Більше деталей — на сайті

Якщо спробуєте (чи вже) роботу з українською — поділіться в коментах, наскільки коректно працює.

У Projector новий формат – краш-тест для стартапів. Шукаємо стартапи на етапі пошуку інвестицій (Pre-seed, Seed, A round), щоб допомогти їхнім засновникам попрактикуватися в презентації та пітчингу для залучення інвесторів.

Допоможемо підкреслити ваші сильні сторони, звернемо увагу на bottleneck, підкажемо, що потрібно змінити чи підсилити в презентації.

Приймає тест, оцінює та допомагає — Тимур Догадкін, Associate Partner, Head of Startup Studio у Pragmatech.

Ви нам підходите, якщо:
🔹маєте пітч дек
🔹та готові презентувати свій стартап у прямому етері протягом 10-15 хвилин.

• Свої заявки надсилайте за посиланням.

Якщо ваш стартап підходить, наша команда звʼяжеться з вами.

Історія про редизайн

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

На початку листопада Duolingo представив для деяких користувачів новий дизайн. Де змінив не тільки візуальний вигляд, а й логіку роботи із застосунком.

У фіналі — пророблена робота та вкладені ресурси конвертувалися в хейт в соцмережах та прохання повернути попередній варіант інтерфейсу.

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

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

Є час збирати дані, а є ділитися ними. Закінчення календарного року — період якраз для другого.

Власне, знайшли кілька цікавих звітів з корисними даними та інфою для дизайнерів інтерфейсів:

🔹 The State of UX від UX Collective — підсумки вебдизайн індустрії за 2022 та спроби передбачити, куди вона рухатиметься в наступному році.

🔹Design Tools Survey від UX Tools — огляд найпопулярніших інструментів, які використовуються для різних типів завдань при створенні інтерфейсів.

Перший тираж воєнного Телеграфу закінчився, але ми приберегли для вас один особливий примірник – без скотчу. Темний, як наші міста цими днями. ◼️

І ми хочемо розіграти його серед вас – щоб помножити світло.

◼️Тому ми оголошуємо збір на генератори для військових з 3-го полку ССО, які кожного дня роблять смерть ворогам в найгарячіших частинах фронту. А серед усіх, хто задонатить на банку, розіграємо останній примірник Телеграфу з першого тиражу.

◼️Умови участі та посилання на банку шукайте в нашому інстаграм.

Слава Україні!

PS. Передзамовлення на другий тираж Телеграфу триває – деталі на сторінці Telegraf.magazine.