Докладу про создание интерактивных прототипов в Adobe Fireworks быть!

Российская конференция, посвященная Всемирному дню юзабилити в этом году пройдет 14 ноября в Москве. На ней будет много интересных докладов, в том числе и мой.

Приглашаю всех посетить это мероприятие, а для тех кто не сможет приехать в Москву будет проведена online-трансляция.

User Experience Russia 2009

Очередная конференция User Experience Russia пройдёт в Москве 26-27 октября. В этом году конференция объединена с Европейской UPA Europe. Ожидается много интересных гостей и выступлений.

Я, продолжая традицию, тоже выступлю на конференции с очередным докладом про Adobe Fireworks. В этот раз я расскажу о создании интерактивных прототипов в Fireworks — основные возможности программы, о том, как происходит процесс создания прототипов, какие инструменты используются и покажу много примеров.

Вот примерные тезисы моего выступления:

1. Почему я использую Fireworks?
2. Создаём интерактивные прототипы и элементы интерфейса
       a. Основные инструменты. Как с ними работать?
               i. Pages
               ii. States
               iii. Symbols
               iv. Slices
               v. Hotspots
       i. Вставляем iframe
               i. Google Maps
               ii. Flash-ролики
       ii. Экспортируем получившиеся прототипы
               i. Экспорт в PDF
               ii. Экспорт в HTML
               iii. Экспорт HTML+CSS
       iii. Делаем прототипы Air приложений
       iv. Делаем прототипы iPhone приложений
3. Что в итоге? Для чего использовать Fireworks?

С удовольствием выслушаю предложения о чём ещё было бы интересно послушать и отвечу на вопросы в комментариях.

UPD: Никуда я в итоге не поеду — опоздал с подачей материалов. Сделаю тогда серию статей по теме.

Теги: , , , , ,

Домашка с курса Артёма Горбунова

Недавно закончился трёхдневный практический курс Артёма Горбунова — «Пользовательский интерфейс и представление информации». В целом впечатления очень положительные, несмотря на то, что курс рассчитан в основном на начинающих специалистов в области проектирования и дизайна интерфейсов. Было довольно приятно заниматься любимым делом не потому что надо, а просто ради удовольствия :)

Выкладываю своё домашнее задание. Это всего лишь концепция — без объяснений может быть не очень понятно. Многое я рассказывал во время презентации работы.

Задание было следующее: «Автомат для покупки билетов на метро. Стоимость не зависит от дальности поездки. Можно купить билеты на 1, 5, 10, 20 50 или 100 поездок, а так же проездной на день, неделю, месяц или год».

Так как я не особо силён в 3d-моделировании, попытался средствами Adobe Illustrator показать внешний вид автомата:
Внешний вид автомата

Первый экран:
Первый экран

Внесено 120 рублей. Подсвечены доступные покупки:
Внесено 120 рублей. Подсвечены доступные покупки

Внесено 20 рублей. Для покупки выбрана 1 поездка:
Внесено 20 рублей. Для покупки выбрана 1 поездка

Покупка на уже существующую карточку с поездками:
Покупка на уже существующую карточку с поездками

Покупка на уже существующий проездной. Заодно показано как работает +/- на поездках:
Покупка на уже существующий проездной. Заодно показано как работает +/- на поездках

Результаты других практических занятий можно посмотреть во FriendFeed — friendfeed.com/azart/25bdd353, friendfeed.com/azart/06ebdf8c и friendfeed.com/azart/89db14c5/pie-chart.

Adobe Fireworks как единый инструмент проектировщика и дизайнера интерфейсов

Теги: , , , , ,

Проектирование интерфейса в Adobe Fireworks

Теги: , , , ,