UXPUB 🇺🇦 Спільнота дизайнерів

Cover image for Найкращі статті 2022 року про дизайн українською
Varhal для UXPUB

Опубліковано

Найкращі статті 2022 року про дизайн українською

Привіт! Прийшов час підвести підсумки 2022 року.

Напад росії на Україну зламав багато планів українців, але ми вистояли та дали відсіч загарбникам, наразі ЗСУ продовжує деокуповувати території, а ми допомогати армії. Слава ЗСУ!

Я хочу подякувати авторам комьюніті, які, попри складні умови, продовжували готувати матеріали для чітачів та підтримували спільноту. Разом ми сила!

Окремо хочу відзначити та подякувати декільком авторам за кропітку працю та суперські публікації, більша частина яких, потрапили до топу:

@olex_world, @sofiyanakon, @zhmikhov, @andriizhdan, @oksana_nosenko, @anastasiia_koval, @annakaliaieva, @__1e27b, @shelest, @azhoroth, @vadim_kalinin_34e420c896a

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

Laws of UX. Закони, які допомогають покращити користувацький досвід та збільшити цінність продукту

Laws of UX. Закони, які допомогають покращити користувацький досвід та збільшити цінність продукту

Мабуть усі чули, що дизайн знаходиться на перетині креативу, бізнесу, технологій та психології. Але досить часто є нерозуміння — де саме тут психологія? Наскільки важливу роль вона відіграє в досвіді користувача і як саме вона корелюється з прибутком та монетизацією продукта? Саме з цим, я пропоную сьогодні розібратись.

Від Євгена Олексюка


Більше 30 ресурсів, де можна знайти натхнення для дизайнерів

Більше 30 ресурсів, де можна знайти натхнення для дизайнерів

Я впевнена, що кожного бодай раз питали на інтерв’ю, де Ви, як дизайнер, черпаєте натхнення. У мене теж була така ситуація, і чесно кажучи, моя відповідь була не найкращою, тому аби не обмежуватися переліком лише декількох найбільш популярних сервісів, я підготувала перелік, який містить близько 30 сайтів, де можна не лише надихнутися, але й потренувати свою надивленість та прокачати скіли і мати в запасі завжди декілька ідей на різні випадки життя.
У даній статті Ви знайдете корисні ресурси для тренування надивленості, пошуку натхнення, а також різноманітні патерни чудових User Flows.

Від Софії Наконечної


Підготовче та вторинне дослідження (кабінетне дослідження)

Підготовче та вторинне дослідження (кабінетне дослідження)

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

Від Yaroslav Zhmykhov


Все про етап «Дослідження»

Все про етап «Дослідження»

Якісні дослідження — Це ті дослідження, які здатні дати відповідь на питання «Що?», «Як?» і «Чому?» розгорнуто і з різноманітними деталями. Якісні дослідження допомагають нам вивчити поведінку, погляди, схильності потенційних користувачів продукту, предметну область, способи застосування вже існуючих продуктів.

Від Софії Наконечної


Як спростити роботу з таблицями у Figma

Як спростити роботу з таблицями у Figma

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

Від Andrii Zhdan


Метод • Причина • Ціна. Підхід, який дозволяє зробити ваше дизайн-рішення більш свідомим та зменшити ризики

Метод • Причина • Ціна. Підхід, який дозволяє зробити ваше дизайн-рішення більш свідомим та зменшити ризики

Сьогодні хочу трошки розповісти про мій улюблений підхід, який особисто я використовую в роботі щодня. Я назвав це Method • Reason • Price підхід. Не можу сказати що авторство належить мені, але поки що я не знайшов опису цього методу деінде 😊

Від Євген Олексюк


Дизайнерські терміни, які повинен знати кожен

Дизайнерські терміни, які повинен знати кожен

Сьогодні я поділюся термінами, котрі на мою думку повинен знати кожен дизайнер, оскільки це є фундамент. Я не претендую на істинну в останній інстанції, я лише ділюся своїм досвідом, який я отримав, працюючи дизайнером протягом 8-ми років.

Від Yaroslav Zhmykhov


Коли та як проводити аналіз конкурентів в User Experience

Коли та як проводити аналіз конкурентів в User Experience

Кілька місяців тому на одному з івентів я запитав у знайомого дизайнера, які активності він робить, коли отримує новий проект. Серед активностей він назвав аналіз конкурентів і, коли я попросив розповісти про це більш детально, то зрозумів, що не всі знають що це таке, коли треба робити аналіз і головне — ЯКИЙ ПРОФІТ ВІН ДАЄ.

Від Євген Олексюк


Нові цікаві інструменти для дизайнерів, червень 2022 року

