SlideShare a Scribd company logo
1
Особенности проектирования
UX для Windows
Максим Бажанов · Глобус-ИТ · globus-ltd.ru
2
Используйте сетку
×4px
3
4
5
Навигация на Windows Phone
1. Panorama
6
Навигация на Windows Phone
1. Panorama
2. Pivot
7
Навигация на Windows Phone
1. Panorama
2. Pivot
3. Боковое меню
8
9
Поддерживайте темы
10
Поддерживайте темы
11
12
1. Делайте живые плитки
13
1. Делайте живые плитки
2. Плитки должны быть прозрачными
14
1. Делайте живые плитки
2. Плитки должны быть прозрачными
3. Делайте плитки разных размеров
15
Физические кнопки на всех
устройствах
16
Windows 10 — кроссплатформенность
17
18
19
Лучший способ понять систему —
написать приложение самому
20
developer.microsoft.com
21
developer.microsoft.com
developer.microsoft.com/design
22
developer.microsoft.com
developer.microsoft.com/design
Максим Бажанов · Глобус-ИТ · globus-ltd.ru

More Related Content

Similar to Особенности разработки UX для Windows Phone

Andrei Dementjev, Fortumo
Andrei Dementjev, FortumoAndrei Dementjev, Fortumo
Andrei Dementjev, Fortumo
anastasiaalikova
 
IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)
Artiom Tsympov
 
Разрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложениеРазрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложение
Mykhail Galushko
 
Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"
Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"
Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"
Yandex
 
Android передовая мобильная платформа
Android передовая мобильная платформаAndroid передовая мобильная платформа
Android передовая мобильная платформа
korovyansk
 
Разработка кросплатформенного и мультиэкранного контента
Разработка кросплатформенного и мультиэкранного контентаРазработка кросплатформенного и мультиэкранного контента
Разработка кросплатформенного и мультиэкранного контентаTabtabusconf
 
павел грозян (Mac paw) бесплатное приложение - авантюра которая приносит де...
павел грозян (Mac paw)   бесплатное приложение - авантюра которая приносит де...павел грозян (Mac paw)   бесплатное приложение - авантюра которая приносит де...
павел грозян (Mac paw) бесплатное приложение - авантюра которая приносит де...PCampRussia
 
сравнение Windows 7 и windows 8.1(заварницын)
сравнение Windows 7 и windows 8.1(заварницын)сравнение Windows 7 и windows 8.1(заварницын)
сравнение Windows 7 и windows 8.1(заварницын)Evgeniy Zavarnitsin
 
План тестирования сайта на мобильных устройствах
План тестирования сайта на мобильных устройствахПлан тестирования сайта на мобильных устройствах
План тестирования сайта на мобильных устройствах
EDISON Software Development Centre
 
Дмитрий Костюк - Мобильные ОС: эволюция интерфейса в контексте СПО
Дмитрий Костюк - Мобильные ОС: эволюция  интерфейса в контексте СПОДмитрий Костюк - Мобильные ОС: эволюция  интерфейса в контексте СПО
Дмитрий Костюк - Мобильные ОС: эволюция интерфейса в контексте СПО
Minsk Linux User Group
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive DesignIvo Dimitrov
 
Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)
Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)
Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)
Unigine Corp.
 
CodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игр
CodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игрCodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игр
CodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игрCodeFest
 
Современный станок верстальщика
Современный станок верстальщикаСовременный станок верстальщика
Современный станок верстальщика
OdessaFrontend
 
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuDesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
Yury Vetrov
 
Знакомство с Tizen
Знакомство с TizenЗнакомство с Tizen
Знакомство с Tizen
Iurii Ageev
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
Yury Vetrov
 
Юрий Лучанинов MobiDev
Юрий Лучанинов MobiDevЮрий Лучанинов MobiDev
Юрий Лучанинов MobiDevApps4All
 

Similar to Особенности разработки UX для Windows Phone (20)

Andrei Dementjev, Fortumo
Andrei Dementjev, FortumoAndrei Dementjev, Fortumo
Andrei Dementjev, Fortumo
 
IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)IBC Russia 2014 (выступление eski.mobi)
IBC Russia 2014 (выступление eski.mobi)
 
Разрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложениеРазрабатываем качественное Windows 8 приложение
Разрабатываем качественное Windows 8 приложение
 
Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"
Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"
Константин Заикин "Разработка Яндекс.Карт для Windows Phone 7"
 
Android передовая мобильная платформа
Android передовая мобильная платформаAndroid передовая мобильная платформа
Android передовая мобильная платформа
 
Разработка кросплатформенного и мультиэкранного контента
Разработка кросплатформенного и мультиэкранного контентаРазработка кросплатформенного и мультиэкранного контента
Разработка кросплатформенного и мультиэкранного контента
 
павел грозян (Mac paw) бесплатное приложение - авантюра которая приносит де...
павел грозян (Mac paw)   бесплатное приложение - авантюра которая приносит де...павел грозян (Mac paw)   бесплатное приложение - авантюра которая приносит де...
павел грозян (Mac paw) бесплатное приложение - авантюра которая приносит де...
 
сравнение Windows 7 и windows 8.1(заварницын)
сравнение Windows 7 и windows 8.1(заварницын)сравнение Windows 7 и windows 8.1(заварницын)
сравнение Windows 7 и windows 8.1(заварницын)
 
План тестирования сайта на мобильных устройствах
План тестирования сайта на мобильных устройствахПлан тестирования сайта на мобильных устройствах
План тестирования сайта на мобильных устройствах
 
Дмитрий Костюк - Мобильные ОС: эволюция интерфейса в контексте СПО
Дмитрий Костюк - Мобильные ОС: эволюция  интерфейса в контексте СПОДмитрий Костюк - Мобильные ОС: эволюция  интерфейса в контексте СПО
Дмитрий Костюк - Мобильные ОС: эволюция интерфейса в контексте СПО
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)
Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)
Разработка мультиплатформенных 3D игр (Unigine, CodeFest2012)
 
CodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игр
CodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игрCodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игр
CodeFest 2012. Шергин Д. — Разработка мульти-платформенных 3D-игр
 
Современный станок верстальщика
Современный станок верстальщикаСовременный станок верстальщика
Современный станок верстальщика
 
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuDesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
 
Знакомство с Tizen
Знакомство с TizenЗнакомство с Tizen
Знакомство с Tizen
 
Aximedia
Aximedia  Aximedia
Aximedia
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
 
Юрий Лучанинов MobiDev
Юрий Лучанинов MobiDevЮрий Лучанинов MobiDev
Юрий Лучанинов MobiDev
 
Windows
WindowsWindows
Windows
 

More from ПрофсоUX

Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
ПрофсоUX
 
Мама, прости, что-то пошло не так
Мама, прости, что-то пошло не такМама, прости, что-то пошло не так
Мама, прости, что-то пошло не так
ПрофсоUX
 
Свободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеСвободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-все
ПрофсоUX
 
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыОбратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользы
ПрофсоUX
 
Как точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяКак точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователя
ПрофсоUX
 
UX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаUX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазина
ПрофсоUX
 
UX для сотрудников в большой компании
UX для сотрудников в большой компанииUX для сотрудников в большой компании
UX для сотрудников в большой компании
ПрофсоUX
 
UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dust
ПрофсоUX
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
ПрофсоUX
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального роста
ПрофсоUX
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данных
ПрофсоUX
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячих
ПрофсоUX
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследований
ПрофсоUX
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнера
ПрофсоUX
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипах
ПрофсоUX
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
ПрофсоUX
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
ПрофсоUX
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
ПрофсоUX
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
ПрофсоUX
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
ПрофсоUX
 

More from ПрофсоUX (20)

Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
Наталья Мануйлова. Топ-задачи или что самое важное в бэклоге?
 
Мама, прости, что-то пошло не так
Мама, прости, что-то пошло не такМама, прости, что-то пошло не так
Мама, прости, что-то пошло не так
 
Свободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-всеСвободный дизайн — опенсорс и все-все-все
Свободный дизайн — опенсорс и все-все-все
 
Обратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользыОбратная связь в большом проекте и как извлечь из неё максимум пользы
Обратная связь в большом проекте и как извлечь из неё максимум пользы
 
Как точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователяКак точно определить задачи и выбрать метод: канва для исследователя
Как точно определить задачи и выбрать метод: канва для исследователя
 
UX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазинаUX-способы повысить конверсию интернет-магазина
UX-способы повысить конверсию интернет-магазина
 
UX для сотрудников в большой компании
UX для сотрудников в большой компанииUX для сотрудников в большой компании
UX для сотрудников в большой компании
 
UX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dustUX strategy – the secret sauce that defines the pixie dust
UX strategy – the secret sauce that defines the pixie dust
 
Пользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный языкПользовательский интерфейс как иностранный язык
Пользовательский интерфейс как иностранный язык
 
Обучение других как драйвер профессионального роста
Обучение других как драйвер профессионального ростаОбучение других как драйвер профессионального роста
Обучение других как драйвер профессионального роста
 
Математический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данныхМатематический аппарат в UX. Как проверять гипотезы на статистических данных
Математический аппарат в UX. Как проверять гипотезы на статистических данных
 
Как сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячихКак сделать хороший интерфейс для незрячих
Как сделать хороший интерфейс для незрячих
 
Дизайн дневниковых исследований
Дизайн дневниковых исследованийДизайн дневниковых исследований
Дизайн дневниковых исследований
 
Резюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнераРезюме и портфолио UX-дизайнера
Резюме и портфолио UX-дизайнера
 
Истории о прототипах
Истории о прототипахИстории о прототипах
Истории о прототипах
 
Опыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурамиОпыт госпроектов и взаимодействия с корпоративными структурами
Опыт госпроектов и взаимодействия с корпоративными структурами
 
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продуктПрикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
Прикручивание колёс на ходу. Внедрение UX процессов в уже работающий продукт
 
Проблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской техникеПроблемы UI/UX в медицинской технике
Проблемы UI/UX в медицинской технике
 
Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»Brain Computer Interface: «Залезть человеку в голову»
Brain Computer Interface: «Залезть человеку в голову»
 
Дизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одеждуДизайн алгоритма, который помогает подбирать одежду
Дизайн алгоритма, который помогает подбирать одежду
 

Особенности разработки UX для Windows Phone