UI/UX

10 UX-шишек, которые я набил, задизайнив 10 000 интерфейсов

То, что вы здесь услышите, я узнал от удивительных дизайнеров, невероятных наставников, а также методом проб и ошибок. Если в моей истории вы найдете для себя что-то новое, поделитесь ею с коллегами. Они, как и я, будут вам благодарны.

1. Расставьте приоритеты при проектировании

Мне всегда нравилась эта аналогия:

Никого не волнует, какого цвета шов на кожаных сиденьях вашего модного концепт-кара, если у него еще нет колес.

.

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

2. Анимация – это не первоочередная задача

Простите, но это правда. И я говорю это не потому, что я не силен в анимации. Просто продукты мирового класса практически не имеют анимации: FacebookSalesforceMedium.

Эти продукты стоят миллиарды и миллиарды и миллиарды долларов, потому что они решают проблемы и дают ценность (value) потребителю, а не потому, что у них есть милые анимации.

Конечно, анимация важна на определенном этапе, но в первую очередь я рекомендую вложить ваше время в создание лучшего в своем классе пользовательского опыта (User Experience). И только потом в создание симпатичной маленькой кнопки меню, которая превращается в Биг Мак из МакДака.

word-image-3

3. Не изобретайте велосипед

Паттерн – это то, что повторяется от продукта к продукту.

Паттерны проектирования прозвали паттернами, потому что они встречаются повсеместно. У пользователей уже выработалась привычка к определенному образу действий, и если повторить тот же подход, то он, как правило, оправдает ожидания их ожидания.

Я бы мог с удовольствием разработать для вас сотню различных способов фильтрации таблицы данных, но ничто никогда не будет столь эффективным, как чекбоксы слева в каждом e-commerce сайте.

Не тратьте время на изобретение велосипеда, заглядывайте в чужие ux кейсы.

word-image-9

4. Формируйте собственные паттерны

Просто возьмите и соберите несколько собственных паттернов.

Вы сэкономите кучу времени.

Однажды за полторы недели я спроектировал 52 экрана для важной презентации и даже превратил их в кликабельный InVision прототип. Это был полностью кастомный дизайн, в нем я учел даже тональность бренда. Сделать такое было бы невозможно без паттернов.

Вот пример экрана из моей личной коллекции интерфейсных паттернов, который я расчехляю в начале работы над каждым проектом:

word-image-10-1519x1400

5. Последовательность порождает эффективность

Чем больше системности в вашем дизайне, тем быстрее вы движетесь к результату.

Откуда мне знать, что ты прав чувак?

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

К примеру, если вы просто сделаете себе символ кнопки в Sketch и начнете использовать его во всем дизайне, не только все ваши кнопки будут выглядеть согласованно, но вы также начнете работать намного эффективнее, потому что вы не будете создавать кнопки с нуля всякий раз, когда они вам потребуются.

Потрясающе! Я то знаю!

6. Эффективность порождает последовательность

Эффективность и системность связаны, поэтому формула также работает в обратном порядке.

Коллекционируйте лайфхаки. Они помогут работать быстрее. Это могут быть некие предметы, например, ресурсы дизайна или инструкции, например, соблюдение ряда принципов дизайна (к примеру, привязка к системе 8px сетки).

Ускорение вашей работы – один из признаков формирования системности.

7. Ценности бизнеса и ценности пользователей превыше всего

По последним оценкам Craigslist оценивается примерно в $3 миллиарда.

Вы вообще видели этот сайт? Он ужасен.

word-image-11

Но это не имеет значения. Он решает проблемы и дает пользователям важную информацию.

Просто и ясно. Так же, как Craigslist!

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

Решите правильные проблемы для правильных людей, и вы озолотитесь.

8. Я не центр мира

Есть много других людей, которые оказывают влияние на процесс разработки продукта.

9. Хороший дизайн рухнет, если его неправильно подать

Вы когда-нибудь были на свидании с кем-то, кто был ОГОГО, но при этом вам было не о чем говорить с ней?

Одни лишь визуальные эффекты не приведут к большому успеху. Я бы сказал, что визуальные эффекты на самом деле составляют лишь около 20% всего процесса презентации.

Ну а остальное что?

Это навык сторителлинга. Если вы не зацепите свою аудиторию убедительной историей, не продемонстрируете ценность продукта и не будете говорить от имени пользователя, то потерпите неудачу.

Как я пойму, что это провал?

Будет шквал вопросов. Принесение дизайна в жертву. Отсутствие доверия. Страх вывести продукт на рынок.

Такое никто не любит.

10. Создавайте. Выпускайте. Измеряйте. Улучшайте

Я приберег это напоследок, потому что очень очень очень очень очень очень важно:

Функциональный продукт важнее ❤ на Dribbble

Остальное не важно.

Красивый дизайн? Потрясающе! ❤❤❤

Не выпустили? Провал.

Стройте. Создавайте. Запускайте. Даже если это что-то несвязное. Даже если оно несовершенно. Даже если никто никогда это не заюзает.

По крайней мере, вы пробовали и кое-чему научились благодаря движению.

Источник: UxJournal

  • http://vk.com/id1191619 Александр Пляскин

    Статья хорошая, но ошибки…
    11. История с ошибками не привлекает ;)