Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

832 views

Published on

Как в условиях жесткого дефицита кадров, времени и денег умудриться сделать мобильное приложение для основных платформ.

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

  1. 1. Сквозь мобильную ОСь Зимин Дмитрий
  2. 2. Долго. Дорого.
  3. 3. Долго. Дорого.бюджет × 4 люди × 4 × 3,14 сроки × 4
  4. 4. Сергей РыжковВ прошлом году... Выступление
  5. 5. Мобильные фреймворкиApache Cordova Titanium Mobile a.k.a. PhoneGap by Appcelerator
  6. 6. Мобильные фреймворкиApache Cordova Titanium Mobile a.k.a. PhoneGap by Appcelerator Есть ограничения
  7. 7. Верстальщик = разработчик +
  8. 8. Такую команду собрать не сложно! + + +
  9. 9. Интерфейс придется подгонять?
  10. 10. — «Они заполонили планету»
  11. 11. Интерфейс игр – одинаковый!
  12. 12. Угадай платформу?
  13. 13. Угадай платформу?
  14. 14. Зачем им менять интерфейс?Calculator Clear Русские счёты
  15. 15. — «Ни хрена эти специалисты не рубят. Любое правило можно обойти, любой закон можно нарушить». Revolver (2005)
  16. 16. Нарушать, так с умом
  17. 17. Часть 2Универсальный дизайн Метафора продукта Универсальные паттерны Адаптация под платформы
  18. 18. Шаг первыйПоиск метафоры продукта — “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
  19. 19. Шаг первыйПоиск метафоры продукта
  20. 20. Шаг второйИспольузем паттерны 180°
  21. 21. ПаттернГрани экрана
  22. 22. ПаттернГрань сверху
  23. 23. Паттерн Грань сверхуTwitter Рамблер-Новости Афиша
  24. 24. ПаттернГрань слева
  25. 25. Паттерн Грань слеваGmail Path Facebook
  26. 26. Паттерн Грань слеваSparrow Google Baracobama.com
  27. 27. ПаттернГрань снизу
  28. 28. Паттерн Грань снизуРамблер-Новости Вконтакте Mobile RSS
  29. 29. ПаттернГрань справа
  30. 30. Паттерн Грань справаPath
  31. 31. ПаттернBackstage 180°
  32. 32. Паттерн Backstage 180°Воскресенье i Воскресенье i 1 апреля 1 апреля +5° ночью -2° Ветер южный, 3 м/с Давление: 767 мм рт. ст. Влажность: 55% +5° Высокая вероятность проявления метеозависимых симптомов. ночью -2° Средняя солнечная активность может повлиять на самочувствие метеозависимых людей.
  33. 33. Паттерн Backstage 180° i i Hello, Marta! Иван Иванов В сети Hi, Ivan! В ряде недавних экспериментов тело упруго поглощает барионный пульсар.Im going to the home. W a udoing? Send E-mail Waiting for you :) Block user
  34. 34. Паттерн Backstage 180°i Первый канал i Понедельник 10:55 Модный приговор 12:00 Новости с субтитрами 12:20 Криминальные хроники 12:55 Право на защиту 14:00 Другие новости 14:20 Понять. Простить 15:00 Новости с субтитрами 15:15 Обручальное кольцо. 768-я - 769-я серии 17:00 Сердце Марии. 12-я серия
  35. 35. ПаттернМасштаб
  36. 36. Паттерн МасштабВоскресенье i Апрель 2012 1 апреля 11° 8° 9° 10° 8° 9° 7° 2 3 4 5 6 7 8 11° 9° 10° 8° 8° 9° 7° 9 10 11 12 13 14 15 +5° 11° 16 8° 17 9° 18 10° 19 7° 20 9° 21 9° 22 ночью -2° 11° 8° 10° 10° 8° 9° 7° 23 24 25 26 27 28 29
  37. 37. Паттерн Масштаб i Мои контакты Hello, Marta! 5 Hi, Ivan!Im going to the home. W a udoing? Waiting for you :)
  38. 38. Паттерн Масштабi Эфирное Кабельное Избранные
  39. 39. Шаг третий Адаптируем под платформы Давно выяснено, что при оценке Давно выяснено, что при оценке дизайна и композиции читаемый дизайна и композиции читаемый текст мешает сосредоточиться.Давно выяснено, что при оценке дизайна текст мешает сосредоточиться. Lorem Ipsum используют потому,и композиции читаемый текст мешает Lorem Ipsum используют потому, что тот обеспечивает более илисосредоточиться. Lorem Ipsum что тот обеспечивает более или менее стандартное заполнениеиспользуют потому, что тот менее стандартное заполнение шаблона, а также реальноеобеспечивает более или менее шаблона, а также реальное распределение букв и пробелов встандартное заполнение шаблона, а распределение букв и пробелов в абзацах, которое не получается притакже реальное распределение букв и абзацах, которое не получается припробелов в абзацах, которое неполучается при
  40. 40. Одним махом троих побивахом! 180°
  41. 41. Пользователи сталижаловаться на интерфейс?
  42. 42. Значит сама идеяим понравилась!
  43. 43. фондЕсли идея востребована и нужны инвестиции.
  44. 44. Спасибо! Зимин Дмитрий @dzimin

×