Практичні поради для початківців. Як рости в професії швидко й уникнути прикрих помилок. Як полегшити собі роботу і робити проєкти чітко. Рекомендації, які ніколи не застаріють.
Ця стаття насамперед корисна тим, хто практично не має досвіду роботи над реальними комерційними проєктами. А також тим, хто перебуває тільки на етапі навчання і не зовсім уявляє робочий процес.
Ми вже обговорювали часті помилки JUNIOR UX/UI-дизайнера , цей матеріал можна вважати логічним продовженням.
1. Визнач пріоритети в роботі
У кожному проєкті в тебе будуть першорядні та другорядні завдання. Одразу створи собі план. Виконай спочатку найважливіше для клієнта і для проєкту в цілому. Зазвичай це опрацювання шляху здійснення конверсійної дії. Зроби це плавно, продумано і добре. Узгодь результат із замовником. І вже потім допрацьовуй решту. Повір, так буде простіше і з меншою кількістю правок. Ну і загалом зручніше відштовхуватися від опрацьованого основного кістяка, додаючи дрібниці, ніж робити все одним махом, плутаючись і повертаючись до попередніх елементів.
2. Дотримуйся принципу mobile-first
Здається, що це вже база. Але все ще багато хто робить спочатку десктопну версію, а потім вже її адаптують під мобільні пристрої. Скажімо так, є причини робити навпаки. По-перше, більшість заходів на сайти вже відбувається зі смартфонів. А по-друге, переробити мобільну версію в десктопну просто простіше для дизайнера.
Якщо потрібна спочатку версія під ПК, то хоча б постарайся робити паралельно обидва варіанти, це буде простіше і допоможе уникнути маси виправлень у майбутньому.
3. Одразу зберігай стилі
Щойно ти починаєш проект, не лінуйся зберігати всі візуальні стилі (кольори, ефекти, стилі тексту, макети, межі тощо), використовуючи відповідні імена. Це допоможе тобі пізніше заощадити дорогоцінний час, адже не встигнеш усвідомити, як "кілька перших начерків" можуть перетворитися на 10 сторінок по 10 екранів. І при цьому тобі потрібно зберегти послідовність і узгодженість.
Присвоїти назву стилю - 30 секунд. Шукати потрібні елементи і перевіряти відповідність по всьому проєкту - дуже довго.
4. Враховуй усі сценарії
Мова про взаємодію користувача з інтерфейсом. Іноді навіть досвідчені дизайнери схильні вибирати призначений для користувача шлях "за замовчуванням" і прописувати його стандартно. Фахівці просто вже роблять це на автоматі, а новачки скоріше через брак досвіду.
Найчастіше це найправильніше рішення - стійкі патерни поведінки стали такими не просто так. Вигадувати щось принципово нове може бути небезпечно, якщо йдеться про ефективність.
Але іноді якийсь крок дає збій. Наприклад, юзер не хоче продовжувати дію і хоче швидше повернутися на початок сторінки. Щось згадав, десь засумнівався. Це нормально. Тобі важливо передбачити відпрацювання заперечень завчасно, допомогти все-таки пройти шлях усілякими підказками. Але все одно на кожному кроці необхідно передбачити шляхи виходу з форми.
Або інша ситуація - під час оформлення заявки потрібно знайти якісь деталі з сайту. Не змушуй людину йти для цього, раптом вона не повернеться. Продумай систему так, щоб усі форми можна було заповнити без додаткових дій.
Тестуй кожен крок так, ніби бачиш свій дизайн уперше. Прикинься представником своєї цільової аудиторії. А якщо вона велика - то різними особистостями. Хтось спокійний і вдумливий, а хтось імпульсивний і не дуже уважний. Як вони поведуть себе? Враховуй усі можливі сценарії поведінки, щоб забезпечити релевантний, передбачуваний і послідовний користувацький досвід.
Проводь тестування з реальними користувачами. Їхній зворотний зв'язок - ключ до поліпшення UX. Навіть короткі дослідження можуть принести цінні результати.
До речі, на маркетплейсі сoursehub.com.ua у розділі з курсами з UX/UI можна побачити, що більшість шкіл роблять акцент на користувацькому досвіді як на найважливішому аспекті проектування інтерфейсів. Без вивчення природи поведінки користувачів, їхніх бажань і можливих сценаріїв буде складно створити зручний проєкт.
5. Додавай примітки
Для тебе якісь моменти можуть бути очевидними. Але як показує практика, вони не є такими навіть для іншого дизайнера, вже не кажучи про замовника. Додавай коментарі до елементів, розповідай, як вони працюватимуть. Це полегшить здачу роботи, врятує тебе від непорозумінь і купи зайвих запитань.
І не тільки для клієнта. Роби позначки для розробників. Вони мають розуміти твою логіку, бачити всі послідовності та посилання. Якщо прогер неправильно реалізує твою ідею, то це ваша спільна проблема.
Ти можеш думати, що розроблений тобою інтерфейс або потік максимально інтуїтивний. Але ти працював над цим проєктом доволі довго, вже занурився в контекст, вивчив деталі і тримаєш у голові те, чого, можливо, не знають інші учасники проєкту. Тому іноді думка упереджена, стороння людина не одразу розбереться в тонкощах. Подбай про те, щоб усім усе було зрозуміло одразу.
6. Не заглиблюйся більше, ніж потрібно
Дуже важливо володіти інструментами, вміти зробити складні фішки і показувати рівень. Але UX-дизайн працює так, що результат усе-таки важливіший за шляхи досягнення. І новачки нерідко хочуть впихнути у свій проєкт усе, що вміють, доводячи свою експертність. Хоча фактично навіть дуже простий у виконанні дизайн може працювати набагато краще за складний. Для початку потрібно вникнути в суть завдання і продумати його ефективне виконання, а потім вже викабенюватися, вигадуючи поліпшення і незвичайності.
Головне - витримати всі основні вимоги. Можеш використовувати для цього наш чек-лист із поліпшення UX/UI .
До того ж, не завжди потрібна ця технічна складність. Твою майстерність зможуть оцінити інші дизайнери, можливо, ще рекрутери запитають про навички. А якщо ти робиш проєкт для замовника, далекого від діджитал-сфери, то він і не зрозуміє, що там у тебе такого особливого. Тому не заморочуйся, якщо це невиправдано.
7. Завжди зберігай попередні ітерації дизайну
Напевно, зайвий раз не потрібно пояснювати, навіщо це потрібно. Якщо у тебе є хоч якийсь мінімальний досвід роботи, то ти і так знаєш, як іноді доводиться вносити правки і потім повертати як було.
У принципі Figma дає доступ до попередніх версій файлу, але краще взагалі ніколи не видаляти попередні ітерації. Тобі може пізніше стати в пригоді один невеликий елемент або цілі блоки. Крім того, попередні варіанти дизайну допомагають оцінити, наскільки далеко ти просунувся від перших начерків і обґрунтувати прийняті рішення. Виділи окремі сторінки для версій, називай їх за датами і позначай зрозуміло.
Ще варто додати, що старі ітерації потрібні не тільки для поточного проєкту. У тебе багато разів виникатимуть ситуації, коли якісь деталі відмінно ляжуть в інше замовлення. Хорошу ідею зарубали? Нічого, у наступному проєкті вона стане в пригоді. Або тобі потрібні якісь стандартні речі, які легше скопіювати. А може, навпаки, щось складне. І замість того, щоб з нуля розробляти об'ємний дизайн, можна взяти за основу вже готові елементи і підігнати їх під вимоги нового проєкту.
Буває, що якісь штуки стануть у пригоді через рік. Через два. Або клієнт захоче доопрацювань, або трапиться замовлення того ж напряму. А може, тобі просто потрібно буде показати цікаве рішення роботодавцю під час найму - навіть якщо воно не увійшло в остаточний дизайн.
Коротше, зберігай усе, що можна зберігати. Сортуй, щоб легко знайти, а то забудеш. Повір, стане в пригоді рано чи пізно.
8. Змирися з однотипними проєктами
Ми завжди говоримо, що портфоліо це важливо. І потрібно над ним працювати неодмінно. Починай одразу, ще під час навчання. Але не варто робити акцент тільки на створення неймовірного портфоліо - так не буває.
Просто змирися з тим, що не всі твої готові проєкти стануть кейсами на рівні портфоліо. І це нормально. Десь завдання будуть занадто однотипними, десь дрібними і не дуже цікавими, десь це буде командна робота, в якій твій внесок не дуже помітний. А іноді замовник вимагатиме внести такі правки, що й людям показати соромно. І в деяких випадках ти це зробиш, не завжди вийде відстояти свою думку.
Будь-які завдання важливі, на них ти вчишся, відточуєш майстерність і заробляєш гроші. Відмовлятися від простих проєктів не варто. Просто своє зростання ти покажеш в інших кейсах, коли вони з'являться. А якщо працювати старанно і не боятися брати різну роботу, то цікаві проєкти для портфоліо точно будуть.
9. Пам'ятай, що клієнт важливий
Для тебе, як фахівця, що надає послуги, клієнт також важливий, як і користувач. Звичайно, ми насамперед намагаємося створювати зручні рішення для користувачів. Але важливо враховувати і побажання замовника. Як профі ти маєш оскаржувати відверто провальні ідеї, але намагайся балансувати.
Пропонуй варіанти, питай думку, проси референси. Пам'ятай - що більше ти виконаєш побажань, то легше клієнт погодиться на виправлення деяких не найвдаліших його задумок. Остаточний вибір залишається за клієнтом. І саме клієнт оплачує твою роботу. Тож стався спокійно до змін і категоричності. Твій дизайн може бути бездоганним, але який у цьому сенс, якщо його не приймуть і до того ж залишать про тебе поганий відгук?
Спілкування з клієнтами - невід'ємна частина процесу. Вчися ефективно комунікувати, вислуховувати вимоги і давати конструктивний зворотний зв'язок. Твоя здатність розуміти потреби замовника важлива для успішної кар'єри.
10. Не ігноруй чужий досвід
Уже сотні UX/UI-дизайнерів проходили той самий шлях. І річ у тім, що все одно у всіх свій унікальний досвід. І кожен може розповісти іноді веселу, а іноді й жахливу історію про якийсь проєкт. Помічай у цьому суть - які бувають ситуації, як їх вирішувати. Це може стати в пригоді.
Не тільки дивись круті платформи з натхненням, а й читай профільні чати, телеграм-канали, форуми. Там самий сік. Спілкування з колегами допоможе в рази швидше набратися досвіду.
Не забувай про наставників. Став запитання, вкидай теми, що тебе хвилюють. Краще зараз поставити дурне запитання, ніж потім на практиці потрапити в дурну ситуацію. До речі, таке спілкування доступне в рамках навчання WAYUP. Ти матимеш чат із такими ж студентами, зв'язок із наставником і викладачем. Подай заявку на онлайн-курс "UX/UI легенда" , там ти точно дізнаєшся багато корисного.