GUI.ruFresh: новости мира юзабилити

При поддержке компании UIDesign Group

4

Как проектировать сложные анимированные переходы с помощью бумажек?

Мы уже не раз писали про бумажное прототипирование и про его плюсы, однако, в сети гуляет и другое расхожее мнение. Критикуя данный метод, оппозиционеры утверждают, что время, потраченное на карандашные наброски, можно использовать для создания более интерактивных прототипов. Причем для проектирования под iPad предлагается использовать с детства знакомый PowerPoint.

Однако, Грэг Нудельман , весьма известный UX-дизайнер, призывает пользоваться на первом этапе работы над переходами между экранами клейкими бумажками Post-it, из которых можно сложить наглядные «комиксы». В своей статье Грэг подробно разбирает семь принципов анимации, которые помогут вам добиться правильной «раскадровки», благодаря которой клиенты смогут без труда визуализировать ваши идеи. Заполучив таким образом одобрение клиентов, вы можете переходить к созданию фреймов в привычной вам программе, будь то Fireworks, OmniGraffle или Visio. Конечно, реализация анимации с помощью Flash могла бы быть более наглядной, однако есть возможность, что инженеры не заметят все тонкости. К тому же работа с фреймами только на первый взгляд отнимает много времени.

Стоит ли прототипировать на бумаге, создавать «комиксы» переходов, или обратиться к PowerPoint, Flash и так далее, решать вам, но пока ни одна точка зрения не смогла на сто процентов подавить другую.

English How to Prototype iPad apps with PowerPoint
English Storyboarding iPad Transitions

Поделиться: Опубликовать вконтакте Опубликовать на FriendFeed

Реакции на пост (4)

Отслеживать в RSS | TrackBack URI

Platoha14.03.2011 17:15
1

#uifresh Как проектировать сложные анимированные переходы с помощью бумажек? http://bit.ly/fuwHxv http://ff.im/-zrvzw

Lily15.03.2011 1:39
2

Меня долго учили, что сначала нужен эскиз, а потом уже вся робота.

needmedia16.03.2011 2:04
3

Как проектировать сложные анимированные переходы с помощью бумажек? | Fresh: новости мира… – #ux #userexperience http://bit.ly/hsoX7C

needmedia18.03.2011 0:58
4

Как проектировать сложные анимированные переходы с помощью бумажек? http://eventr.com/~YU9J2p