Як стати дизайнером. Головна помилка і необхідні навички. Особистий досвід співробітників Mail.Ru Group, Badoo, Trood



Поганий дизайн вбиває. Хороший робить життя простішим. Блискучий — змінює світ. Класичне освіта ніколи не поспіє за швидкістю розвитку галузі. Початківцям складно вскочити в цей потяг. Але можна. За останні два роки я відвідав десятки конференцій, спілкувався з дизайнерами лідируючих компаній, працював над кількома проектами і виявив схожість у розвитку багатьох фахівців. До отриманих знань додався особистий досвід і в результаті вийшов матеріал, який я мріяв би прочитати три роки тому.

Головна помилка
Головна помилка початківців дизайнерів — забувати, що таке дизайн.

Дизайн непомітний.

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

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

Керівник портальної дизайн-команди Mail.Ru Group Юрій Вітрів підтримав цю думку:

«Головна помилка початківців дизайнерів — це наголос на малювання екранів замість того, щоб думати про загальній картині (бізнес-завдання, сценарії взаємодії і очікування користувачів)».

Завжди корисно послухати ідеї клієнта, але ви вправі зробити все по-іншому, якщо це спрощує використання продукту.

«Люди самі не знають чого вони хочуть, поки їм це не покажеш» — Стів Джобс.



Я пам'ятаю, як два дні безуспішно ходив по магазинам Zara, Reebok, Nike в пошуках простих, але сучасних кед. Тоді я вперше зайшов в Lacoste і одразу знайшов те, що хотів. В подібних магазинах речі прості, якісні та їх дизайн не змінюється в залежності від моди. Зовнішній вид еволюціонує, але дизайн стабільно вирішує одну проблему, з якою зіткнувся і я — простий пошук, якісно і стильного взуття.

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

Цікаво, що коли я запитав, які ще помилки роблять початківці, Юрій відповів:

«Бездумне використання (або невикористання) патернів, тому що вони завжди гарні для однієї і погані для іншого завдання»

Схожу думку висловив дизайнер продукту в Badoo Павло Шумаков:

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

Як уникнути головної помилки?


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

Мій дизайн-процес, заснований на особистому досвіді і курсі від Tilda Publishing, виглядає наступним чином:

Вивчення завдання. Я малюю прості схеми, щоб наочно описати задачу. Намагаюся виявити основні завдання і проблеми, з якими стикається користувач. Акцентую увагу на цьому і доробляю схему. Найчастіше це mind map;
Дослідження. Я переглядаю зібрані колекції на Pinterest, шукаю схожі роботи на Dribbble, знаходжу сайти компаній, чий продукт схожий з завданням. Думаю, що можна застосувати до мого завдання. До кінця дослідження в голові вже є кілька варіантів реалізації. Залишається вибрати вірний;
Рішення. Мені подобається робити начерки інтерфейсу на аркушах формату А4. Я роблю від 3-х до 20-ти. Починаю з загального бачення інтерфейсу, а після дивлюся зручний він для реалізації всіх функцій.
Макет. В Sketch я реалізую обраний інтерфейс. Роблю перерву. Після дивлюся свіжим поглядом. Вношу зміни. Думаю, як можна зробити по іншому. Роблю. Порівнюю. Якщо потрібно, повертаюся до етапу 3;
Зворотний зв'язок. Показую роботу і вношу зміни.

Головні навички дизайнера-початківця
Віртуозне володіння Photoshop або Sketch не зробить початківця професіоналом. Так і професіоналам не слід забувати про кілька речей, які я підкреслив спілкування, статей, курсів та особистого досвіду.

Розвиток (постійне). Дизайнер знає, як вирішити проблему багатьма способами, тому що він подивився сотні робіт. У цьому допоможуть дизайнерські ресурси, як Dribbble, Awwards і блоги дизайн-студій. Вподобані роботи збирайте колекції на Pinterest, сортуючи за типами (Mobile Profile, Media тощо).

Процес. Дотримуйтесь алгоритмом. Але і експериментуйте. Все завжди можна поліпшити;

Інструменти. Зараз їх багато. Практично будь-який з готових макетів може зібрати прототип або зробити анімацію. Початківцям не потрібно розпорошуватися. Спочатку вивчіть Sketch або Photoshop, а після переходьте до інших;

База. Кольори. Типографіка. Сітки. Потрібно знати. На старті хоча б поверхово. Інтернет, статті, курси допоможуть.

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

Зробити перший грунтовний крок вам допоможе наступний план:

1. Поставте завдання. Візьміть застарілий сайт або придумайте свій. Запишіть задачу, як ніби її вам передав клієнт;
2. Виділіть основні елементи. Вирішіть які блоки будуть на сайті (меню контент, фото і тп);
3. Знайдіть як мінімум п'ять сайтів зі схожою структурою. Подумайте, які сайти за структурою схожі на ваш. Якщо ваша мета зробити спортивний сайт, то можна брати за приклад новин. Якщо це landing page, то загляньте на land-book.com;
4. Спроектуйте один екран. Папір і ручка — все, що потрібно. Накидайте кілька варіантів розташування елементів. Тепер у вас є досвід, так як ви переглянули багато схожих сайтів. Виберіть один варіант, який, як вам здається краще виконує головну задачу;
5. Sketch або Photoshop реалізуйте малюнок. Не зациклюйтеся відразу на квітах. Спочатку зробіть чорно-білим. Після додайте акцентний колір на посилання і кнопки. Звертайте увагу на розміри елементів тексту, а так само міжрядковий інтервал. Погано зверстаний текст впадає в очі;
6. Знайдіть на Facebook дизайнера і попросіть його прокоментувати ваш дизайн. Вислуховувати критику складно, але корисно. Про це ж говорить Павло:

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

Висновок
Дизайн — це талант? Я не знаю. Але я точно знаю, що якщо б не переглянув сотні робіт, не прочитав десятки статей і не завершив кілька проектів я б не опинився на місці дизайнера продукту. Якщо ви маєте намір стати дизайнером будьте готові, що перші роботи будуть жахливі. Допрацьовуйте їх. Дивіться приклади і думайте, чому в інших вийшло, а у вас немає. Виправляйте. Знову практикуйтеся і коли-небудь ви погляньте на свою роботу і скажіть «Це круто».

Дякую Павлу Шумакову і Юрію Вєтрову за коментарі. Ми всі виграємо, якщо російськомовне дизайн-спільнота буде розвиватися. А це залежить тільки від нас.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.