fbpx
Идеальный рабочий процесс дизайнера

Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Как дизайнеры, мы постоянно экспериментируем с разными инструментами и процессами, чтобы найти наиболее эффективные решение. После массы таких экспериментов я выработал свой идеальный рабочий процесс, которыми и поделюсь в этом посте. Дизайн – это процесс, и вариант этого процесса, который я опишу ниже, использовался мной на всех проектах по созданию так называемых “habit-forming” продуктов (т.е. продуктов, формирующих привычки), которые так любят пользователи.

1) Наброски (бумага и ручка) – каждый великий дизайн рождается на бумаге. Достаньте лист и ручку, и начните рисовать какие-то фигуры.

Наброски на бумаге

2) Далее нужно сфотографировать свои эскизы на смартфон и загрузить в POP. Так вы сможете протестировать свой прототип.

Сфотографировать свои прототипы

3) Далее нужно сделать вайрфреймы. Эскизов всегда недостаточно. Вайрфреймы обязательны практически в 100% случаев. Тут без вариантов. Откройте Omnigraffle и создайте свои вайрфреймы в этом приложении.

вайрфреймы

4) Вдруг вы поняли, что нужно добавить выпадающее меню, и поэтому придется переделать некоторые вайрфреймы в Balsamiq.

Balsamiq
Неплохо, если рисовать для 3-классников.

5) Теперь представьте, что вы до смерти ненавидите Balsamiq и переделайте то же самое в Axure.

Axure

6) Теперь представьте, что вы до смерти ненавидите Axure и решили проделать то же самое в Adobe Illustrator с использованием UI Wireframing kit за $89.

Adobe Illustrator

7) Теперь экспортируйте эти вайрфреймы в PNG-файлы и импортируйте их в Invision, чтобы можно было поделиться ими с командой.

Invision

8) Вы проснулись следующим утром и плачете в свою миску хлопьев, потому что коллега оставил очень нелестные комментарии по поводу вашего прототипа в Invision.

Хлопья
Кстати, какая же это вкусная штука.

9) Вы решили больше никогда не пользоваться Invision. А все из-за недовольного коллеги.

1-d6VbGnkA_oldqOnS2B1x5Q

10) Переделайте свой прототип в Marvel в надежде, что коллега не найдет, как оставлять комментарии в Marvel.

Marvel

11) Вы добились своего. Вайрфреймы утвердили. Настало время поработать над более детализированным прототипом.

1-w0T8CIBpQnSNdbkflPEb7w

12) Возьмите снимки из фотобанка, которые все используют для таких нужд, и с помощью Photoshop оптимизируйте их.

Photoshop
Смотрится довольно оптимизировано.

13) Откройте Sketch и начните создавать UI для своего приложения. Начинает выглядеть, как реальный продукт!

Sketch

14) Теперь экспортируйте их как PNG-файлы и импортируйте экраны во Flinto Lite.

Flinto Lite

15) Представьте, что вам нужны жесты, так что заплатите $99 за Flinto под Mac, чтобы вы могли добавить жесты.

Flinto под Mac
Это разные люди! Очень важно!

16) Ваш начальник/учредитель/клиент “не хочет устанавливать еще одно приложение на свой телефон” и отказывается скачивать Flinto на свой iphone.

1-F38J8FP2n4wHckLwQdId0Q

17) Импортируйте дизайны в Principle и добавьте взаимодействия.

Principle

18) Представляете, Principle экспортирует прототип, как видео! Смиритесь. Все будет хорошо, правда же?

1-H2ods-ZJGxQf5mP25Rt8ng

19) Скачайте Pixate, потому что он бесплатный и почему бы нет?

Pixate

20) Постарайтесь разобраться, как пользоваться Pixate (удачи с этим).

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

1-iJFQBKDa1DKd3HTMbChHFA

22) Когда Pixate довел вас до ручки, смените обстановку и скачайте бесплатную триал-версию Framer.

Framer
Выглядит многообещающе!

23) Отвлекитесь на обед. Вы заслужили.

1-p2usKUKSMPVt8CMHHwkfmA
Такос – отличный выбор.

24) Вернитесь с обеда и осознайте, что срок триал-версии Framer истек. (Серьезно, дается всего 32 минуты триалки).

1-zB_2g9Sh57Qqqt1VHENUfQ

25) Еще разок создайте прототип, но уже в Justinmind.

Justinmind

26) Ловите лучи добра от своих коллег, которым был выслан файл Justinmind. Никто в команде никогда ничего не слышал о Justinmind.

1-tcUx7k8HmXuLVZn_ZKpNWw

27) Рассмотрите вариант выпрыгнуть из окна, но выход есть – друг рассказал вам о новом инструменте для прототипирования.

1-_mzKLKMYTc1EIkIkaTI_fA
Это вы.

Спасибо за чтение. Надеюсь, мой опыт поможет вам в работе.

4 Комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Похожие статьи
1
Подробнее

Расширение для браузера, которое заменяет рекламу в фиде Twitter полезной информацией

Очевидно, что в фидах есть нечто, что привлекает людей... что, если бы мы могли заново изобрести фид, чтобы он давал пространство для самореализации, не теряя при этом механизмов, делающих его особенным?

Лучшие статьи, раз в неделю, с доставкой на почту

Total
4
Share