митякин вадим

24
ГАЛС Cофт Вадим Митякин, ГАЛС Софт Как примирить участников процесса и что для этого нужно РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Upload: apps4allru

Post on 18-Jan-2015

108 views

Category:

Software


5 download

DESCRIPTION

 

TRANSCRIPT

Page 1: митякин вадим

ГАЛСCофт

Вадим Митякин, ГАЛС Софт

Как примирить участников процесса и что для этого нужно

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Page 2: митякин вадим

Оценка “Связной Тревел” по мнению пользователей Google Play

Page 3: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

Как мы работали раньше и как работаем сейчас

Что изменилось в процессе разработки

Page 4: митякин вадим

Классический диалог разработчика и дизайнера

Page 5: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

Ибо слаб человек

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

Page 6: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

Каждому – своё

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

Page 7: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

Кому что?

• Роли участников проекта • Артефакты их деятельности

Page 8: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

Этапы разработки

1. Бриф 2. Проектирование 3. Дизайн 4. Разработка 5. QA

Page 9: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

1. Бриф

• Как правильно установить границы проекта • Что будет, если этого не сделать

Page 10: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

2. Проектирование

• Функциональная спецификация • UX (функциональные макеты) • Инфокарта • Интерактивный прототип • Архитектура приложения • Техническая спецификация

Page 11: митякин вадим

UX (функциональные макеты)

Page 12: митякин вадим

Инфокарта

Page 13: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

Кросс-платформенная специфика

Android требует скурпулезного подхода: • Множество версий андроида • Множество разрешений • Резиновая верстка

Page 14: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

3. Дизайн Wireframes (сетки с контролами) UI Kit - наброски (список контролов) Архитектура UI (схемы устройства контролов) Skin

• UI Kit • Превью ключевых экранов • Redlines • Greenlines • Нарезка элементов

Анимации

Page 15: митякин вадим

Wireframes

Page 16: митякин вадим

UI Kit в первом приближении

Page 17: митякин вадим

UI Kit чистовой вариант

Page 18: митякин вадим

Skin - ключевые экраны

Page 19: митякин вадим

Redlines

Page 20: митякин вадим

Greenlines

Page 21: митякин вадим

Нарезка растров для всех разрешений

Page 22: митякин вадим

Анимации переходов между экранами

Page 23: митякин вадим

Анимации нестандартных контролов

Page 24: митякин вадим

РАЗРАБОТКА ИНТЕРФЕЙСОВ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ

Вадим Митякин, ГАЛС Софт

[email protected]

Это были цветочкиЯгодки будут на нашем семинаре по методике разработки интерфейсов, приходите! !

Подробности о тренинге можно узнать, написав нам письмо: