Делюсь бесплатными инструментами для создания вайрфреймов и объясняю, почему системному или бизнес-аналитику никогда не помешает освоить этот навык.
Кому и для чего нужен вайфрейминг?
Wireframe (в переводе «каркас») — грубый двухмерный набросок структуры продукта в черно-белом виде.
Помогает отобразить функционал разрабатываемого продукта до того момента, как будут получены и рассмотрены элементы финального дизайна.
Я советую всем начинающим системным или бизнес-аналитикам закреплять вайрфреймом, описанные функциональные требования.
Зачем?
Пока вы еще не написали 100500 требований и не набили руку, то визуализация текстового описания функционала при помощи вайрфрейма станет самым эффективным способом донесения информации до конечного потребителя вашей документации.
***
В статье я расскажу о двух инструментах, которые использую для создания таких каркасов и поделюсь инструкциями по их установке.
Balsamiq Mockups
Вы наверняка слышали о Balsamiq Mockups — самый популярный и самый удобный, по-моему мнению, инструмент для создания набросков пользовательских интерфейсов. Но в большинстве случаев, как и бывает со всеми крутыми продуктами, проблема Balsamiq в том, что он платный.
Не всякая компания готова оплачивать подписку на облачный сервис или приобрести локальную версию, поэтому я стала искать другие пути для возможности использовать данный инструмент бесплатно.
Инструкция по установке и активации Balsamiq
Спасибо доброму человеку и github.
- Cкачиваем установочный файл Balsamiq v3.0 с официального сайта разработчика в разделе архивных версий.
- После установки запускаем Balsamiq и вводим данные:
Organization name: leexij@gmail.com
Serial Key: eNrzzU/OLi0odswsqslJTa3IzHJIz03MzNFLzs+tMTQyNrcwsTQyAIEa5xpDAIFxDy8k
- Пользуемся:)
Pencil Project
Pencil — бесплатное приложение с открытым исходным кодом для создания диаграмм и прототипов интерфейса, другими словами бесплатный аналог Balsamiq.
Если сравнивать Pencil и Balsamiq, то последний мне кажется более удобным и понятным на интуитивном уровне. Тем не менее, Pencil обладает рядом других преимуществ, что делает инструмент достойной бесплатной заменой платного Balsamiq.
Инструкция по установке Pencil
- Устанавливаем и запускаем Pencil.
Инструкция для обладателей MAC OS, как открыть приложение от неустановленного разработчика
Дополнительные коллекции и шаблоны Pencil