Сквозь мобильную ОСь

Сквозь мобильную ОСьЗимин Дмитрий

Долго. Дорого.

бюджет × 4люди × 4 сроки × 4

× 3,14

Долго. Дорого.

Сергей Рыжков

В прошлом году...

Выступление

http://codefest.ru/program/2011-03/creating-mobile-applications-using-HTML5/




Мобильные фреймворки

Apache Cordova a.k.a. PhoneGap

Titanium Mobileby Appcelerator

Мобильные фреймворки

Apache Cordova a.k.a. PhoneGap

Titanium Mobileby Appcelerator

Есть ограничения

Верстальщик = разработчик

+

+ +

Такую команду собрать не сложно!

+

Интерфейс придется подгонять?

— «Они заполонили планету»

Интерфейс игр – одинаковый!

Угадай платформу?

Зачем им менять интерфейс?

Calculator Clear Русские счёты

— «Ни хрена эти специалисты не рубят. Любое правило можно обойти, любой закон можно нарушить». Revolver (2005)

Нарушать, так с умом

Часть 2

Универсальный дизайн

Метафора продуктаУниверсальные паттерныАдаптация под платформы

Шаг первый

Поиск метафоры продукта

— “When virtual objects and actions in an application are metaphors for objects and actions in the real world, users quickly grasp how to use the app.”

Apple iOS HIG

— “Real objects are more fun than buttons and menus. Allow people to directly touch and manipulate objects in your app.”

Android Design

— “An application that mimics a real-world device or tool can be valuable to people. From the simple flashlight application to a ruler or metronome.”

WP7 Guidelines

Шаг первый

Поиск метафоры продукта

Шаг второй

Испольузем паттерны

180°

Паттерн

Грани экрана

Паттерн

Грань сверху

Паттерн

Грань сверху

Twitter Рамблер-Новости Афиша

Паттерн

Грань слева

Паттерн


Gmail Path Facebook

Паттерн


Sparrow Google Baracobama.com

Паттерн

Грань снизу

Паттерн

Грань снизу

Рамблер-Новости Вконтакте Mobile RSS

Паттерн

Грань справа

Паттерн

Грань справа

Path

180°

Паттерн

Backstage

Паттерн

Backstage

iВоскресенье1 апреля

+5°!"#$% -2°

180°

!"#"$ %&'(), 3 !/"*+,-"'.": 767 !! #$. "$.!-+&'/0#1: 55%

!(0/2+3 ,"$/3#'/0#1 4$/3,-"'.3 5"#"/6+,.0.5(7 0.54#/5/,. 8$"9'33 0/-'":'+3 +2#.,'/0#1 5/&"# 4/,-.3#1 '+ 0+5/:;,0#,." 5"#"/6+,.0.5(7 -%9").


+5° !"#$% -2°

Иван ИвановВ сети

В ряде недавних экспериментов тело упруго поглощает барионный пульсар.

Block user

Send E-mail

i

Hello, Marta!

Hi, Ivan!

I'm going to the home. W a u doing?

Waiting for you :)

i

Паттерн

Backstage180°

Паттерн

Backstage

i

180°

Понедельник10:55 Модный приговор12:00 Новости с субтитрами12:20 Криминальные хроники12:55 Право на защиту14:00 Другие новости14:20 Понять. Простить15:00 Новости с субтитрами15:15 Обручальное кольцо. 768-я - 769-я серии17:00 Сердце Марии. 12-я серия

iПервый канал

Паттерн

Масштаб

Паттерн

Масштаб

Апрель 2012

11°2 3

8°4

9°5

10°6

8°7

9°8

7°

11°9 12

8°10

9°11

10°13

8°14

9°15

7°

11°16 17

8°18

9°19

10°21

9°

11°23 24

8°26

10°27

8°28

9°29

7°

20

7°

25

10°

22

9°


+5°!"#$% -2°

Мои контакты

5

Hello, Marta!

Hi, Ivan!

I'm going to the home. W a u doing?

Waiting for you :)

i

Паттерн

Масштаб

Паттерн

Масштаб

КабельноеЭфирное Избранныеi

Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при



Шаг третий

Адаптируем под платформы

180°

Одним махом троих побивахом!

Пользователи сталижаловаться на интерфейс?

Значит сама идея им понравилась!

Если идея востребована и нужны инвестиции.

фонд

Зимин Дмитрий @dzimin

Спасибо!

Сквозь мобильную ОСь

Documents