Веб-проектирование. Введение в этап проектирования...

ВЕБ-ПРОЕКТИРОВАНИЕВ В Е Д Е Н И Е В Э ТА П П Р О Е К Т И Р О В А Н И Я С А Й ТА

Гильдия / 2015

САЙТЫ

ИКОНКИ

ИЛЛЮСТРАЦИИ

АЙДЕНТИКА

РАСКРУТКА ГРУПП ВКОНТАКТЕ

«ШАПКИ» ДЛЯ САЙТОВ

НАРИСОВАТЬ ВИЗИТКУ

РАСПЕЧАТАТЬ ФЛАЕР

ОБРАБОТАТЬ ФОТОГРАФИЮ

САЙТ-ВИЗИТКА ЗА ОДИН ДЕНЬ

ПОЧИНИТЬ КОМПЬЮТЕР

ПЕРЕУСТАНОВИТЬ СИСТЕМУ

ПЕРЕПРОШИТЬ ТЕЛЕФОН

МЕСЯЦ ГОДmin max

ПР ОЦЕСС

БРИФ/ОБСУЖДЕНИЕ

ДИЗАЙН

ПРОГРАММИРОВАНИЕ И CMS

ПРОЕКТИРОВАНИЕ

КОНТЕНТ

ВЁРСТКА

ПУБЛИКАЦИЯ

КОНТЕНТ БРИФ/ОБСУЖДЕНИЕ

ДИЗАЙН

ПРОГРАММИРОВАНИЕ И CMS

ПРОЕКТИРОВАНИЕ

ВЁРСТКА

ПУБЛИКАЦИЯ

У Ч АС ТНИК И

— МЕНЕДЖЕР

— ПРОЕКТИРОВЩИК

— ДИЗАЙНЕР

— FRONTEND РАЗРАБОТЧИК

— ПРОГРАММИСТ

— КОНТЕНТ МЕНЕДЖЕР

— КЛИЕНТ

ТЕ Х ЗА Д АНИЕ

ПРОЕК ТИРОВАНИЕ

V S

ТЕХЗАДАНИЕПРОЕКТИРОВАНИЕпродумать описать

К А Р ТА

КАРТА САЙТА

КАРТА САЙТА

ПОНЯТИЯ

ИДЕЯ ПРОДУКТ

ОСМЫСЛЕНИЕ

ОСМЫСЛЕНИЕ

СКЕТЧ ЭСКИЗ

КАРКАС

МАКЕТ

ВАЙРФРЕЙМ

МОКАП

«Добрый день, мы готовы презентовать

низкодетализированный статичный

прототип и высокодетализированный

интерактивный прототип, а ещё у нас есть

мокапы и карта взаимодействий юзера»

«Добрый день, мы готовы презентовать

nizkodetalizirovannyj statichnyj prototip и

vysokodetalizirovannyj interaktivnyj pro-

totip, а ещё у нас есть mokapy и karta

vzaimodejstvij juzera»

Чтобы не стать заложником терминологии,

необходимо уточнять значения понятий

в зависимости от контекста

КЛИЕНТ КОМАНДАКОЛЛЕГИ

СКЕТЧИНИЗКОДЕТАЛИЗИРОВАННЫЕ ПРОТОТИПЫ

ВАЙРФРЕЙМЫВЫСОКОДЕТАЛИЗИРОВАННЫЕ ПРОТОТИПЫ СТРАНИЦ

МОКАПЫМАКЕТЫ СТРАНИЦ

КАРТА ВЗАИМОДЕЙСТВИЙ

КАРТА ВЗАИМОДЕЙСТВИЙ

ИНТЕРА К ТИВ

СТАТИЧНОСТЬ ИНТЕРАКТИВ

ДЕТАЛИЗАЦИЯ

АБСТРАКЦИЯ

СТАТИЧНОСТЬ ИНТЕРАКТИВ

ДЕТАЛИЗАЦИЯ

АБСТРАКЦИЯ

долго, дорого,высокая точность

оптимально

почтибесполезно

быстро, дёшево,далеко от результата

О СОБЕННО С ТИ

ВИЗУАЛЬНАЯ КОНЦЕПЦИЯ, КАК ЧАСТЬ ПРОЕКТИРОВАНИЯ

ПРЕЗЕНТАЦИЯ ДЛЯ КЛИЕНТА

— Показывать основное— Просмотр по диагонали— Утверждение без утверждения

ПРЕЗЕНТАЦИЯ ДЛЯ КЛИЕНТА

— PDF— Интерактивный HTML— Flash— Видео— Плакат

ЭТАП ПРОЕКТИРОВАНИЯ НУЖЕН

— Долгие проекты с итерациями или без чёткого видения клиента

— Интернет магазины— Лендинг— Личный кабинет— Система управления контентом

ЭТАП ПРОЕКТИРОВАНИЯ НЕ ОБЯЗАТЕЛЕН

— Небольшой проект— Итерации большого проекта— Если проект разрабатывается на основе

готовой концепции— Максимальное доверие клиента

СРЕ ДС ТВА

ПРОТОТИПЫ

— Illustrator— Axure— RealtimeBoard— Invision— InDesign

КАРТЫ

— Illustrator— Xmind— Cmap— RealtimeBoard

FACEBOOK.COM/M18RU

VK.COM/KUCHINMD FB.COM/SHOOMOV

M18.RU

ДЕНИС ШУМОВМИХАИЛ КУЧИН