Native vs. HTMLПлюсы, минусы, подводные камни

Юрий ПодорожныйCEO, Any Void@see_yuyu@anyvoid.ru

Native vs. HTML

1. Суть проблемы2. Обманчивость простоты HTML-разработки 3. Когда использование HTML оправданно?4. Нужно ли делать мобильное приложение?

Native vs. HTML

Native HTML

Долго Дорого Сложно Под каждую платформу

Быстро Дешево Просто Под все платформы

Facebook

Native → Hybrid → Native1.0 3.0 5.0

“The biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native”

Mark Zuckerberg

HTML — не волшебная таблетка

Главная проблема HTML

Производительность

0 ms

25 ms

50 ms

75 ms

100 ms

Safari UIWebView

Скорость выполнения JS

Код выполняется только на главном потоке

“Embedding HTML 5 inside an app isn't what people expect”

Mick JohnsoniOS Product Manager, Facebook

Неважно, что вы используете. Необходимость native-разработки все равно

есть или проявится в будущем

Вопрос в объеме использования HTML

Плюсы HTML

1. Возможность быстрых изменений2. Простое A/B тестирование3. Общие с мобильным сайтом шаблоны

Плюсы Native

1. Возможности ограничены только системой2. Производительность

Basecamp

Basecamp

1. Логика работы с данными на сервере2. Простое кеширование и синхронизация3. Общие с мобильным сайтом шаблоны

Личный опыт

Личный опыт

1. Нет ограничений по верстке контента2. Один и тот же контент для сайта и приложений

Шаблон, стили и JS внутри приложения

Когда HTML оправдан?

1. Мало данных, загружаемых из сети2. «Легкий» контент3. Приложение не обрабатывает данные4. Без HTML не обойтись (книги)

Нужно ли вообще приложение?

Сделаем мобильное приложение!

“And it’s not that HTML5 is bad. I’m actually, on long-term, really excited about it. One of the things that’s interesting is we actually have more people on a daily basis using mobile Web Facebook than we have using our iOS or Android apps combined. So mobile Web is a big thing for us.”

Mark Zuckerberg

Мобильный телефон – устройство для решения

задач «на ходу»

Кто?

Что делают?

Где и когда?

Почему?

Аудитория приложения

Главная задача приложения, сопровождающие возможности

Почему задача важна? Почему именно на мобильном?

Контекст, место, время и другие условия

5 вопросов

Спасибо!