Successfully reported this slideshow.

Дизайн для Windows Phone 7

1,864 views

Published on

Проектирование приложений для touch устройств. Дизайн система METRO в Windows Phone 7

Published in: Design, Technology
  • Be the first to comment

Дизайн для Windows Phone 7

  1. 1. Никита ЛукьянецДепартамент стратегических технологий Microsoft<br />
  2. 2.
  3. 3. Стереотипы во многих компаниях<br />Дизайн важен лишь для пользовательских решений<br />Дизайн субъективен<br />Дизайн неизмерим, соответственно<br />Нет прямой корреляции с бизнес целями<br />Дизайн это затраты<br />Внутренние функции практически не влияют на стоимость построения интерфейса<br />
  4. 4. Время, инвестированное в разработку UI 10% … 50%<br />Типичная компания отводит10% бюджетапроекта на UI<br />50% …70%общего кода проекта<br />40%усилий разработчиков<br />80%непредвиденных обстоятельств<br />* Source: An Empirical Study of the Relationships Between User Interface Development Tools & User Interface Software Development, McKirdy, Department of Computing Science, 1998<br />
  5. 5. Результат дизайн процесса<br />
  6. 6.
  7. 7.
  8. 8.
  9. 9.
  10. 10. Metro<br />
  11. 11. METRO - НАШЯЗЫК ДИЗАЙНА. МЫ НАЗЫВАЕМ ЕГО METRO, ПОТОМУ ЧТО ОН СОВРЕМЕНЕНИ ЧИСТ. ОН БЫСТРЫЙ И ДИНАМИЧНЫЙ. КОНТЕНТ И ТИПОГРАФИКА. ВСЕЦЕЛО АУТЕНТИЧНЫЙ.<br />ETRO<br />
  12. 12. Metro принципы<br />
  13. 13. Принципы<br />Чистый, Легкий, Быстрый, Открытый<br />Типографика<br />В Движении<br />Контекст. Не Хром<br />Аутентично Цифровой<br />
  14. 14. Сделайте проще<br />Знакомо = Просто<br />Предоставьте согласованное и ожидаемое поведение<br />
  15. 15. Хард. приложения<br />Кнопки<br />Дополнительныегоризонтальные<br />Проектируйте под 1 руку,когда это возможно<br />
  16. 16. Жесты<br />
  17. 17. Тач. интерфейс<br />Оптимальный размер области - 9мм<br />Минимальный touch target - 7мм<br />Минимальный отступ 2мм<br />Визуальный элемент 60-100%<br />от touch-target<br />
  18. 18. Общие контроллы<br />
  19. 19. Меню + панель приложения<br />До 4 иконок<br />Не заполняйте все 4, если возможно<br />Поднятие панели для отображенияменюTrigger<br />
  20. 20. Закладки, pivot<br />Разделение многочисленных задач<br />Тэп или флик для переключения<br />Trigger<br />
  21. 21. Хабы, panorama<br />Богатое наполнение<br />Агрегация различныхисточников <br />
  22. 22. Хабы vs. Одностраничные приложения<br />
  23. 23. Иконографика<br />Согласованные иконки в меню приложения<br />Тестируйте иконки с пользователями (внимание на контекст)<br />
  24. 24. Страницаприложения<br />Системный трей<br />Direct3D Surface<br />Старт<br />Уведомления<br />Громкость<br />SIP<br />Входящий звонок<br />Панель<br />
  25. 25. Инструменты<br />Runtime – Экран<br />Код, который вы пишете на клиенте<br />Инструменты для дизайна и разработки<br />ЭКРАН<br />ОБЛАКО<br />Портальные сервисы<br />Облачные сервисы<br />Код, который вы пишете на сервере<br />Инструменты для продажи и доставки<br />
  26. 26. Инструменты<br />Runtime – Экран<br />Phone Emulator<br />Sensors<br />Media<br />Data<br />Location<br />Samples<br />Documentation<br />Xbox LIVE<br />Notifications<br />Phone<br />Guides<br />Community<br />.NET Framework managed code sandbox<br />Packaging and Verification Tools<br />ЭКРАН<br />ОБЛАКО<br />Портальные сервисы<br />Облачные сервисы<br />Notifications<br />App Deployment<br />Registration<br />Marketplace<br />Validation<br />MO and CC Billing<br />Location<br />Identity<br />Feeds<br />Certification<br />Business Intelligence<br />Maps<br />Social<br />Publishing<br />Update Management<br />
  27. 27. Ресурсы<br />http://facebook.com/wp7.ukraine<br />http://twitter.com/dpeua<br />http://uxnext.org.ua<br />http://create.msdn.com<br />http://msdn.microsoft.com/en-us/library/ff637515(VS.92).aspx<br />http://wp7rocks.com<br />
  28. 28. D<br />E<br />P<br />Ukraine<br />www.twitter.com/dpeua<br />Следите за новинками внашем Twitter<br />

×