Нові цікаві інструменти для дизайнерів, червень 2022 року

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

Від Dinozavrix


Data-driven підхід у продуктовому дизайні

Data-driven підхід у продуктовому дизайні

Дуже часто у компаніях команди дизайну та аналітики можуть перетинатися лише на корпоративах або на all hands зустрічах. Адже зони відповідальності цих команд не дуже стикаються. Дизайнери створюють гарні інтерфейси, пропонують, на їхній погляд зручні для користувача рішення, застосовують сучасні тенденції. Аналітики ж будують графіки, рахують дохід, кажуть результати щодо А/Б експериментів.

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

Від Oksana Nosenko


Мої улюблені плагіни для Figma

Мої улюблені плагіни для Figma

Добірка улюблених плагіні для Figma від @annakaliaieva.


Карта подорожі покупця

Карта подорожі покупця

Це один з найпотужніших і найгнучкіших інструментів мапінгу (journey), який візуалізує всі точки дотику (контакту) покупця/клієнта (customer/client) з компанією, послугою (сервісом) чи продуктом. Даний артефакт ілюструє подорож покупця. Інструмент Human-centered design (HCD).

Від Yaroslav Zhmykhov


У що одягнути свої кейси? - 10 сайтів з безкоштовними мокапами

У що одягнути свої кейси? - 10 сайтів з безкоштовними мокапами

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

В цій статті не буде посилань на World Mockup, ls.graphics та Pixeden.

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

Від Anastasiia Koval 🦄


Корисні плагіни для Figma #1

Корисні плагіни для Figma #1

Для цієї статті я займалась пошуком цікавих плагінів, які значно прискорять та зроблять кращими ваші роботи.

Від Anna


Консистентність та стандарти дизайну

Консистентність та стандарти дизайну

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

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

Від Vadim Kalinin


🦢 Антикрихкість для дизайнера

🦢 Антикрихкість для дизайнера

Ми живемо в дуже турбулентний час, де за два роки сталася низка неприємних подій, які тривають і досі, а саме: пандемія (COVID19) та карантин, війна, блекаути… чого чекати далі навіть не знаю🙈. І від усього цього дуже страждає бізнес в різних сферах.

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

Від Дмитра Свєнтуховського


Вибір кольору у дизайні

Вибір кольору у дизайні

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

Від Xperience


Як безпечно оновити технічно застарілі компоненти у Figma

Як безпечно оновити технічно застарілі компоненти у Figma

Спочатку розглянемо способи оновлення існуючого компонента, щоб почати використовувати Властивості (Properties). Якщо ви не знайомі з тим, як працюють Властивості та як їх використовувати, для початку перегляньте цей чудовий посібник від команди Figma.

Потім поговоримо про те, як випустити оновлений компонент з Властивостями (або навіть без них), аби не створити проблем для ваших дизайн команд.

У статті розберемо блок оповіщення (alert-block), розроблений командою дизайн системи Klarna.

Від shelest


🇺🇦 Аудит компонентів вашої бібліотеки

🇺🇦 Аудит компонентів вашої бібліотеки

Коли бібліотека розвивається органічно і кожен дизайнер має рівні права щодо додавання та зміни компонентів — це питання часу коли зникне цілісність. Не лише візуальна, але і якісна.

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

Від Stanislav Stefaniuk


10 найпопулярніших дизайн-систем для UX-дизайнерів у 2022 році

10 найпопулярніших дизайн-систем для UX-дизайнерів у 2022 році

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

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

Від Xperience

Топ коментарі (6)

Згорнути/розгорнути
 
varhal profile image
Varhal Автор • Змінено

Всі автори отримали ексклюзивний 🏆 бейдж, як кращий автор 2022 року. Його можно побачити в своєму профілі. Вітаю з Новим Роком, 🥳 перемога буде за нами!

Image description

Згорнути/розгорнути
 
annakaliaieva profile image
Anna

Вау !
Це круто, хочу всіх привітати з новим роком!
І подякувати всім українцям, які боронять всі фронти!
Хочу подякувати команді за таку чудову можливість розвиватися.
Мені дуже приємно бути частинкою таких творчих людей !

Згорнути/розгорнути
 
editorial profile image
Редакція

Дякуємо всім авторам та читачам!

Згорнути/розгорнути
 
shelest profile image
shelest

😱 😎

Згорнути/розгорнути
 
__021b4a6 profile image
Сергей Демьяненко

Cool!

Згорнути/розгорнути
 
__021b4a6 profile image
Сергей Демьяненко

cool

Курси дизайну UX, UI

Вивчай UX, UI, дослідження, райтинг чи продуктовий бік дизайну, щоб створювати круті інтерфейси
Дізнатись більше