Инструменты прототипирования [updated]

Прототип сайта — это визуальное представление твоего будущего проекта. Создание прототипа может помочь протестировать разные интерфейсы, разные UX решения и гипотезы еще на этапе дизайна, тем самым сэкономив время разработчика и как следствие денег.

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

Погнали!

Mockplus

https://www.mockplus.com/mockplus-rp - Быстрый инструмент для создания прототипов, позволяющий за считанные минуты создавать от блок-схем, низкоуровневых каркасов до интерактивных прототипов.

---

ProtoPie
https://www.protopie.io/ - пожалуй самая лучшая программа для прототипирования. Несколько видео уроков я сделал для нее и выложил в этой статье: Основы прототипирования в ProtoPie

---

Wireframe.cc
https://wireframe.cc/ — самый простой сервис, который мне удалось найти. Отлично подходит для создания кратких набросков. Для несложных прототипов этого хватает.

---

Invision
https://www.invisionapp.com/ — мощный онлайн-сервис, с широким набором функций . Загружаешь артборды и настраиваешь связи в браузере.

---

Marvel
https://marvelapp.com — по сути в какой-то степени аналог invision. Загружаешь свой дизайн и настраиваешь взаимодействие артбордов.

---

Moqups
https://moqups.com — в этом сервисе можно создавать не только прототипы, но и карты сайта, диаграммы и т.п.

---

Balsamiq
https://balsamiq.com/ — интуитивно понятный ресурс для прототипирования. Есть пробная версия с ограниченным функционалом.

---

Axure
https://www.axure.com/ — хороший инструмент для проектировщиков. Опять же, имеется как пробная версия, так и платная. Так же добавили возможность работать с состояниями.

---

Ninja Mock
https://ninjamock.com/ - простой сервис для создания быстрых набросков и скетчей.

---

Конечно, прототипировать сегодня возможно в Adobe XD, Figma, Sketch, Framer X и т.д., но хотелось показать другие сервисы, которые могут быть лучше в той или иной ситуации.

Выбирай самый удобный для тебя вариант и принимайся творить:)

p.s. Какие еще сервисы для прототипирования вы знаете?

---

Подпишись на мои соц. сети:

• YouTube
• Telegram