Как дизайнеры, мы постоянно экспериментируем с различными инструментами и процессами, чтобы найти наиболее эффективные решения.
После множества таких экспериментов я разработал свой идеальный рабочий процесс, которым поделюсь в этом посте.
Дизайн — это процесс, и тот вариант этого процесса, который я опишу ниже, использовался мной во всех проектах для создания так называемых «привыкающих» продуктов (т. е.
продуктов, вызывающих привыкание), которые так любят пользователи.
1) Эскизы ( бумага И ручка ) — каждый великий дизайн рождается на бумаге.
Возьмите лист бумаги и ручку и начните рисовать фигуры.
2) Далее вам нужно сфотографировать свои эскизы на смартфон и загрузить их на ПОП .
Таким образом, вы сможете протестировать свой прототип.
3) Далее вам нужно сделать каркасы.
«Скетчей никогда не бывает достаточно.
Каркасы требуются почти в 100% случаев.
Здесь нет вариантов.
Открыть Омниграффл и создавайте свои каркасы в этом приложении.
4) Внезапно вы понимаете, что вам нужно добавить выпадающее меню, и, следовательно, вам придется переделать некоторые каркасы в Бальсамик .
Неплохо для рисования третьеклассников.
5) А теперь представьте, что вы до смерти ненавидите Balsamiq и переделываете то же самое в Аксур .
6) А теперь представьте, что вы до смерти ненавидите Axure и решили сделать то же самое в Adobe Illustrator используя комплект UI Wireframeming за 89 долларов.
7) Теперь экспортируйте эти каркасы в файлы PNG и импортируйте их в Инвидение , чтобы вы могли поделиться ими со своей командой.
8) На следующее утро вы просыпаетесь и плачете в тарелку с хлопьями, потому что коллега сделал очень нелестные комментарии о вашем прототипе в Инвидение .
Кстати, какая же это вкуснятина.
9) Вы решили никогда больше не использовать Invision. И все из-за недовольного коллеги.
10) Переделайте свой прототип в Марвел в надежде, что коллега не догадается, как оставлять комментарии в Marvel.
11) Вы достигли своей цели.
Каркасы утверждены.
Пришло время поработать над более детальным прототипом.
12) Возьмите фотографии из фотобанка, которым все пользуются для таких нужд, и с помощью фотошоп оптимизировать их.
Выглядит довольно оптимизированно.
13) Открыть Эскиз и начните создавать пользовательский интерфейс для вашего приложения.
Начинаем выглядеть как настоящий продукт!
14) Теперь экспортируйте их в файлы PNG и импортируйте экраны в Флинто Лайт .
15) Представьте, что вам нужны жесты, поэтому заплатите 99 долларов за Флинто для Mac поэтому вы можете добавить жесты.
Это разные люди! Очень важно! 16) Ваш начальник/основатель/клиент «не хочет устанавливать другое приложение на свой телефон» и отказывается загружать Flinto на свой iPhone.
17) Импортируйте дизайны в Принцип и добавьте взаимодействия.
18) Представьте себе, Принцип экспортирует прототип в виде видео! Смиритесь.
Все будет хорошо, правда?
19) Скачать Пиксате , потому что это бесплатно, а почему бы и нет?
20) Попробуйте разобраться, как использовать Pixate (удачи в этом).
21) Вам просто захочется сломать свой компьютер.
Я бы посоветовал сопротивляться этому побуждению, если вы можете.
Это все часть творческого процесса.
Вам придется сначала упасть, чтобы подняться на следующий уровень.
22) Когда Pixate свел вас с ума, смените ситуацию и загрузите бесплатную пробную версию Создатель .
Выглядит многообещающе! 23) Сделайте перерыв на обед. Ты заслуживаешь это.
Тако — отличный выбор.
24) Вернитесь с обеда и обнаружите, что срок действия вашей пробной версии Framer истек.
(Серьезно, суд длится всего 32 минуты).
25) Создайте прототип еще раз, но на этот раз Джастинмайнд .
26) Ловите лучи добра от коллег, которым прислали файл Justinmind. Никто из команды никогда не слышал о Джастинминде.
27) Подумайте о том, чтобы выпрыгнуть из окна, но выход есть — друг рассказал вам о новом инструменте для прототипирования.
Это ты.
Спасибо за чтение.
Надеюсь мой опыт поможет вам в работе, а если нет, то Мусульманское дизайнерское сообщество Они обязательно вам помогут. Теги: #Прототипирование #Дизайн мобильных приложений #Графический дизайн #интерфейсы #illustrator #Adobe Photoshop #AxureBalsamiq #Flinto #Justinmind #Omnigraffle #Pixate
-
Гершель, Каролина Лукреция
19 Oct, 24 -
Охотники За Реликвиями
19 Oct, 24 -
Хабравиджет: Наш Api Убогий
19 Oct, 24 -
Юзабилити Глазами Пользователя
19 Oct, 24 -
"Как..."
19 Oct, 24 -
Когда Windows 7 Просыпается Сама По Себе
19 Oct, 24 -
Играностра
19 Oct, 24