Неважно, являетесь ли вы ветераном дизайна или большим энтузиастом, скорее всего, вы помните своего первого клиента, как свою первую любовь. Несмотря на то, что вы достаточно неопытны, вы бы прыгнули в холодную воду, предоставив клиенту самые лучшие дизайнерские работы, независимо от того, сколько времени им понадобилось.
Тем не менее, есть большая вероятность того, что обратная связь впоследствии потребовала от вас внесения большого количества изменений в свой дизайн, что потребовало бы времени, которое вы могли бы потратить в идеале на более полезные вещи.
Оглядываясь на опытного дизайнера, вы редко располагаете временем и ресурсами для доставки клиенту в основном готовых проектов на этапе, когда вы все еще находитесь в режиме мозгового штурма.
Wireframing всегда был инструментом для формулирования больших идей и раннего выявления проблем, а также помогал держать клиентов, дизайнеров и заинтересованных лиц на одной концептуальной странице.
(My) Balsamiq Mockups — один из инструментов, который позволяет вам создавать каркасы именно с этой целью. Мы уже рассматривали Balsamiq Mockups Desktop на SitePoint , но если вы заинтересованы в более портативной онлайн-альтернативе, MyBalsamiq может удовлетворить ваши потребности.
Примечание: я собираюсь использовать термин «каркас» вместо «макет» по всей статье. Если вы не уверены в различиях между этими терминами, ознакомьтесь с пояснениями к Stackexchange. Хотя у Balsamiq есть название «Mockup» в своем названии, оно больше ориентировано на производство каркасов. Поначалу это немного смутило меня, прежде чем я стал лучше понимать разницу.
Начиная
Настройка вашего профиля MyBalsamiq является простой задачей. Вы можете бесплатно использовать аккаунт в течение 30 дней без каких-либо ограничений.
При создании вашего профиля вам нужно будет создать сайт тоже. Пользователи могут быть частью нескольких сайтов, а несколько пользователей могут быть частью одного сайта, что делает это наиболее очевидной причиной, по которой MyBalsamiq иногда предпочитают Balsamiq Desktop. Поскольку веб-технологии постоянно сокращают разрыв в энергопотреблении своих настольных собратьев, теперь стало возможным создавать мощные веб-приложения, такие как MyBalsamiq, которые просто невозможно было представить, когда Balsamiq Desktop был выпущен в 2008 году.
При входе в MyBalsamiq вы можете заметить настройки ноутбука, которые позволят вам настроить обложку вашего ноутбука на что угодно: от «быстрой и грязной» до необычной кожи. Правда, в этом случае MyBalsamiq использует скеморфный подход, но это действительно имеет некоторый смысл, поскольку каркасные модели имитируют рисованные эскизы.
Сказав это, MyBalsamiq (или даже Balsamiq) не является инструментом, который будет сопровождать вас на протяжении всего процесса проектирования. Тем не менее, он может сделать мозговой штурм, идеи и каркасы на ранних стадиях процесса гораздо более эффективным и менее трудоемким.
Настройка вашего сайта
Вы можете настроить свой сайт в настройках в верхней части экрана.
В разделе « Информация о сайте» вы можете изменить название, URL и внешний вид вашего сайта на MyBalsamiq. Это предсказуемо просто и полезно, если вы хотите настроить пространство своего сайта.
В MyBalsamiq вы также можете добавлять на сайт сотрудников, которые могут создавать новые проекты и приглашать внешних участников для их просмотра. MyBalsamiq также показывает местный часовой пояс каждого участника сайта, что является изящной небольшой функцией.
MyBalsamiq также предлагает внутреннюю электронную рассылку, которую вы можете использовать для общения с сотрудниками сайта. Хотя это хорошее дополнение, оно может быть излишним для многих — если у вас нет команды, которая глубоко укоренилась в MyBalsamiq как часть их обычного рабочего процесса.
На вкладке «Администрирование» вы также можете скрыть все действия, связанные с вашим проектом. Полезно, если вы хотите очень внимательно следить за активностью в режиме реального времени.
В разделе «Лицензии на рабочий стол» вы также можете приобрести лицензию Balsamiq для настольных ПК со скидкой 50%, если у вас есть платный план MyBalsamiq.
Wireframing & Workflow
Хотя это выглядит немного схематично (да — каламбур), MyBalsamiq имеет детализированную сеточную систему, позволяющую создавать каркасы с заданными размерами.
Если, например, у вас ограниченное использование рисованных каркасов от вашего клиента, позволить им показать вам свои идеи с помощью каркасов очень полезно. Это уже было отличной особенностью Balsamiq Desktop — теперь MyBalsamiq расширяет доступ для всех, у кого есть веб-браузер.
Например, в последние месяцы я сначала боролся с требованиями нового клиента. Горстка расплывчатых набросков, которые мне прислали, мало указала, и, поскольку я работал удаленно, я не мог напрямую встретиться с клиентом, чтобы выяснить критические детали.
Потратив несколько часов на расшифровку клиентских набросков, стало ясно, что это гораздо более серьезная проблема UX, чем просто проблема UI. Очень важно было установить надежный коммуникационный мост с клиентом.
Поскольку это был проект с почасовой оплатой, клиент был более чем счастлив сотрудничать любым способом, чтобы минимизировать обратную связь по пинг-понгу между нами. Мы застряли с MyBalsamiq в будущем, и я попросил их преобразовать существующие эскизы, нарисованные от руки, в каркасы в MyBalsamiq. Это также изменило их точку зрения, заставив их рассмотреть те аспекты, которые им не приходили в голову на бумаге.
С тех пор мы значительно улучшили наш рабочий процесс, и у нас стало намного меньше потребности в «ручном удержании» клиента. Теперь я бы никогда не подумал об открытии Photoshop, пока клиент не дал каркасу свое благословение, не замыкая необходимость в какой-либо серьезной переделке на этапе разработки Photoshop.
Этот рабочий процесс полезен даже для пользователей Balsamiq Desktop, но тем более для MyBalsamiq, поскольку все файлы проекта и активы синхронизируются на сайте группы, что позволяет сократить мост связи с вашим клиентом.
Kickin ‘RSS?
MyBalsamiq, возможно, не является убийственной функцией, но предлагает RSS-канал. Пользователи могут подписаться, чтобы увидеть любые изменения, сделанные на сайте. Иди, любители RSS!
Проводов и рамок
MyBalsamiq предлагает некоторые явные преимущества по сравнению со своим настольным аналогом, который, благодаря последним достижениям в области веб-технологий, может предложить опыт, почти такой же плавный, как и у нативного приложения.
Честно говоря, я не вижу много причин выбирать Balsamiq Desktop в мире, где есть MyBalsamiq. Если вы не ограничены своим бюджетом, вы можете прийти к такому же выводу.
Дайте нам знать ваши мысли об этом в комментариях!