5 лучших сервисов для создания структурных схем страниц/приложений(wireframes)

На данным момент уже созданы сотни сервисов для создания структурных схем. Какими-то можно пользоваться онлайн, другие — десктооп приложение. Есть как платные так и бесплатные среди них. Как выбрать из всего этого многообразия. Вот подборка 5ти лучших, по моему мнению:

Moqups

Design_Tools_for_Wireframing_1

Moqups на данный момент лучший сервис по моему. Мне нравится, на сколько он прост в использовании, с хорошо реализованным drag and drop features. У moqups короткое простое обучение и вы тут же можете начинать работу. Не требует никаких плагинов броузера. Элементы (ссылки, кнопки, страницы) могут быть связаны между собой таким образом, что вы сможете организовать презентацию для клиента.Moqups создан с использованием HTML5 и JavaScript, что делает его еще более впечатляющим.

Balsamiq

Design_Tools_for_Wireframing_2

У программы дружественный интерфейс, позволяющий создать макет страницы или приложения, включая быстрое прототипирование ваших идей. В balsamiq встроено множество типовых элементов управления, используемых в веб-дизайне, что значительно сэкономит вам время прототипирования. Интерфейс balsamiq интуитивно понятный, так что вы сразу сможете начать работу. Единственный минус приложения — каркасы выглядят немного по детски, как рисунок от руки, хотя для кого-то это может наоборот оказаться плюсом 🙂 Однако программа успешно справляется с ролью промежуточного инструмента между блокнотом для набросков и началом работ по дизайну.

UXpin

Design_Tools_for_Wireframing_3

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

Invision

Design_Tools_for_Wireframing_4

Invision не совсем традиционный сервис для создания структурных схем. Сервис позволяет загрузить рабочий дизайн приложения, создать точки взаимодействия и получить на выходе аналог реального приложения для демонстрации. Сейчас мы разрабатываем приложение для iPhone. Invision очень помог нам донести мысли по проекту до членов команды, работающих удаленно. Одна из фишек сервиса — вы можете отправить смс себе на телефон, в котором будет ссылка, на установку прототипа приложения на ваш iPhone. Это действительно просто и удобно. Поддержка телефонов на android будет добавлена в ближайшее время.

По старинке 🙂

Design_Tools_for_Wireframing_5

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

Оригинал статьи: http://webdesignledger.com/tools/top-5-design-tools-for-wireframing

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *