Що я дізнався, створивши дизайн понад 10 000 екранів UI (Частина 1)

Дуже класні поради від супер-досвідченого дизайнера Jon Moore – старшого дизайн-партнера у Innovatemap (Індіанаполіс) та співзасновника UX Power Tools.

1. Встановлюйте пріоритети в роботі

Я завжди використовую цю аналогію:

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

Встановлюйте пріоритети в своїй роботі так, щоб спочатку задовольнити всі базові вимоги. Тоді І ТІЛЬКИ ТОДІ ви можете переходити до таких речей, як ілюстрації і анімація.

Що веде нас до наступного пункту.

2. Всім пофіг на анімацію

Вибачте, але це правда. І я кажу це не тому, що я не сильний в анімації (що теж правда).

У продуктах світового класу мало або взагалі немає анімації:

Facebook. Salesforce. Medium.

Ці продукти коштують мільярди доларів, тому що вони вирішують проблеми і дають цінну інформацію, а не тому, що у них милі анімації.

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

Ця чудова анімація від Pete Sena

3. Не винаходьте велосипед

Шаблон – це те, що регулярно зустрічається в порівнюваних об’єктах.

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

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

Не витрачайте час на винахід велосипеда.

4. Сформуйте власні шаблони

Заради всього святого, зробіть собі кілька шаблонів дизайну.

Ви заощадите купу часу.

За півтора тижні я спроектував 52 екрани для важливої ​​презентації і навіть зібрав їх у клікабельний InVision прототип. Це був повністю індивідуальний дизайн, і він був налаштований відповідно до кольору бренду клієнта. Це було б неможливо без шаблонів.

Ось приклад екрану з мого особистого шаблону інтерфейсу, який я використовую на початку роботи над кожним проектом:

Це було створено за допомогою елементів з UX Power Tools

5. Системність породжує ефективність

Чим більше системності у вашому дизайні, тим швидше ви станете працювати.

Звідки мені знати?

Ну, по-перше, ви значно скорочуєте кількість дизайнерських рішень, які ви повинні прийняти.

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

Життєво важливо, знаю!

Далі буде!

Вам також буде ЦІКАВО:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки

Залишити відповідь