Программа для проектирование интерфейса web сайта
Прежде чем рисовать дизайн, нужно сделать проектирование интерфейса сайта. Протестировав несколько онлайн сервисов и программ для создания прототипа сайта, я остановился на программе Balsamiq Mockups 3. Программа очень проста в освоении и не перегружена лишним функционалом. Для работы в программе достаточно базовых навыков работы за компьютером.
Интерфейс программы следующий:
Кто не знает зачем нужны программы для разработки прототипа сайта, я расскажу ниже.
Часто бывает что заказчик не знает что хочет видеть на сайте. Или думает что знает, и в ТЗ указывает основные блоки, при этом забывая про детали.
Такого заказчика легко определить по ТЗ на дизайн сайта. Обычно к ТЗ не прикреплены «скетчи» страниц сайта сделанные хотя бы на обычном листе бумаги и сфотографированные на мобильный телефон. А просто перечислены текстом блоки, что-то похожее на:
- логотип
- номер телефона
- главное меню
- слайдер
- блок новостей
- еще что-то
- футер с кнопкой обратного звонка.
Знайте, даже если вам кажется понятным что хочет заказчик и вы готовы сразу рисовать дизайн, нужно сначала создать прототип сайта.
Я знаю три основных способа нарисовать прототип сайта:
- Листок бумаги и карандаш. Такой способ подойдет для проектирования простого одностраничного сайта.
- Использовать онлайн сервис для создания прототипа сайта. Например, gomockingbird.com или mockflow.com. Таких сервисов достаточно много, но недостаток у них один — нужно подключение к интернету.
- Использовать оффлайн (работает без интернета) программу проектирования сайта. Например Axure или Balsamiq Mockups 3
Проанализировав каждый из способов, я выбрал Balsamiq Mockups 3. К достоинствам которого отношу:
- быстрое обучеие (у меня ушло до 5 минут)
- простота использования (все кнопки на своих местах)
- низкие системные требования
- малый вес программы (быстро скачал, установил и создал прототип сайта)
- есть способ пользоваться бесплатно
- можно использовать без подключения к интернету
Важно! Программой бесплатно можно пользоваться первые 30 дней. Как бесплатно активировать программу, можно посмотреть здесь:
Остались вопросы? Оставляй их в комментариях и я обязательно отвечу)