как создавать прототипы

Как создавать прототипы будущих веб-сервисов

В презентации 25 слайдовПродолжительность: 1 – 1,5 часа

Все вопросы – в конце.

Прототипы надо рисовать ЗАЧЕМ?

КАК?

ГДЕ?

1.

2.

3.

Ответственность за определение будущего функционала

Проверка идеи

Осязаемый объект коммуникации

Cогласованность идей и задумок

1.

2.

3.

4.

Зачем?

С позиции разработчиков/заказчиков

Скорость

Стоимость разработки

Зачем?

А самое главное…

Функционал определен

Непринятие заказчиком

Креативное визуальное решение

1.

2.

3.

Зачем?

Когда прототип не нужен… совсем

Зачем?

Как?

Помни основные принципы1.

2.

3.

4.

Прототип – это декорации. Важен сценарий

Осмысленные названия для элементов- Никаких Lorem Ipsum и Яндекс.Реферат- Контент прежде всего

Создавать библиотеки компонентов

Начинать надо со структуры5.

Сетка наше все

Прототип – одна из последних стадий в проектировании. До этого должна быть проделана подготовительная работа.

Самая большая ошибка, которая происходит во время проектирования —сразу же схватиться за инструмент рисования.

Как?

Нужно много раз подумать за пользователя

Прототип подробно отобразить шаги, которые пользователь (по вашему мнению) проходит для достижения своих целей.

Как?

Понять последовательность следования по прототипу (магистральный маршрут). Второстепенные маршруты, контекст должен подталкивать.

Компоновка блоков очень сильно зависит от характера взаимодействияи последователь-ности действий

Какая у него проблема?

Как пользователь сталкивается с вашим решением?

Как ваше решение будет работать (с точки зрения пользователя).

Как пользователь получит выгоду?

1. 2.

3.

Как?

Как?

Метод

прогрессивногоджипега

Где заканчиваются прототипыи начинается дизайн?

Решить задачу во время формулирования

Как?

Практика

Практика

Практика

Научиться создавать прототипы

Где?

Где?

Где?

Где?

Где?

Основа в растре

Главные инструменты

слои

Где?

Почему вектор?

Рост производительности

Где?

Артборды

Фишки

Векторные иконки

Smart Grid

…

Важно помнить

Линейность действий

Важно помнить

1.

2.

3.

Делаем

Делаем

Делаем

Важно помнить

Первый экран

Важно помнить

Александра Королькова

Что почитать/посмотреть?

Живая типографика

www.behance.net и пр.

Сервисы, сервисы, сервисы

Спасибо