Ейдос

#хвилинкадизайнера Нашестя алгоритмів генерації контенту продовжує свою переможну ходу та захоплення індустрії! Дехто все ще лякає нас жахливими прогнозами найближчого майбутнього, у якому в дизайнерів, розробників і копірайтерів більше нема роботи… Що ж, тим краще — раніше вийду на пенсію! 😁 Але ми-то з вами знаємо, що цього боятися аж ніяк не треба, навпаки треба озброюватися цими новими інструментами, які так чудово можуть автоматизувати рутині речі. З кожним днем я додаю дедалі більше різноманітних ШІ-інструментів до своєї скарбнички помічників. Сьогодні хочу поділитися з вами двома, не такими популярними, як ChatGPT чи Midjourney, але такими, що стали для мене приємними несподіванками. 🟢 Uizard Інструмент для швидкого створення інтерфейсів, що дає змогу робити макети за кілька хвилин через текстові вказівки. Він перетворює скетчі від руки на структуровані ваєрфрейми, а скріншоти на дизайн-макети готові до редагування. 🔵 Khroma Це інструмент для роботи з кольорами. Він допомагає підбирати кольори на базі ваших персональних вподобань, чи вимог бренду. Якщо вам важко дається кольористика та підбір потрібних кольорів і відтінків, тоді Khroma стане дуже дієвим помічником.

​​#навчання Товариство, вітаю вас! У мене невеличке затишшя, а воно, як відомо, завжди перед бурею! Вже наступної середи 04.10 розпочинається мій черговий марафон воркшопів у Projector. Тож я прискіпливо готуюся до старту, адаптуючи програми, аналізуючи фідбек студентів і працюю над тим, аби воркшопи ставали ще краще! 🌟 У середу, 04.10 — розпочинається воркшоп Mobile UI Design Workshop. Якщо хочете попрактикуватися створювати мобільний інтерфейс (або навіть відкрити для себе цей чудовий світ), у режимі індивідуальної роботи з ментором — приходьте! 🌟 А в понеділок, 11.04 стартує другий воркшоп — Анімація у Figma. Навчимося працювати зі smart animate, створювати паралакс ефект у прототипах і навіть motion анімацію графіки за допомогою плагіну Jitter. Чекатиму на вас і до зустрічі! 🤗

​​#хвилинкадизайнера Duolingo 🦉 У цьому дописі-огляді поговоримо про Duolingo, уже згаданий раніше в коментарях до попереднього огляду. Дуо — застосунок для вивчення мов, а заразом ще і справжній дофаміновий автомат. Це більше ніж просто спосіб вчити мову. Це величезний ігровий майданчик у вашому смартфоні, а також приклад максимально ефективного використання різномасних принципів із психології в дизайні. Як же Duolingo чіпляє нас усіх попри вік і вподобання? У цьому застосунку повно гейміфікації, що робить процес навчання схожим на веселу гру, а не на виснажливу роботу з підручником. Заняття розбиті на апетитні шматочки — лексика, граматика, читання тощо й кожен із них подається в зручних для сприйняття обсягах. І вже після кількох перших вправ ви плескаєте в долоні, думаючи: «Так, чорт забирай, у мене вийшло! Зеєнзвюрдігкайтен!!!». Багатошарова гейміфікація виводить застосунок зі звичайного процесу збирання значків на новий рівень, вплітаючи елементи сторітелінгу. До прикладу черговий щомісячний марафон, який я завершив нещодавно — треба було допомогти Люсі зібрати її котів-втікачів. З виконанням 50 різних завдань, Люсі повернула всіх своїх котиків — безпрограшний варіант! Щомісяця на нас чекає нова родзинка, яка змусить нас повертатися: нова місія, новий набір викликів, нові завдання та нові нагороди. Так Дуо максимально ефективно використовує психологічний принцип позитивного підкріплення та мотивації через різноманітні нагороди (які є динамічними, а отже не набридають). Duolingo також має соціальну складову. Ви можете надсилати подарунки та бонуси своїм друзям, які віддячать вам віртуальним верхнім п’ять. Це як нескінченний цикл «Ти чудовий, продовжуй у тому ж дусі» й будьмо відвертими, хто не любить такий кайф? Він чіпляє нашу жагу до досягнень і визнання, що змушує нас повертатися в цей застосунок знову і знову. Цей механізм спирається на теорію соціального навчання, яка передбачає, що процес пізнання може бути покращений через соціальну взаємодію та співпрацю з іншими. Однією з особливостей цього продукту, яка приковує нас до нього, є миттєвий зворотний зв’язок. Зробили все правильно? Бум, ви — зірка! Наробили помилок? Не хвилюйтеся, ось як можна їх виправити та зовсім не треба відчувати себе невдахою. Це однаково, що мати власну групу підтримки, яка також знає, коли дати вам конструктивну пораду. Дуолінго часто вводить нові слова або конструкції у вже знайомому контексті. Це є прийомом використання когнітивного упередження, відомим як якорування, або прив’язка — пов’язуючи нову інформацію з наявними знаннями, нам здається, що процес навчання стає приємнішим і легшим. А ще Дуо — це маскот. Сова, яка постійно кличе до вас. Вона підштовхує, коли настає час взятися за навчання. Проігноруєте її, і ця пташка починає плакати та благати взятися за розум! Це емоційний удар на раз-два, який змушує вас знову відкрити застосунок не лише для того, аби покращити свої мовні навички, але і для того, щоби врятувати Дуо від відвідин совиного психоаналітика. Duolingo блискуче поєднує психологію з приголомшливими, образними візуальними ефектами. Цей продукт — майстер-клас того, як побудувати комунікацію з користувачем і зробити такий дизайн, що викличе справжню бурю емоцій.

#хвилинкадизайнера Завершуючи тему «резюме-портфоліо». Трохи даних: з 10 останніх портфоліо, що я переглядав у межах скринінгу кандидатів, 3 були оформлені статтями (case studies) на Medium, 5 — власні сайти (до речі, 3 з яких зроблені в Notion), 1 — Behance, 1 — посилання на Figma. З одного боку, 3 — це не так уже й багато, а втім, наявність певного тренду простежується. І маю сказати, що кейси на Medium дійсно мають геть інакший смак! Свої думки щодо того, чому портфоліо на Medium — це круто, а заразом і деякі поради, зібрав у цій статті 8 Reasons Why You Should Create a UX/UI Portfolio on Medium.

#хвилинкадизайнера Товариство, вітаю вас! Напевно, ви не раз зустрічали статті з описами того, які взагалі бувають дизайнери, спробами пояснити, чим відрізняється UX/UI дизайнер від дизайнера взаємодії та переліком необхідних характеристик для успішної роботи на тій чи іншій посаді. Своєю добіркою я роблю подальше занурення і роздивляюся безпосередньо UX/UI/продукт дизайнерів більш прицільно. Як з’ясувалося нас усіх можна розділити буквально на 4 категорії. Буде цікаво почути ваші думки, чи варто додати когось ще, а також, звісно, до якого типу належите ви? 😉

​​#дизмат Колись я розповідав про Джилета, який винайшов одноразовий станок для гоління ще на перетині XIX та XX століть. Проте лише Друга світова принесла йому мільйонні замовлення для армії США й популяризувала одноразові станки. Так само я докладно писав про історію та дизайн каністри, яку розробили німецькі інженери перед Другою світовою та наручний годинник, якому знадобилися століття та Перша світова, аби стати товаром масового споживання. Які інші речі зобов’язані своєю появою війнам? Мікрохвильова піч Це доволі відома історія і за межами дизайнерських та інженерних кіл. Персі Спенсер — американський інженер, працював над виготовленням радарів. Він проводив експерименти з магнетроном і випадково помітив, що його бутерброд на столі (є різні легенди-версії щодо того, що саме це була за їжа) розплавився. Він дістав патент на мікрохвильову піч у 1946-му. Перша мікрохвильовка важила кілька сотень кіло й коштувала тисячі доларів. Це могла собі дозволити лише армія США. Але з подальшим удосконаленням також і звичайні американці дістали змогу насолоджуватися швидкою розморозкою та підігрівом їжі. Суперклей Він з’явився в 1942 році завдяки експерименту американського хіміка Гаррі Кувера. Експеримент спрямовувався на виготовлення оптичного прицілу з прозорого пластику. На початку 50-х Кувер повторив експеримент, працюючи над термостійкими полімерами для козирків реактивних двигунів. Суміш, яку винайшов учений, була настільки липкою, що не підходила для досягнення оригінальної мети, але була запатентована як унікальний клей. І в 1958-му він надійшов у швирокий продаж. Жіночі прокладки Американська компанія Kimberly-Clark займалася виробництвом фільтрів для протигазів у Першу світову. Керівництво компанії мало турне целюлозно-паперовими заводами Європи в пошуках нових ідей. Там вони натрапили на новий продукт — целюлозну вату, що вбирала вологу куди швидше аніж бавовна й була дешевим матеріалом. Так Kimberly-Clark зробила вату перев’язаним матеріалом. Після завершення війни попит на цей товар від армії впав, але завдяки інформації про те, що французькі медсестри Червоного Хреста використовували вату для особистої гігієни під час менструацій, компанія спробувала піти на експеримент і в 1920 році запустила в продаж гігієнічну жіночу прокладку з вати загорнутих у марлю. Новий продукт назвали Kotex (від англійського cotton texture — бавовняна текстура). На зображенні рекламний постер прокладок 20-х років. У контексті цієї оповіді цікавим є напис внизу: «Дедалі більше жінок обирають Kotex, аніж усі військові серветки».

​​Прекрасний український контент множиться теренами мережі. Все більше дизайнерів виходить у публічний простір і починають ділитися своїм досвідом і порадами, створюють окремі ком‘юніті. До цієї плеяди авторів чудового українського контенту про дизайн долучилася також і одна з читачок «Ейдосу» й моя учениця Юлія, яка почала вести новий телеграм-канал для цифрових дизайнерів. На своєму каналі вона ділиться думками про дизайн, досвідом і порадами, що робить контент дуже практичним. А що цікаво, Юля також організовує офлайн зустрічі! Тож залюбки раджу підписатися 🔔

#хвилинкадизайнера Товариство, вітаю вас! Нещодавно я публікував невеличкий матеріал із порадами з оформлення резюме й обіцяв вам другу серію з найкращими практиками оформлення портфоліо. Я все ще планую це зробити, адже є що сказати, проте тепер мій допис буде скоріше доповненням. Адже мій знайомий, колега по цеху та один з найкращих українських менторів та викладачів, Слава Шестопалов, виклав у себе на Medium пречудовий матеріал на цю саму тему. І мені нічого не залишається, як лише порадити вам його статтю до ознайомлення. Все те, про що написав Слава, дійсно дуже важливо для виокремлення вашого портфоліо серед інших і застосувавши зазначені поради на практиці, ви отримаєте справжню перлину.

​​#навчання Товариство, вітаю вас! Цим повідомленням хочу вкотре подякувати всім, хто завітав на мої воркшопи в Проджі. Ми провели вже четвертий практикум із дизайну UI для нативних застосунків, а також перший із просунутої анімації в Figma! Наступні воркшопи відбудуться в листопаді. Я буду безмежно радий бачити вас, любі читачі, серед своїх учнів. Користуючись нагодою також зазначу, що я надаю персональні консультації, навчаю дизайнерів індивідуально, допомагаю шліфувати бажані навички (якщо вони, звісно, у зоні моєї компетенції викладача). Пишіть мені в особисті і я радо допоможу вам стати кращим, складнішим дизайнером! На картинці кілька робіт учнів з воркшопу по Mobile UI.

​​#хвилинкадизайнера (Not Boring) Habits Нещодавно я був у пошуку застосунку, який би допоміг мені дотримуватися режиму в закріпленні нових звичок. Наприклад, робити щодня зарядку 😊 Так я встановив застосунок (Not Boring) Habits. Звісно, я звертаю увагу на UI, тож скріншоти та купа зазначених в описі нагород, швидко «продали» мені цей продукт. Я залип у нього на 40 хвилин і повертався ще пару разів, аби «пограти» із застосунком. Водночас я швидко зрозумів, що він робить абсолютно нічого. Гаразд, гаразд, він надає змогу написати назву цілі та дозволяє натиснути кнопку, щоби відзначити сьогоднішній успіх. Доволі тривіально. Я не можу порахувати, скільки схожих застосунків я зустрічав. І все ж… Саме в цьому є те, чого немає в десятків інших трекерів — мистецтво. «Не нудні звички» — один із тих продуктів, що досі стоїть на моєму смартфоні суто заради дизайну. Із самого початку подорожі застосунок встановлює тісний контакт із користувачем на рівні слів. Здається, що застосунок знає про ваш біль усе. Нові звички — це складно, а іноді й боляче. І лише одна коротка фраза на екрані: «Це не обов’язково має бути жалюгідно», і ти вже хочеш у це повірити, хочеш залишитися в цьому застосунку й дізнатися, як це зробити «не жалюгідно». А коли користувач поставить галочку, інтерфейс підбадьорить його і знову підбере дуже правильні слова. Це один із тих продуктів, що виводить UX тексти на максимальний рівень ефективності. Але дизайнери зробили «Не нудні звички» досить складним у навігації. Мені було важко зрозуміти, як створювати нові цілі, наприклад. І попри це він однаково став доволі популярним. Річ лише в правильно дібраних словах? Ні, не тільки. Цей продукт пропонує також неймовірної краси естетику та мікро-взаємодії, які створюють унікальну атмосферу для користувача. Цим застосунком хочеться користуватися лише аби милуватися його красою. Приголомшливий і відшліфований мінімалізм у поєднанні з вишуканою палітрою кольорів створюють розкішний образ і відчуття. Можливість для користувачів грати з графікою і навіть почути специфічні звуки при взаємодії з нею — приклад перфектної уваги до деталей. Застосунок працює на рівні емоцій. І це саме той секрет, який дозволяє творцям завойовувати любов користувачів і нагороди від Apple, хоча функціонал обмежується простим виставлянням чек боксів. P.S. Товариство, дайте знати вашими лайками та коментарями, чи цікаві вам такі продуктові огляди в подальшому 🤗

​​Знахідка для тих, хто хоче краще розбиратися у графічному дизайні ✔️ Базові правила дизайну. ✔️ Референси та натхнення. ✔️ Розбір різних стилів. ✔️ Корисні поради та лайфхаки. Все це ви знайдете на каналі Мова Дизайну. Розповідають про дизайн простими словами, так щоб навіть початківець або любитель зрозумів 🙌 Рекомендую підписатися!

​​#дизмат Попалися мені на просторах мережі ці зображення. Зізнатися, на перший запатентований степлер, я подумав, що то швейна машинка. Так, це степлери початку XX ст. І подивіться на красу цих пристроїв, на цей масштаб, на міць скоб! Виявляється, що історія цього банального офісного приладдя, тягнеться XVIII століття. Перший відомий історії степлер був виготовлений для подарунка королю Франції Людовику XV, а кожна скоба була позначена королівським гербом. Степлер так і залишався дорогою королівською «іграшкою» аж до 1866 року, коли американець Джордж Макгілл здобув патент на «маленькі, гнучкі скріпки для паперу». Цей патент став початком створення предмета повсякденного вжитку, відомого як сучасний степлер. Саме слово «степлер» з’являється ще пізніше. У 1901 році в американському журналі Munsey's цим словом позначають машину, що скріплює папір за допомогою маленького металевого дроту. У наступні десятиліття степлер став необхідним предметом у шкільному кожному класі, офісі чи будинку. Зрештою, він захопив увесь світ, вирішуючи одну з найголовніших проблем кожної дорослої людини XX століття, незалежно від географії та культури — допомагав навести лад у паперах. Згодом ідея поширилася на інші сфери: хірургічні степлери зшивають рани, степлери використовують у будівництві для скріплення сталі та деревини, але з подальшою цифровізацією степлер для скріплення паперів стає виключно подихом минулого.

​​#хвилинкадизайнера Товариство, вітаю вас! Зараз проводжу воркшоп у Проджі з UI дизайну для мобайлу. Знайомимося зі студентами на першій зустрічі й кожен (за виключенням здається 2-х людей з 20) каже таке: «Шукаю роботу, вирішив підтягнути скіли». І це дуже круто, бо розвивати навички потрібно постійно та особливо, коли мова йде саме про UI. Але потім дивлюся на роботи й розумію, що з навичками все доволі непогано, трошки підтягнути відчуття балансу та колористики й взагалі буде топ! Але ситуація на ринку праці, особливо в Європі, наразі дійсно залишає бажати кращого. Конкуренція після всіх тих хвиль звільнень, що пройшли не так давно, захмарна. Тепер лише одних навичок недостатньо. Я вже трохи писав про це раніше й про роль інтервʼю і тепер вирішив поділитися ще деякими порадами для тих, хто шукає роботу. Поговоримо на цей раз про резюме та його оформлення. В наступній серії про те, як варто оформлювати та презентувати портфоліо. P.S. Друзі, нагадую, що якщо я також активно ділюся корисним контентом у своєму Substack, де зокрема можна оформити підписку з отриманням менторських консультацій за запитом. Крім того, є ще чудова можливість підтримати цей розвиток цього каналу через buymeacoffee.

​​#навчання Шрифт, наче яскравий музичний трек, що викликає емоцію, навіть якщо не розібрав половини слів. Вміння передавати настрій бренду через ритм шрифту, букви та фактури — одна з найкрутіших дизайнерських навичок. SKVOT, який також любий моєму серцю, адже колись я викладав саме там, запускає крутезний курс із типографії. Він почнеться ознайомленням із функціоналом InDesign, аби сміливо переносити ідеї з голови на екран. Далі ви зможете навчитися будувати шрифтову композицію, додавати роботі динаміки й порушувати правила — стильно та по-своєму. Попрацюєте із деталями, аби прийменники не висіли, а структура тексту була послідовною. На кінець курсу ви отримаєте 7 робіт та зможете створювати дизайн тексту, на якому зупиняється погляд. Цей курс — шанс зробити типографію своєю фішкою!

​​#навчання Вітаю вас, товариство! Насамперед нумо привітаємо батька концепції світу ідей та поняття «ейдос» — шановного античного філософа Платона, у новому образі на авці нашого каналу! Ваші лайки особливо важливі під цим постом, адже я провозився з ним години зо дві 😁 Сьогодні я до вас з анонсами власних воркшопів у любому серці Прожекторі. 1. Воркшоп для дизайнерів початківців з Mobile UI Design стартує вже сьогодні (за бажання ще можна застрибнути, початок у 19:00), але вже відкритий набір на наступний набір у листопаді. 2. 9-го серпня в нас стартує воркшоп Complex Animation in Figma. Будемо вчитися анімувати інтерфейси нативними засобами, а також робити motion анімацію за допомогою плагінів не покидаючи Figma. Приходьте, буде корисно, цікаво, цілком можливо, що ще й весело 🤓

​​Привіт, друзі! В мене сьогодні незвичайний допис, бо не про пікселі чи щось цифрове. Я кажу «Хмарочоси», а ви відповідаєте… Та ні, не Нью-Йорк! І не Чикаго. Ні, не Сан-Франциско. Та який ще Франкфурт?! Я про Шибам у Ємені! Не чули про такий? 😊 Я теж донедавна, але куди тільки не заведуть дизайнера-письменника його дослідження! А тепер дозвольте вкотре відірвати вас від тривожної стрічки короткою віртуальною подорожжю. Шибам — стародавнє місто на півдні Аравійського півострова, де переважають гори, пустелі та ваді — сухі долини з крутими прямовисними схилами. Місто з’явилося 2 тис. років тому й розбудовувався упродовж сторіч не знаними на весь світ архітекторами чи видатними інженерами, а самими містянами. Вони використовували лише ті матеріали, що були в доступі, а це здебільшого звичайна глина. Філософія будівництва крізь часи також залишалася не змінною: забезпечити населення захистом від ворогів та тінню від сонця. Тож дома, стіни, мечеті, усе будувалося якомога вище! Будівлі, що дійшли до сьогодення, збудовані в XVI столітті після того, як старе місто було зруйноване від повені. Вежі Шибаму сягають одинадцяти поверхів заввишки. І це без використання бетону чи каменю, а лише із суміші землі, води, очерету та інших в’язких матеріалів, випалених на сонці. Такі будівлі швидко руйнуються та потребують частого догляду. Тож ці середньовічні хмарочоси перебувають у постійному русі. Звісно, «хмарочос» — це будівля сучасна, байдужа до навколишніх умов. Висотки Шибаму натомість мають геть інший дух та є прикладом тріумфу традиційної, народної архітектури. Нікнейм «Мангеттен пустелі» місто дістало у 30-х роках минулого сторіччя від мандрівників із заходу. І це має сенс, адже найвищі будівлі в Нью-Йорку на той момент були заввишки такими ж, як і вежі Шибаму. Ця архітектурна перлина пустелі не просто красиве місце та чергова цікава туристична атракція. Шибам — це насамперед видатний приклад народного дизайну, використання лише доступних матеріалів, традиційної архітектури та міської самоорганізації спрямованої на задоволення потреб мешканців міста. Саме це й зрезонувало моїй дизанерській душі й захотілося поділитися з вами.

​​Товариство, вітаю вас! Сьогодні маю добру новину, якою хочеться трохи похизуватися, але також заклик до вас, колег по дизайнерському цеху 🤗 Я підписав контракт із видавництвом у США на створення книги, що буде цікавою творцям цифрового світу (тут лунає мій радісний крик). Книга вийде друком, а також і в електронному вигляді, англійською мовою (принаймні на початку). Попереду дуже багато роботи, черга видавництва тощо, тож з'явиться вона ще не так скоро. Але вже зараз для її успіху мені потрібні бета-рідери. Видавництво спеціалізується на професійній літературі для менеджерів, розробників різного ґатунку, тож серед них і має армію бета-рідерів, а от із дизайнерами виявився напряг. Тож, якщо ви працюєте UX/UI, product, або графічним дизайнером, володієте англійською на професійному та розмовному рівнях, а головне — ви любите багато читати й давати фідбек, тоді, будь ласка, дайте мені знати. Мені дуууже потрібна ваша допомога! 🖤

​​#хвилинкадизайнера Я не маю українських колег, які б читали мій канал, а отже це 100 % збіг обставин. Доволі цікавий і приємний, бо моментально підкреслив валідність моєї думки, що я озвучував у передостанньому дописі. Вчора наші HR-менеджери надали команді звіт про процес наймання дизайнерів за останній рік. Він був сповнений цікавою та неочікуваною статистикою та пропозицією відмовитися від «завдань» (домашніх чи на дошці), натомість зосередитися на огляді портфоліо кандидата та більше часу присвятити саме інтерв’ю. Вся команда, включно з керівництвом, погодилася одностайно одразу й без зайвих зустрічей та погоджень. Також учора ми знову відкрили вакансію Sr. Product Designer. Тож будемо перевіряти ці зміни просто зараз на практиці!

#хвилинкадизайнера Товариство, вітаю вас! На тому тижні відбулася конференція CONFIG 2023. Окрім балачок про важливість дизайну та нашого світлого майбутнього, ця подія була цікава тим, що Figma представила нові фічі: 🧡 Нові можливості auto layout (yaasss!!!) 🧡 Тепер зможемо робити неймовірно круті прототипи за допомогою variables. 🧡 Темні теми в один клік (насправді не зовсім так, але все одно купа чудових інструментів автоматизації процесу й більше не треба перефарбовувати, чи перезбирати щось спеціально для іншого кольорового режиму). 🧡 DevMode, що покращує життя розробникам (та й дизайнерам заразом). 🧡 Прев’ю шрифтів, робота з локалізаціями текстів і ще купка чудових дрібниць. Я давно не пам’ятаю такого радісного хвилювання в себе після перегляду презентацій! Якщо ви раптом пропустили цю подію, то пропоную ознайомитися з Config2023 Recap за цим посиланням у FigmaJam?type=whiteboard&node-id=0–1&t=BqNrAFQ7wgEtui0E-0).

#хвилинкадизайнера Вітаю вас, товариство! Сьогодні говоримо про процес наймання дизайнерів, інтерв’ю та whiteboard challenge зокрема, від якого в мене підгорає 🔥 Це мій окремий біль, як із кута того, хто шукає та наймає дизайнерів, так і з погляду кандидата. Наскільки процес проходження інтерв’ю не відповідає реальності та про те, чому випробовування на дошці відверто погана ідея — за цим посиланням. Коментуйте, буду радий почути ваші думки щодо цього.