• Save
Дизайн для Windows Phone 7
Upcoming SlideShare
Loading in...5
×
 
  • 1,874 views

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

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

Statistics

Views

Total Views
1,874
Views on SlideShare
1,874
Embed Views
0

Actions

Likes
3
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • This is what the device looked like in 2008. The big question is if this is what consumers want from a phone. This design was building upon earlier Windows Mobile versions, and was more or less a copy of a desktop user interface on a small screen.

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

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