Привіт! Прийшов час підвести підсумки 2022 року.
Напад росії на Україну зламав багато планів українців, але ми вистояли та дали відсіч загарбникам, наразі ЗСУ продовжує деокуповувати території, а ми допомогати армії. Слава ЗСУ!
Я хочу подякувати авторам комьюніті, які, попри складні умови, продовжували готувати матеріали для чітачів та підтримували спільноту. Разом ми сила!
Окремо хочу відзначити та подякувати декільком авторам за кропітку працю та суперські публікації, більша частина яких, потрапили до топу:
- Yaroslav Zhmykhov за серію статей по UX Дизайн процессу, який складається із 17 частин
- Євген Олексюк за шеринг досвіду з UX, доследженнь та прийняття рішень
- Oksana Nosenko за цікави статті про аналітику та розвиток компетенцій
- shelest за технічні статті та новини індустрії
@olex_world, @sofiyanakon, @zhmikhov, @andriizhdan, @oksana_nosenko, @anastasiia_koval, @annakaliaieva, @__1e27b, @shelest, @azhoroth, @vadim_kalinin_34e420c896a
Підгототували для вас добірку з 20 найкращих статей року по оцінкам комньюніті. Прошу підтримати авторів лайками та підписками на їх профілі. Поїхали!
Laws of UX. Закони, які допомогають покращити користувацький досвід та збільшити цінність продукту
Мабуть усі чули, що дизайн знаходиться на перетині креативу, бізнесу, технологій та психології. Але досить часто є нерозуміння — де саме тут психологія? Наскільки важливу роль вона відіграє в досвіді користувача і як саме вона корелюється з прибутком та монетизацією продукта? Саме з цим, я пропоную сьогодні розібратись.
Від Євгена Олексюка
Більше 30 ресурсів, де можна знайти натхнення для дизайнерів
Я впевнена, що кожного бодай раз питали на інтерв’ю, де Ви, як дизайнер, черпаєте натхнення. У мене теж була така ситуація, і чесно кажучи, моя відповідь була не найкращою, тому аби не обмежуватися переліком лише декількох найбільш популярних сервісів, я підготувала перелік, який містить близько 30 сайтів, де можна не лише надихнутися, але й потренувати свою надивленість та прокачати скіли і мати в запасі завжди декілька ідей на різні випадки життя.
У даній статті Ви знайдете корисні ресурси для тренування надивленості, пошуку натхнення, а також різноманітні патерни чудових User Flows.
Від Софії Наконечної
Підготовче та вторинне дослідження (кабінетне дослідження)
Ідеальний спосіб зібрати важливу інформацію про галузь клієнта та знайти наявні дослідження, які допоможуть вам добре підготуватися до початкової зустрічі.
Все про етап «Дослідження»
Якісні дослідження — Це ті дослідження, які здатні дати відповідь на питання «Що?», «Як?» і «Чому?» розгорнуто і з різноманітними деталями. Якісні дослідження допомагають нам вивчити поведінку, погляди, схильності потенційних користувачів продукту, предметну область, способи застосування вже існуючих продуктів.
Від Софії Наконечної
Як спростити роботу з таблицями у Figma
Дизайнери інтерфейсів майже щодня мають справу з таблицями у Figma. По своїй суті, таблиця є складною комбінацією багатьох елементів, які складаються з тексту, іконок, ліній та інших елементів взаємодії з самою таблицею чи її наповненням. Додатково, складності додає необхідність змінювати контент, його тип чи порядок, розмір колонок і рядків, а також проєктувати інтерфейс з таблицею для екранів різного розміру. В цій статті я розкажу як це значно спростити.
Від Andrii Zhdan
Метод • Причина • Ціна. Підхід, який дозволяє зробити ваше дизайн-рішення більш свідомим та зменшити ризики
Сьогодні хочу трошки розповісти про мій улюблений підхід, який особисто я використовую в роботі щодня. Я назвав це Method • Reason • Price підхід. Не можу сказати що авторство належить мені, але поки що я не знайшов опису цього методу деінде 😊
Від Євген Олексюк
Дизайнерські терміни, які повинен знати кожен
Сьогодні я поділюся термінами, котрі на мою думку повинен знати кожен дизайнер, оскільки це є фундамент. Я не претендую на істинну в останній інстанції, я лише ділюся своїм досвідом, який я отримав, працюючи дизайнером протягом 8-ми років.
Коли та як проводити аналіз конкурентів в User Experience
Кілька місяців тому на одному з івентів я запитав у знайомого дизайнера, які активності він робить, коли отримує новий проект. Серед активностей він назвав аналіз конкурентів і, коли я попросив розповісти про це більш детально, то зрозумів, що не всі знають що це таке, коли треба робити аналіз і головне — ЯКИЙ ПРОФІТ ВІН ДАЄ.
Від Євген Олексюк
Нові цікаві інструменти для дизайнерів, червень 2022 року
Автоматизація – тема колекції нових захоплюючих інструментів для дизайнерів і розробників цього місяця. Є інструменти для покращення ваших зображень, інструменти для створення ілюстрацій та інструменти для підвищення ефективності робочого процесу. Крім того, цілий ряд інструментів, які приносять просто задоволення.
Від Dinozavrix
Data-driven підхід у продуктовому дизайні
Дуже часто у компаніях команди дизайну та аналітики можуть перетинатися лише на корпоративах або на all hands зустрічах. Адже зони відповідальності цих команд не дуже стикаються. Дизайнери створюють гарні інтерфейси, пропонують, на їхній погляд зручні для користувача рішення, застосовують сучасні тенденції. Аналітики ж будують графіки, рахують дохід, кажуть результати щодо А/Б експериментів.
Але є кілька дуже вагомих причин, які мають пробудити у дизайнера бажання постійно контактувати з аналітиками.
Від Oksana Nosenko
Мої улюблені плагіни для Figma
Добірка улюблених плагіні для Figma від @annakaliaieva.
Карта подорожі покупця
Це один з найпотужніших і найгнучкіших інструментів мапінгу (journey), який візуалізує всі точки дотику (контакту) покупця/клієнта (customer/client) з компанією, послугою (сервісом) чи продуктом. Даний артефакт ілюструє подорож покупця. Інструмент Human-centered design (HCD).
У що одягнути свої кейси? - 10 сайтів з безкоштовними мокапами
Мокап - важливий інструмент демонстрації своїх робіт замовнику або для презентації себе компанії.
В цій статті не буде посилань на World Mockup, ls.graphics та Pixeden.
Я підготувала добірку сайтів, зручних у використанні, які не становлять топ-10 сервісів з мокапами у публікаціях інших дизайнерів.
Корисні плагіни для Figma #1
Для цієї статті я займалась пошуком цікавих плагінів, які значно прискорять та зроблять кращими ваші роботи.
Від Anna
Консистентність та стандарти дизайну
Четверта з десяти евристик Якоба Нільсена - послідовність і стандарти - є ключовою для створення додатків, які мають сенс для користувачів. Подумайте про веб-сайти та додатки, якими ви користуєтеся: всі вони покладаються на встановлені стандарти. Підкреслений синім текст є клікабельним, піктограма кошика показує товари, які ви плануєте придбати, логотип сайту знаходиться у верхньому лівому кутку, піктограма лупи означає пошук - все це приклади умовностей, які постійно використовуються в цифрових продуктах і які полегшують життя користувачам.
Виступаючи за узгодженість і стандарти, може здатися, що ми наполягаємо на тому, щоб усі додатки виглядали і діяли однаково, але це не так. Навпаки, коли веб-сайти і додатки дотримуються стандартів, користувачі знають, чого очікувати, підвищується здатність до навчання і зменшується плутанина.
Від Vadim Kalinin
🦢 Антикрихкість для дизайнера
Ми живемо в дуже турбулентний час, де за два роки сталася низка неприємних подій, які тривають і досі, а саме: пандемія (COVID19) та карантин, війна, блекаути… чого чекати далі навіть не знаю🙈. І від усього цього дуже страждає бізнес в різних сферах.
Тож останнім часом багато дизайнерів залишилися без роботи і були до цього не готові, а саме, не займалися своїм репутаційним маркетингом, не мали бази клієнтів, не актуалізували декілька років своє портфоліо та резюме і не мали достатньої фінансової подушки. Щоб все вищесказане зробити, потрібен час + необхідно знайти нову роботу - це все може затягнутися на місяці (враховуючи, що бізнеси зараз переважно скорочують, а не розширюють команди) і принести чимало стресу.
Вибір кольору у дизайні
Є інструменти, які допоможуть вибрати палітру кольорів за декілька секунд. Також ви можете перейти на будь-який із ресурсів представлених нижче та знайти натхнення для свого наступного проєкту.
Від Xperience
Як безпечно оновити технічно застарілі компоненти у Figma
Спочатку розглянемо способи оновлення існуючого компонента, щоб почати використовувати Властивості (Properties). Якщо ви не знайомі з тим, як працюють Властивості та як їх використовувати, для початку перегляньте цей чудовий посібник від команди Figma.
Потім поговоримо про те, як випустити оновлений компонент з Властивостями (або навіть без них), аби не створити проблем для ваших дизайн команд.
У статті розберемо блок оповіщення (alert-block), розроблений командою дизайн системи Klarna.
Від shelest
🇺🇦 Аудит компонентів вашої бібліотеки
Коли бібліотека розвивається органічно і кожен дизайнер має рівні права щодо додавання та зміни компонентів — це питання часу коли зникне цілісність. Не лише візуальна, але і якісна.
Перед тим як намагатися це виправити потрібно розпланувати ваші дії. Можна скільки завгодно передивлятися файли Фігми та залишати коментарі, проте в таких задачах не має нічого кращого за системний підхід.
10 найпопулярніших дизайн-систем для UX-дизайнерів у 2022 році
За останні кілька років масштаб і швидкість розробки інтерфейсу значно зросли. Існують мільйони веб і мобільних додатків, і вони можуть мати сотні й тисячі екранів. Нам потрібні дизайн-системи, щоб керувати дизайном у масштабі та оптимізувати процес.
У цій статті я хочу розпочати діалог про дизайн-системи. Оскільки компанії по всьому світу продовжують інвестувати в цифрову трансформацію, вони виявляють, що їм потрібно скоротити час, необхідний для створення нових продуктів. Дизайн-система — це один із таких ресурсів, який допомагає вам ефективно це робити в багатьох точках взаємодії. Тож, не зволікаючи, давайте швидко зануримося в них.
Від Xperience
Топ коментарі (6)
Всі автори отримали ексклюзивний 🏆 бейдж, як кращий автор 2022 року. Його можно побачити в своєму профілі. Вітаю з Новим Роком, 🥳 перемога буде за нами!
Вау !
Це круто, хочу всіх привітати з новим роком!
І подякувати всім українцям, які боронять всі фронти!
Хочу подякувати команді за таку чудову можливість розвиватися.
Мені дуже приємно бути частинкою таких творчих людей !
Дякуємо всім авторам та читачам!
😱 😎
Cool!
cool