Проектирование интерфейсов Декорации и архитектура

Юрий Подорожный CEO, Any Void @see_yu yu@anyvoid.ru

Сделаем мобильное приложение!

Каждый видит проект по-своему

При этом компании-разработчику хочется заработать, а клиенту — решить бизнес-задачу за

обозначенное количество ресурсов и в срок

Директор !

!

Менеджер клиента

!

!

Бренд-менеджер !

!

Разработчики клиента

Нужен сиреневый фон и большой логотип на старте

Недавно нашёл приложение, нам нужно то же самое, но с парой изменений

Надо уложиться в 2 месяца. В пятницу ждем смету

Да, все отлично. Сделаем API за 2 дня

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

Кто? !

Что делают? !

Где и когда? !

Почему?

Аудитория приложения

Главная задача приложения, сопровождающие возможности

Почему задача важна? Почему именно на мобильном?

Контекст, место, время и другие условия

5 вопросов

Зачем делать прототипы?

Придать идее формуПроверить, обсудить и переделать

!

1 Максимально быстрый переход от идеи к тому, что можно обсудить с

другими и начать делать. !

Вы оперируете терминами продукта, а не абстракциями.

2 Видны ошибки логики

и недостатки. Тестирование продукта на цельность

3 Упрощает передачу проекта

дизайнеру

4 Экономит время и деньги

Кому нужны прототипы?

1. Разработчикам (как это работает?)

2. Дизайнерам

3. Пользователям (тесты)

4. Клиенту

1. Навигация

Навигация

1. Простота 2. Расширяемость 3. Кроссплатформенность

2. Что важно в прототипах?

1. Реальные сценарии

2. Пространство для развития

3. Скрытая логика

4. Реализуемость

Скевоморфизм, флэт и все остальное не играет роли.

3. Как делать?

Идеальный прототип

• Интерактивен

• Временные затраты на создание меньше затрат на использование выбранного инструмента

• Сделан с соблюдением гайдлайнов

Важен баланс потраченного времени и качества результата

Важно отделять цель от инструмента

Инструменты

• Блокнот • HTML

• Photoshop

• Omnigraffle

• Специализированный софт (AppCooker и т.п.)

• InvisionApp

• …

4. Прототипы не нужно доделывать

Необходимо проектировать только непонятные экраны

Спасибо!

slideshare.net/anyvoid !facebook.com/anyvoid