• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Презентация Юрия Ветрова (Mail.ru Group)
 

Презентация Юрия Ветрова (Mail.ru Group)

on

  • 2,054 views

 

Statistics

Views

Total Views
2,054
Views on SlideShare
2,054
Embed Views
0

Actions

Likes
3
Downloads
43
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

    Презентация Юрия Ветрова (Mail.ru Group) Презентация Юрия Ветрова (Mail.ru Group) Presentation Transcript

    • Юрий ВетровЖизнь со множеством платформОсобенности проектирования и дизайна для Android, iPhone, Symbian, WP7
    • О чем этот рассказ?— Продукты выпускаются сразу на нескольких мобильных платформах. Что делать дизайнеру и проектировщику?— Чем отличаются интерфейсы Android, iOS, Symbian, Windows Phone 7.2
    • 1. Android2. iPhone3. Windows Phone 74. Symbian
    • Androidкомпоновка и типы экранов, паттерны, навигация4
    • Компоновка экранаобласть уведомлений активная вкладка навигация по экранам информация о текущем объекте элемент списка название группы элементов действия с текущим экраном 5
    • Типы экранов: Стартовый6
    • Типы экранов: Список7
    • Типы экранов: Объект8
    • Типы экранов: Медиа9
    • Типы экранов: Карта10
    • Типы экранов: Форма11
    • Типы экранов: Настройки12
    • Типы экранов: Справочные13
    • Типы экранов: Камера14
    • Типы экранов: Загрузка приложения15
    • Типы экранов: Блокировка16
    • Типы экранов: Домашний17
    • Навигация18
    • Общая навигация между разделамистартовые экраны вкладки меню 19
    • Навигация внутри экрана элементы списков вкладки поиск 2го уровня панели контент контекстноеинструментов меню 20
    • Действия с объектами контекстное менюконтекстное диалоговые меню окна кнопки в панелях 21
    • Между близкими по контексту экранами кнопкив панелях 22
    • Событийная навигация системныеуведомления23
    • Навигация между приложениямимногозадачность системные уведомления кнопка “Back” 24
    • ГайдлайныUser Interface Guidelineshttp://developer.android.com/guide/practices/ui_guidelines/index.htmlIcon Design Guidelineshttp://developer.android.com/guide/practices/ui_guidelines/icon_design.html25
    • 1. Android2. iPhone3. Windows Phone 74. Symbian
    • iPhoneкомпоновка и типы экранов, паттерны, навигация27
    • Компоновка экранаобласть уведомлений действия с текущим экраном информация о текущем объекте элемент списка действий название группы элементовнавигация по экранам активная вкладка 28
    • Типы экранов: Стартовый29
    • Типы экранов: Список30
    • Типы экранов: Объект31
    • Типы экранов: Медиа32
    • Типы экранов: Карта33
    • Типы экранов: Форма34
    • Типы экранов: Настройки35
    • Типы экранов: Справочные36
    • Типы экранов: Камера37
    • Типы экранов: Загрузка приложения38
    • Типы экранов: Блокировка39
    • Типы экранов: Домашний40
    • Навигация41
    • Общая навигация между разделами стартовые экраны вкладки42
    • Навигация внутри экранаэлементы списков контент поиск панели инструментов 43
    • Действия с объектами кнопки внутри экрана кнопки в панеляхконтекстные кнопки меню в панелях 44
    • Навигация между близкими поконтексту экранами кнопки в панелях45
    • Событийная навигация уведомления алерты46
    • Навигация между приложениямиалерты уведомления многозадачность 47
    • ГайдлайныHuman Interface Guidelineshttp://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.htmlHuman Interface Guidelines for Web Applicationshttp://developer.apple.com/safari/library/documentation/InternetWeb/Conceptual/iPhoneWebAppHIG/Introduction/Introduction.htmlSafari Web Content Guidehttp://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/Introduction/Introduction.htmlSystem-Provided Buttons and Iconshttp://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UIElementGuidelines/UIElementGuidelines.html#//apple_ref/doc/uid/TP40006556-CH13-SW41Custom Icon and Image Creation Guidelineshttp://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html#//apple_ref/doc/uid/TP40006556-CH14-SW148
    • 1. Android2. iPhone3. Windows Phone 74. Symbian
    • Windows Phone 7компоновка и типы экранов, паттерны, навигация50
    • Компоновка экрананазвание приложения область уведомлений или (родительского) экрана активная вкладка навигация по экранам информация о текущем объекте элемент спискасистемный цвет длявыделения объектов действия с текущим экраном 51
    • Типы экранов: Стартовый52
    • Типы экранов: Список53
    • Типы экранов: Объект54
    • Типы экранов: Медиа55
    • Типы экранов: Карта56
    • Типы экранов: Форма57
    • Типы экранов: Настройки58
    • Типы экранов: Справочные59
    • Типы экранов: Камера60
    • Типы экранов: Загрузка приложения61
    • Типы экранов: Блокировка62
    • Типы экранов: Домашний63
    • Навигация64
    • Общая навигация между разделами вкладки хабы и панорамы65
    • Навигация внутри экрана кнопки внутри экрана поиск элементы контент списков панели контекстное менюинструментов 66
    • Действия с объектами диалоговые окна контекстное менюкнопки кнопкивнутри в панеляхэкрана 67
    • Навигация между близкими поконтексту экранами кнопки в панелях68
    • Событийная навигация алерты подтверждения69
    • Навигация между приложениями алерты многозадачность70
    • ГайдлайныUser Experience Design Guidelines for WindowsPhonehttp://msdn.microsoft.com/en-us/library/hh202915(v=VS.92).aspxUI Design and Interaction Guidehttp://go.microsoft.com/?linkid=9713252Windows Phone 7 Interoperability Bridgeshttp://windowsphone.interoperabilitybridges.com/Windows Phone 7 Series Icon Packhttp://windowsteamblog.com/blogs/wpdev/archive/2010/03/27/windows-phone-7-series-icon-pack.aspx71
    • 1. Android2. iPhone3. Windows Phone 74. Symbian
    • Symbianкомпоновка и типы экранов, паттерны, навигация73
    • Компоновка экранаобласть уведомлений активная вкладка навигация по экранам информация о текущем объекте элемент списка действия с текущим экраном 74
    • Типы экранов: Стартовый75
    • Типы экранов: Список76
    • Типы экранов: Объект77
    • Типы экранов: Медиа78
    • Типы экранов: Карта79
    • Типы экранов: Форма80
    • Типы экранов: Настройки81
    • Типы экранов: Справочные82
    • Типы экранов: Камера83
    • Типы экранов: Загрузка приложения84
    • Типы экранов: Блокировка85
    • Типы экранов: Домашний86
    • Навигация87
    • Общая навигация между разделамистартовые вкладки экраны панель кнопок меню 88
    • Навигация внутри экрана фильтры контентэлементы списков поиск панель кнопок 89
    • Действия с объектами контекстноепанель кнопок диалоги меню 90
    • Навигация между близкими поконтексту экранами фильтры кнопки в контенте91
    • Событийная навигация уведомления алерты92
    • Навигация между приложениямиалерты уведомления многозадачность 93
    • ГайдлайныUpdated Symbian Design Guidelineshttp://www.developer.nokia.com/Resources/Library/Symbian_Design_Guidelines/UI Style Guidehttp://www.forum.nokia.com/info/sw.nokia.com/id/5c419b14-75ff-4791-b1a8-db1e0d72e36e/Symbian_3_UI_Style_Guide.htmlCarbide UI Theme Edition Tutorialhttp://library.forum.nokia.com/index.jsp?topic=/Design_and_User_Experience_Library/GUID-3D81EB35-DC3B-4DAA-A6CF-F698D0FA0CF0.htmlMobile Web Browsinghttp://www.forum.nokia.com/Develop/Web/Icons and Metaphorshttp://library.forum.nokia.com/index.jsp?topic=/Design_and_User_Experience_Library/GUID-02FA611E-CA7B-4C05-9697-78D88695C12C.html94
    • Было приятно видеть вас! Вопросы? Юрий Ветров www.jvetrau.com twitter.com/jvetrau www.mail.ru facebook.com/pages/MailRu Все иллюстрации, использованные в данной презентации, принадлежат их уважаемым владельцам. В случае, если вы являетесь ихправообладателем и против размещения этих иллюстраций – напишите, пожалуйста, письмо по адресу jvetrau@gmail.com и я уберу их из слайдов.