для мобильных устройствФил Смирнов, Motka Design Studio        http://motka.ru
О чем я расскажу:•   Коротко о моем собственном опыте    проектирования интерфейсов•   Платформы для мобильных приложений....
Мой опыт проектирования• Что такое проектирование? Зачем  оно нужно с точки зрения дизайнера?• Скорость, Гибкость,  Целесо...
Мобильные платформы• iPhone                    2012 приложениями?• Что называют мобильными  iPad• Android Phone 2.x• Andro...
Единый   кроссплатформенный        интерфейс• Различия в парадигмах UI:  iPhone vs Android• Различный форм-фактор экрана: ...
Различия мобильных и               web-        интерфейсов•       интерфейсов  Контекст использования• Размеры экрана• Кол...
Стандартизация UI• Что в ней хорошего? Зачем она  нужна?  “Язык” интерфейса.• Стандартные контролы• Стандартные пиктограмм...
Куда девать        “, креатив”? )• Метафора (от красоты отдельных  экранов к цельному впечатлению• Easy-to-use - универсал...
Методика проектирования• Сбор бизнес-требований• Портрет ЦА• Юзкейсы• Навигационная карта  (Objects + Actions + Paradigms)...
Что на выходе?• Как показывать результат клиенту?• Задача? - Решение!• Картинки или прототип?• Связка с дизайном и разрабо...
Спасибо за    внимание!Что вам запомнилось?1. ____________________2. __________________3. ____________________
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Desig...
Upcoming SlideShare
Loading in …5
×

DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Design Studio)

1,544
-1

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,544
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DUMP-2012 - Проектирование интерфейсов - "Проектирование интерфейсов для мобильных приложений" Филипп Смирнов (Motko Design Studio)

  1. 1. для мобильных устройствФил Смирнов, Motka Design Studio http://motka.ru
  2. 2. О чем я расскажу:• Коротко о моем собственном опыте проектирования интерфейсов• Платформы для мобильных приложений. Единый кроссплатформенный интерфейс.• Принципиальные различия мобильных и web- интерфейсов.• “Язык” интерфейса. Стандартизация UI элементов и парадигм. В чем креатив?• Методика процесса проектирования
  3. 3. Мой опыт проектирования• Что такое проектирование? Зачем оно нужно с точки зрения дизайнера?• Скорость, Гибкость, Целесообразность• Газета.Ру - Motka - inVenture• News360 - Pronto - Vidimax / Vichatter• UXi Copenhagen, Web 2.0 EXPO
  4. 4. Мобильные платформы• iPhone 2012 приложениями?• Что называют мобильными iPad• Android Phone 2.x• Android Honeycomb (Tablet)• Windows Phone 7/8• Blackberry + Playbook• Symbian native• HTML5+CSS3 (webkit)• Opera Mini• Kindle, Bada, etc..
  5. 5. Единый кроссплатформенный интерфейс• Различия в парадигмах UI: iPhone vs Android• Различный форм-фактор экрана: Smartphone vs Tablet• Ограничения: HTML5 vs NativeТехнически - самый компромиссный вариант: HTML5 приложение + Sencha/PhoneGap bundle
  6. 6. Различия мобильных и web- интерфейсов• интерфейсов Контекст использования• Размеры экрана• Кол-во информации• Модальности/параллельные потоки• Цена клика, интерактивность• Geo-location
  7. 7. Стандартизация UI• Что в ней хорошего? Зачем она нужна? “Язык” интерфейса.• Стандартные контролы• Стандартные пиктограммы (quiz? awesome font)• Работа с референсами
  8. 8. Куда девать “, креатив”? )• Метафора (от красоты отдельных экранов к цельному впечатлению• Easy-to-use - универсальная мотивация• “Рыба” - Interface design is copywriting  (диалог с пользователем)• Анимация, переходы - возможность объяснить что к чему, без слов.
  9. 9. Методика проектирования• Сбор бизнес-требований• Портрет ЦА• Юзкейсы• Навигационная карта (Objects + Actions + Paradigms)• Wireframes (схемы страниц)
  10. 10. Что на выходе?• Как показывать результат клиенту?• Задача? - Решение!• Картинки или прототип?• Связка с дизайном и разработкой (feedback loops, agile development)
  11. 11. Спасибо за внимание!Что вам запомнилось?1. ____________________2. __________________3. ____________________
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×