Эффективная вёрстка в условиях крайнего Севера презентация

ВЕДРО ДЁГТЯ:
Копия PS 26 000 руб. х 5 = 130 000 руб.
Подписка 640руб./месяц х 5 = 3 200 руб.

ВЕДРО ДЁГТЯ:
Копия PS 26 000 руб. х 5 = 130 000 руб.
Подписка 640руб./месяц х 5 = 3 200 руб.
+ дизайнеры 45 000 x 2 = 90 000 руб.
Итог: 220 000 руб.

Фронт-энд разработчик
опрятность UI
- аккуратность
- внимательность
- точность
несёт ответственность

Дизайнер –– рисует…
Решения об особенностях нарезки макета принимает верстальщик
…Верстальщик –– верстает.

ПРОЦЕССЫ
ВЁРСТКА НОВЫХ МАКЕТОВ
ДОРАБОТКИ МАКЕТОВ
(ИТЕРАЦИИ)

ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
n
типичный процесс работы

ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
ПРОВЕРКА
процесс с подключением дизайнера

ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
ПРОВЕРКА
ПРОСМОТР БРИФА
К ДИЗАЙНУ
процесс с подключением
дизайнера и составлением
сопроводиловки

ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ВЁРСТКА
ОТЛАДКА
ГОТОВО!
n
типичный процесс работы
30
5

ПРЕДВАРИТЕЛЬНЫЙ
ПРОСМОТР
ВИЗУАЛЬНЫЙ
АНАЛИЗ МАКЕТА
НАРЕЗКА
ОТЛАДКА
ГОТОВО!
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
ПРОВЕРКА
ПРОСМОТР БРИФА
К ДИЗАЙНУ
ВЁРСТКА
5
5
25
ожидание
10
60

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

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

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

Разработчик – существо последовательное
Возврат назад = временные потери

Типичный процесс разработки
АНАЛИЗ
НАРЕЗКА
ОТЛАДКА
1
2
3
6
минут
Работа в потоке
не отвлекаясь

С привлечением дизайнера
АНАЛИЗ
ОТЛАДКА
1
3
15
минут +
ФОРМУЛИРОВАНИЕ
И ВЕРБАЛИЗАЦИЯ
ТРЕБОВАНИЙ
10
НАРЕЗКА
ПРОВЕРКА
1
ожидание
10
Выход из потока,
отвлечение
10

РАБОТА В ПОТОКЕ:
сосредоточенность на задаче
отсутствие внешних раздражителей
удовольствие от процесса
получение качественного результата

РАЗРАБОТКА – ПРОЦЕСС ТВОРЧЕСКИЙ
Неразрывность процесса является важным критерием качественного результата.

Финансовые показатели
Fr Фронт-энд разработчик: усреднённый доход в день = 1700 руб.
в час = 212 руб.
в мин. = 3.5 руб.
Dr Дизайнер: усреднённый доход в день = 2270 руб.
в час = 284 руб.
в мин. = 4.7 руб.
Риски ошибок нарезки = 20%
Количество ежедневных итераций = 3
Новых макетов в месяц = 3
ОП, в месяц: 244x3 + 63x22 = 2 118 руб. Без PS, в месяц: 878x3 + 298x22 = 9 190 руб.

Дизайнер – существо ленивое

396px

угадывать и проверять
размеры
просто точно измерить
или

– инструмент
точных измерений для верстальщика, через который он общается с дизайнером
PHOTOSHOP

РАБОТА В ЕДИНОЙ СРЕДЕ НЕ ТРЕБУЕТ ПЕРЕКЛЮЧЕНИЯ ВНИМАНИЯ И ЭКОНОМИТ ВРЕМЯ

ЭФФЕКТИВНОСТЬ =
СОВОКУПНОСТЬ КАЧЕСТВА
И НИЗКИХ ЗАТРАТ ВРЕМЕНИ

КАЧЕСТВО = ТОЧНЫЕ ИЗМЕРЕНИЯ
МАЛЫЕ ЗАТРАТЫ ВРЕМЕНИ =
ИСКЛЮЧЕНИЕ ПОВТОРЯЮЩИХСЯ ОПЕРАЦИЙ

Набор фронт-энд разработчика:
Firebug + CSS-X-Fire (cssUpdater)
Photoshop
Pixel Perfect
MeasureIt
ColorZilla
Web Developer

Firebug + CSS-X-Fire =
быстро и удобно

Копия PS 26 000 руб. х 5 = 130 000 руб.
Подписка 640руб./месяц х 5 = 3 200 руб.
+ дизайнеры 45 000 x 2 = 90 000 руб.
Итог: 220 000 руб.

КАК ЖЫ ЖЫТЬ?