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

Содержание

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

Слайд 1Геворг Глечян
Баланс качества и скорости

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


Слайд 2О чем этот рассказ?
Какие требования мы предъявляем к инструменту проектирования и

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


Слайд 3Сейчас на рынке существует множество инструментов проектирования…
и это только основные, а

еще есть…

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


Слайд 5
1.
2.
3.
4.
5.
Мы попробовали все основные инструменты проектирования, но как

и любого инструмента, у них есть недостатки.


Слайд 6
Если говорить о новых инструментах, то несмотря на их функциональность непонятны

перспективы их развития.

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

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


Слайд 8Так почему же мы используем Visio?
Ответ прост. Visio — это баланс

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

Не верите? Давайте разберёмся.

Слайд 9Требования к инструменту проектирования
Что нужно проектировщикам от инструмента проектирования?
Что нужно дизайнеру

от готового прототипа?
А разработчику?
А менеджеру?

Слайд 10Функциональность инструмента
Отсутствие лишних инструментов


Проектировщикам важны…


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


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


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


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


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


Просто раскрась прототип и сделай иконочки!


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


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


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


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


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

и эффективность команды


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

изменений
Подробное описание работы прототипа
Отсутствие прессинга по графическому оформлению
Высокая скорость и, как следствие, высокая производительность

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

тренды
Нравится-не нравится

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


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


Слайд 25Применение шаблонов


Слайд 26Шаблон и страница на его основе


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


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


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


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

стенсилов позволяет сэкономить время

Слайд 31Мы сделали над собой усилие и изучили жалкие крохи документации, разобрали

существующие элементы.
Работы было ОЧЕНЬ много, но мы справились

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


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


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


Слайд 35
Пример автоматизации — макрос экспорта прототипа в PNG
Пример сглаживания недостатков —

макрос выравнивания объектов

Формула сборки названия файла:
Название проекта +
Версия прототипа +
Номер страницы +
Название страницы в Visio
Пример названия:
MKB-WF1-01-Адреса офиса (карта)


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

инструментов



Слайд 37
Можно сделать ссылки со страницы на страницу при клике по элементам
Можно

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

Слайд 38Также, прототип можно экспортировать в html


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

по работе с текстом, цветом, градиентами и т.д.

Слайд 40Проектировщик
концентрируется непосредственно на вопросах проектирования
не забивает себе голову графическим оформлением, пикселями

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

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

элементы
Низкий порог вхождения

Помимо всего прочего


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


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


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

в будущих проектах

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

объектов
Низкий порог вхождения

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

нестандартные контролы

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

месяц на то, чтобы сделать прототип простенького сайта


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

первые шаги.

*если есть хороший стенсил ☺


Слайд 49Почему же Visio неидеален
Стили текста и объектов мне надоело менять стиль для

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

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

Word

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

шаблона на дочерней странице, если она мне не нужна
Горячие клавиши

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

создается свой набор слоев
Слои не наследуются из шаблона


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

помощью панелей инструментов, это замедляет работу



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

опять же, как в InDesign.

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

в отдельности


Слайд 56И что в итоге? А в итоге, несмотря на свои недостатки,

Visio — это баланс скорости и качества.

Слайд 58Использование Visio
Нужно использовать
Проектируется большое количество страниц
Нужно делать нестандартные объекты
Нужно часто и

быстро экспериментировать

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

3 страницы в год
Нужен хороший мощный интерактивный прототип
Нужен точный до пикселя прототип


Слайд 59Пара бонусов от профессионалов
Для увеличения скорости работы можно использовать клавиатуры

с программируемыми клавишами. Например, клавиатура Ideazon Gameboard


Слайд 60или игровую мышь Razer Naga


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

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

Слайд 62Спасибо за внимание
Геворг Глечян
escapedslippers

www.uimodeling.ru


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика