UXPUB 🇺🇦 Дизайн-спільнота: TheRoom

Коштовна Індустрія: Чи Все Ще Дизайн Приносить Прибуток?

TheRoom — Thu, 17 Aug 2023 11:54:43 +0000

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

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

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

Роль Типографіки в Дизайні

TheRoom — Wed, 31 May 2023 11:22:54 +0000

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

Типографіка: Головне

Як всі ви знаєте, головне в типографіці наступне:

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

Суто Типографічний Дизайн

Бувають і такі моменти, коли тобі потрібно зробити суто типографічний дизайн інтерфейсу, де буде лише текст. Ми зтикалися з таким на лендінгах, звісно чат-ботах, та корпоративних сайтах. Цього можна досягнути и зробити класнючий кейс, якщо:

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

Ми любимо читати, коли це зручно. Не забувайте про це хай там що: пост або сторіз чи стаття про бренд на сайті. Гарна типографіка частенько стає головною причиною того, що юзеру подобається інтерфейс.

Як Зробити Юзера Задоволеним? Деталі, Які Вирішують Все

TheRoom — Wed, 17 May 2023 13:34:35 +0000

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

Акцент на Прості Слова та Дії

Перш за все, важливо памʼятати, що людина, яка не знає про що інтерфейс (на відміну від вас) має бачити супер прості слова, як то описи, кол-ту-екшени, тощо. Адже власне людина бачить це щось вперше та не палає бажанням витрачати власний час на те, щоб зрозуміти що тут мається на увазі.

Пропонуйте легкість дій та кліків - легкість закликів та речень. Менше тексту - краще. Ми може й любимо читати, але до списку бажань точно не входить опис роботи застосунку.

Чистій Файл - Чиста Совість

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

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

Гарні Відступи - Плюси в Карму

Серед деталей можна також назвати:

охайну типографіку та використання не більш ніж 3 стилі текстіу в макеті
консистентність дизайн-рішень, аби жодна форма не була унікальною, а повторювалась протягом макету та людина розуміла, що це щось "з цього дизайну"
гарні відступи
ретельно підібрані кольори
гарний контраст
перевірені тексти

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

Важливість Доступності Дизайну

TheRoom — Wed, 03 May 2023 12:58:54 +0000

Дизайн має бути доступний всім. Це наче знають всі UI/UX дизайнери - навіть початківці. Проте коли діло доходить до діла, мобільні додатки стають супер креативними, прикольними та Дрібловими, а інклюзивність залишається лише в теорії та рамках дизайн-курсів.

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

1. Замінити User Personas - Jobs to be Done та фокусуватись на задачах, які ви маєте виконати замість юзерів, котрих хочете задовільнити.

2. Тестувати та запитувати людей про зручність роботи з інтерфейсом - для цього не треба обовʼязково збирати фокус-групи. Ви можете просто надіслати прототип до Maze та протестувати його на порталі.

3. Спрощувати. Завжди та всюди - контент робити контрастним, текст читабельним та памʼятати що тренди мають бути в балансі з юзабіліті, інакше ви ризикужте стати жертвою моди.

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

Як Дизайн-Системи Впливають на Досвід Користувача?

TheRoom — Thu, 30 Mar 2023 15:06:42 +0000

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

Ми знаємо компанії, які роблять детальну дизайн-систему завжди та всюди. Це прикольно та корисно, якщо ви маєте два департаменти в одному бізнесі: і дизайн, і розробку одночасно. Таким чином ви заощаджуєте час (та й ресурс розробників на проєкті). Але ж якщо це просто студія дизайну, робити систему краще опціонально. По-перше, гарна дизайн-система може зайняти від 12 до 36 годин роботи залежно від кількості скрінів. Певне що кожен дизайнер має вміти робити її та точно що гарно організований дизайн-файл набагато приємніше віддавати колегам. Проте, якщо ви будете ставити такий спринт на кожен таск, це буде не дуже доцільним, бо ви не знаєте що за розробники сидять на “тому боці".

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

Важливість Доступності та Інклюзивного Дизайну

TheRoom — Thu, 16 Mar 2023 10:09:57 +0000

Коли ми говоримо про гарний UI/UX дизайн, доступність та інклюзивність мають бути двома характеристиками, актуальними за замовчанням. Адже сам дизайн було створено, аби кожен інтерфейс становився ближчим до людей. Так часто можна побачити в оголошеннях про нові проєкти: “мені потрібен user-friendly дизайн”, або ж “шукаю спеціаліста, що може зробити дизайн таким, аби кожен чудово його зрозумів”. Тобто інклюзивність - є складовою коду ДНК дизайну. Проте, дуже багато хто забуває про це правило.

Дуже важливо розуміти, коли ми працюємо над інтерфейсом, хто, власне, буде його юзером. Круто мати замовника, в котрого є власне бачення трендів та гарного дизайну, але при цьому ваш замовник не буде головним користувачем застосунку або ж сайту. Тобто, за замовчанням, ви стаєте певною мірою “адвокатом прав користувачів” та маєте думати про них першочергово. Якщо це діти - тулити гейміфікацію ледь не на кожен крок, проте якщо мова іде про велику корпорацію у стилі “black tie”, не буде місця навіть анімаціям та граф дизайну, адже це не співвідноситиметься з корпоративною етикою.

Важливо розуміти, коли до вас звертаються, наприклад з проханням зробити “сучасний сайт для продажу косметики”, що тексти мають бути нормального розміру та контрасту. Такими, аби кожна людина незалежно від віку могла побачити написане. Тобто робити текст у круговому шейпі ще й косим шрифтом не буде тут кращим рішенням. Так само якщо ви працюєте над стартапом, який є супер сучасним. Наверніть анімацій та графіки, проте завжди памʼятайте про контрастність тексту та важливість гарної типографіки, яка у 90% випадків саме і робить дизайн інклюзивним.

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

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

