Microsoft Visioкак инструмент проектирования интерфейсов презентация

Microsoft Visio как инструмент проектирования интерфейсов Баланс качества и скорости

О чем этот рассказ? Какие требования мы предъявляем к инструменту проектирования и как их удовлетворяет Visio? Чем хорош Visio, а в чем его проблемы? Когда стоит использовать Visio на практике и когда лучше отказаться от него?

Сейчас на рынке существует множество инструментов проектирования… Сейчас на рынке существует множество инструментов проектирования…

Pidoco Pidoco GUI Design Studio Mockup Screens ProtoShare Wireframe Sketcher и еще множество других инструментов

1. 2. 3. 4. 5.

Если говорить о новых инструментах, то несмотря на их функциональность непонятны перспективы их развития. Большой риск — вкладывать время и силы в инструмент, который может прекратить существование.

На их фоне Visio выглядит… На их фоне Visio выглядит…

Так почему же мы используем Visio? Так почему же мы используем Visio? Ответ прост. Visio — это баланс скорости и качества, это инструмент, позволяющий решить поставленные задачи в краткие сроки. Не верите? Давайте разберёмся.

Требования к инструменту проектирования Что нужно проектировщикам от инструмента проектирования? Что нужно дизайнеру от готового прототипа? А разработчику? А менеджеру?

Проектировщикам важны… Функциональность инструмента Отсутствие лишних инструментов

Скорость создания прототипа первой версии и прототипа в целом Скорость создания прототипа первой версии и прототипа в целом Легкость внесения изменений

Возможность быстро накидать несколько версий Возможность быстро накидать несколько версий

Мобильный сайт Audi

Сайт Меркури Кэпитал Траст

Дизайнеры Нет прессинга по графическому оформлению

Разработчики Понятность работы прототипа, комментарии

Интерактивность (для большей наглядности) Интерактивность (для большей наглядности)

«Проектировщики придумали космос и оставили нас с ним разбираться» «Проектировщики придумали космос и оставили нас с ним разбираться»

Менеджеры Мощный помощник для общей документации (ТЗ)

Динамичность хода работ Высокая скорость работы, а следовательно и более высокая производительность и эффективность команды

Наш опыт показывает, что Visio удовлетворяет большинству из этих требований. Наш опыт показывает, что Visio удовлетворяет большинству из этих требований. Функциональность Легкость внесения изменений Подробное описание работы прототипа Отсутствие прессинга по графическому оформлению Высокая скорость и, как следствие, высокая производительность

Что кроме требований? Критерии выбора инструмента: Процесс, выбранный командой Задачи, которые поставлены перед проектировщиком Мода, тренды Нравится-не нравится

Ключевые возможности Visio Шаблоны я не хочу заниматься рутинной работой Стенсилы Макросы Интерактивность Отсутствие лишних инструментов

Шаблоны Ускорение работы при создании прототипа Уменьшение рутинной работы при изменениях в прототипе

Применение шаблонов

Шаблон и страница на его основе

Шаблоны Шаблоны Стенсилы я все еще не хочу заниматься рутинной работой Макросы Интерактивность Отсутствие лишних инструментов

Стенсилы Большая библиотека готовых стенсилов Возможность создавать собственные стенсилы

У элементов есть состояния У элементов есть состояния Вы можете добавить состояния для элемента

Создание стенсилов Неудобный, но мощный инструмент Стенсилам можно задать сколь угодно сложное поведение Использование стенсилов позволяет сэкономить время

Мы сделали над собой усилие и изучили жалкие крохи документации, разобрали существующие элементы. Мы сделали над собой усилие и изучили жалкие крохи документации, разобрали существующие элементы. Работы было ОЧЕНЬ много, но мы справились

Мы улучшили встроенные стенсилы Мы улучшили встроенные стенсилы … и сделали свои!

Шаблоны Стенсилы Макросы вся работа, которая может быть автоматизировано должна быть автоматизировано Интерактивность Отсутствие лишних инструментов

Макросы Мощное средство, автоматизирующее рутинные процессы Макросы позволяют сгладить часть недостатков Visio

Пример автоматизации — макрос экспорта прототипа в PNG Пример сглаживания недостатков — макрос выравнивания объектов

Шаблоны Стенсилы Макросы Интерактивность надо сделать так, чтобы разработчикам было понятно как все работает Отсутствие лишних инструментов

Можно сделать ссылки со страницы на страницу при клике по элементам Можно получить интерактивный прототип, экспортировав файл в PDF

Также, прототип можно экспортировать в html Также, прототип можно экспортировать в html

Ничего лишнего В Visio нет лишних инструментов, нет множества окон, тысяч функций по работе с текстом, цветом, градиентами и т.д.

Проектировщик Проектировщик концентрируется непосредственно на вопросах проектирования не забивает себе голову графическим оформлением, пикселями и т.д. … потому что в любом случае это будет определять графический дизайнер

Помимо всего прочего Стандартные функции в Visio есть все, что есть в других инструментах Масса наработок Нестандартные элементы Низкий порог вхождения

группировка работа со слоями работа с текстом работа с объектами работа с таблицами редактор изображений редактор диаграмм

Стандартные функции Масса наработок я хочу использовать старые наработки Нестандартные элементы Низкий порог вхождения

Мы сделали более 2 000 wireframes, содержащие решения, которые можно использовать в будущих проектах Мы сделали более 2 000 wireframes, содержащие решения, которые можно использовать в будущих проектах

Стандартные функции Масса наработок Нестандартные элементы я не хочу сидеть часами над рисованием сложных объектов Низкий порог вхождения

В Visio очень быстро можно сделать нестандартные элементы. Например, графики, виджеты, нестандартные контролы В Visio очень быстро можно сделать нестандартные элементы. Например, графики, виджеты, нестандартные контролы

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

Visio очень простой* Visio легок для изучения, в нем очень просто делать первые шаги.

Почему же Visio неидеален Стили текста и объектов мне надоело менять стиль для каждого объекта в отдельности Работа со слоями Горячие клавиши

Нет возможности создать стили для текста и объектов. Нет возможности создать стили для текста и объектов. Например, как в MS Word

Стили текста и объектов Стили текста и объектов Работа со слоями я хочу иметь возможность скрыть часть шаблона на дочерней странице, если она мне не нужна Горячие клавиши

Нет вменяемой работы со слоями. Например, как в InDesign Нет вменяемой работы со слоями. Например, как в InDesign Для каждой страницы создается свой набор слоев Слои не наследуются из шаблона

Стили текста и объектов Стили текста и объектов Работа со слоями Горячие клавиши мне неудобно управлять объектами с помощью панелей инструментов, это замедляет работу

Нет возможности задать горячие клавиши для действий кроме как макросами. Например, опять же, как в InDesign. Нет возможности задать горячие клавиши для действий кроме как макросами. Например, опять же, как в InDesign.

Количество горячих клавиш для макросов сильно ограничено Количество горячих клавиш для макросов сильно ограничено Макросы создаются для каждого документа в отдельности

И что в итоге? А в итоге, несмотря на свои недостатки, Visio — это баланс скорости и качества. И что в итоге? А в итоге, несмотря на свои недостатки, Visio — это баланс скорости и качества.

Использование Visio Нужно использовать

Пара бонусов от профессионалов Для увеличения скорости работы можно использовать клавиатуры с программируемыми клавишами. Например, клавиатура Ideazon Gameboard

или игровую мышь Razer Naga

Вы можете настроить каждую из клавиш на выполнение определенных действий Вам не нужно будет мучиться со сложными для использования сочетаниями клавиш

Спасибо за внимание