Вплив AR/VR на Сприйняття та Тренди в UI/UX Дизайні

TheRoom — Wed, 22 Feb 2023 14:59:12 +0000

Цікаво те, що більшість UI/UX дизайнерів впевнені у тому, що AR/VR ну ніяк не відображається на їхній роботі. Вони навіть можуть це стверджувати сидячі в Oculus 2.0 та спілкуючись з менеджером через Slack у VR застосунку. Проте, в реальності ж, більше і більше клієнтів розуміють, що без AR вони не зможуть розвиватися та ставати технологічнішими. І саме UI/UX дизайнерам треба шукати можливості показувати AR сприйняття реальності через мобільні застосунку та веб додатки.

Насправді реліз Oculus та зростаюча в минулому популярність масок призвели до того, що наразі майже кожен бренд сегмента e-commerce, fashion хоче мати елементи AR/VR в дизайні. Мабуть, ви чули про DRESSX? Це український бренд, який продає лише віртуальний одяг. Та досить успішно це робить. При цьому ж, GUCCI вже запустили власний додаток для того, щоб примірити товари бренду не виходячи з дому. З одного боку, high-fashion відторгає нові технології, адже вони лише роблять шопінг більш доступним людям, а з іншого боку всі бренди середнього рівня або ж стартапи, обовʼязково проситимуть вас зробити:

можливість примірку товарів AR
створення луків через застосунок
підбір аксесуарів через AR

І саме це може зробити класний UI/UX дизайнер. Але якщо ви не полюбляєте моду, не біда - інша сфера, що дуже стрімко наразі розвивається - property management. Агенти з нерухомості, забудовники, дизайнери інтерʼєрів та навіть архітектори використовують AR/VR технології для того, щоб показати клієнту квартиру або будинок без персональних зустрічей, що значно заощаджує час для обох сторін комунікації. Більш того, це дозволяє пришвидшувати продажі та скорочувати витрати на роботу. Водночас із цим, працюючи з архітекторами та виробниками, дизайнер завжди має памʼятати про необхідність зробити AR/VR досвід якомога простішим для людей різного віку та рівня освіченості.

Звісно що не можна не згадати про медицину та навчання. До речі, поки світ страждає через фінансову кризу, одними з регіонів, що не постраждали є Африканські, Південноамериканські та Азійські країни. Саме там стрімко розвивається EdTech, який дуже круто використовую AR технології на тестах для, наприклад лікарів, або ж тестах підвищення кваліфікації водіїв. Скрізь та усюди люди намагаються покращити експірієнс життя клієнтів через нові технології. Тож дизайнери також мають мати це на увазі.

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

Check our Behance case!

TheRoom — Wed, 22 Feb 2023 13:10:02 +0000

Meet our sensational design for the Mine'D mobile app! We made sure that the consumption of interesting and useful content is as comfortable as possible thanks to a perfectly thought-out design!

Efficient planning to save your time! Design for Mine'D app is inspired by the idea of user care, so we have provided important features with a logical and attractive interface for easy use.

You don't have to be constantly online to enjoy the pleasant company of speakers and incredible design with Mine'D! Save your favorite streams and watch your favorite streams whenever you want. And finally, just imagine, you can have the advice you need anytime. Learning something new and building your environment is now so easy - we took care of it with this design.

You can find the Mine'D application case on Behance and enjoy dynamic animation. Welcome!
https://www.behance.net/gallery/163106575/Mined-The-worlds-first-emotional-social-app

Юзер Тести та Способи їх Ефективного Проведення

TheRoom — Thu, 09 Feb 2023 11:15:03 +0000

Якби хтось, коли я ще навчалась на соціологічному факультеті в Харкові, сказав мені, що робота з респондентами інколи є справжньою частиною UI/UX дизайну, я б прогулювала пари набагато менше. Але таке життя та про юзер тести зазвичай ми дізнаємося з курсів. Всі ми колись чули, що є така штука і що вона важлива. Проте займатися нею найчастіше ніколи або просто незрозуміло як, якщо, наприклад ваша ЦА - австралійські пенсіонери або діти Африки. Тому дизайнери частіше працюють з інтервʼю або ж опитуваннями, не зважаючи на те, що проводити тести просто та легко можна не виходячи з дому.

Коли нас почали проводити юзер тести у світі бушувала пандемія та полетіти на Кіпр та провести там тестування нового застосунку над яким ми працювали - просто не було можливості. Тоді ми знайшли Maze. Це такий прикольний сервіс, який дозволяє вам завантажувати прототипи з Figma та поштові адреси юзерів. Коли все завантажено, ви прописуєте питання та сценарій опитування. І запускаєте роботу.

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

Покрокова Інструкція Класного Тесту

Запитайте у ваших замовників поштові адреси юзерів - якщо це поточний продукт, вони мають адреси юзерів, якщо новий - ви можете запитати надати потенційні адреси
Попросіть попередити про тестування
Напишіть інструкцію щодо проходження
Створіть прототип кількох флоу
Напишіть питання - вони мають стосуватись безпосередньо флоу та функцій застосунку
Не перевантажувати юзерів та обмежитися 20 питаннями, серед яких максимум 4 питання буде на 1 флоу, а 3 перших питання будуть паспортними про вік, стать та імʼя
Подякуйте юзерам наприкінці опитування
Зберіть дані у таблицю та проаналізуйте
Спостерігайте за тенденціями та напишіть звіт
Покращуйте дизайн

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