SlideShare ist ein Scribd-Unternehmen logo
1 von 80
Безболезненная гаджетизация
вашей площадки
Негры
скрин ЦРТ.
колбасы, райффайзена, инконсалта,
е-полиса
Юниверсал аналитикс
Я с Jawbone
Что судят? Почему не думаем о
юзерах?
Идеальный сайт глазами: дизайнера
(лого HTML5)
Хороший инструмент - кастыли
А браузеров, устройств входа в
интерет и прочее все больше и
больше.
Костылей все больше
Разработчики - вешаются
Google glass и всякие устройства
будущего
Запасись валедолом.
Продукт единый для всех
пользователей - не правильно
HTML доступен везде и он был для
этого создан.
Сайт для слепого
Красворд на сайте
(показываем библиотеку готовых
скриптов - чужие наработки)
Вычленяем главную аудиторию –
делаем для нее все супер
Для остальных обрезаем
функциональность и красоту, не
обрезая контент
Пример
Пример
Пример с ретиной
визуал - первооткрыватели,
абсолютно новоые решения
(Сложности в определении размера
экрана и типа устройства)
(фотография андройда рядом с
iphone и выделенны кнопки "назад")
изображения, рядом схема:
несколько одинаковых по
содержанию, но разхных по размеру
изображений и стрелочки на
мобильный, планшет, десктоп)
(Изображение старых КПК, в том
числе и PALM)
(Game Boy и надпись "No User
agent")
(изображение мифического
устройства будущего)
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки
Безболезненная гаджетизация вашей площадки

Weitere ähnliche Inhalte

Andere mochten auch

Колбаса в Digital среде
Колбаса в Digital средеКолбаса в Digital среде
Колбаса в Digital средеAGIMA
 
Развивать — значит успевать. Как организована поддержка, двигающая проект
Развивать — значит успевать. Как организована поддержка, двигающая проектРазвивать — значит успевать. Как организована поддержка, двигающая проект
Развивать — значит успевать. Как организована поддержка, двигающая проектAGIMA
 
Отдел поддержки и развития проектов
Отдел поддержки и развития проектовОтдел поддержки и развития проектов
Отдел поддержки и развития проектовAGIMA
 
Future-friendly интерфейсы
Future-friendly интерфейсыFuture-friendly интерфейсы
Future-friendly интерфейсыAGIMA
 
Доверительные коммуникации, как основа успешного on-line маркетинга
Доверительные коммуникации, как основа успешного on-line маркетингаДоверительные коммуникации, как основа успешного on-line маркетинга
Доверительные коммуникации, как основа успешного on-line маркетингаAGIMA
 
Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.
Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.
Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.AGIMA
 
О прохождении испытательного срока
О прохождении испытательного срокаО прохождении испытательного срока
О прохождении испытательного срокаAGIMA
 
Эксперименты в digital-коммуникациях страховой компании
Эксперименты в digital-коммуникациях страховой компанииЭксперименты в digital-коммуникациях страховой компании
Эксперименты в digital-коммуникациях страховой компанииAGIMA
 
Онлайн-продажи страховой компании
Онлайн-продажи страховой компанииОнлайн-продажи страховой компании
Онлайн-продажи страховой компанииAGIMA
 
Адаптивный или мобильный сайт?
Адаптивный или мобильный сайт?Адаптивный или мобильный сайт?
Адаптивный или мобильный сайт?AGIMA
 

Andere mochten auch (10)

Колбаса в Digital среде
Колбаса в Digital средеКолбаса в Digital среде
Колбаса в Digital среде
 
Развивать — значит успевать. Как организована поддержка, двигающая проект
Развивать — значит успевать. Как организована поддержка, двигающая проектРазвивать — значит успевать. Как организована поддержка, двигающая проект
Развивать — значит успевать. Как организована поддержка, двигающая проект
 
Отдел поддержки и развития проектов
Отдел поддержки и развития проектовОтдел поддержки и развития проектов
Отдел поддержки и развития проектов
 
Future-friendly интерфейсы
Future-friendly интерфейсыFuture-friendly интерфейсы
Future-friendly интерфейсы
 
Доверительные коммуникации, как основа успешного on-line маркетинга
Доверительные коммуникации, как основа успешного on-line маркетингаДоверительные коммуникации, как основа успешного on-line маркетинга
Доверительные коммуникации, как основа успешного on-line маркетинга
 
Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.
Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.
Нестандартные ситуации клиент-исполнитель. Обходимся малой кровью.
 
О прохождении испытательного срока
О прохождении испытательного срокаО прохождении испытательного срока
О прохождении испытательного срока
 
Эксперименты в digital-коммуникациях страховой компании
Эксперименты в digital-коммуникациях страховой компанииЭксперименты в digital-коммуникациях страховой компании
Эксперименты в digital-коммуникациях страховой компании
 
Онлайн-продажи страховой компании
Онлайн-продажи страховой компанииОнлайн-продажи страховой компании
Онлайн-продажи страховой компании
 
Адаптивный или мобильный сайт?
Адаптивный или мобильный сайт?Адаптивный или мобильный сайт?
Адаптивный или мобильный сайт?
 

Ähnlich wie Безболезненная гаджетизация вашей площадки

Юрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнЮрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнYury Vetrov
 
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"Евгений Жарков "Как быть хорошим фронтенд-разработчиком"
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"Fwdays
 
Ml and its bright future
Ml and its bright futureMl and its bright future
Ml and its bright futureSergey Melekhin
 
Alexey Savchenko, Evangelist, Unreal Engine/ Epic Games
Alexey Savchenko, Evangelist, Unreal Engine/ Epic GamesAlexey Savchenko, Evangelist, Unreal Engine/ Epic Games
Alexey Savchenko, Evangelist, Unreal Engine/ Epic GamesWhite Nights Conference
 
Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
Прототипирование с БЭМ — Антон Виноградов, Альфа-ЛабПрототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
Прототипирование с БЭМ — Антон Виноградов, Альфа-ЛабYandex
 
Mihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningMihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningOdessaJS Conf
 
Mihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningMihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningMaria Kuneva
 
Гадания на тайлах
Гадания на тайлахГадания на тайлах
Гадания на тайлахJulia Suvorova
 
WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...
WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...
WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...Denis Safonov
 
Алексей Рылко, iProspect — «SEO-инсайды, которые вы можете достать из логов ...
Алексей Рылко, iProspect  — «SEO-инсайды, которые вы можете достать из логов ...Алексей Рылко, iProspect  — «SEO-инсайды, которые вы можете достать из логов ...
Алексей Рылко, iProspect — «SEO-инсайды, которые вы можете достать из логов ...shevchuk_conf
 
BHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsBHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsTema Gladkov
 
Презентация «Drupal и SEO» с московской DrupalConf 2011
Презентация «Drupal и SEO» с московской DrupalConf 2011Презентация «Drupal и SEO» с московской DrupalConf 2011
Презентация «Drupal и SEO» с московской DrupalConf 2011Alexey Kostin
 
Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...
Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...
Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...DevGAMM Conference
 
Desktop app based on node js and html5
Desktop app based on node js and html5Desktop app based on node js and html5
Desktop app based on node js and html5Provectus
 
создание живых сайтов
создание живых сайтовсоздание живых сайтов
создание живых сайтовmetaform
 
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовRustem Gayfutdinov
 

Ähnlich wie Безболезненная гаджетизация вашей площадки (20)

Юрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайнЮрий Ветров — Алгоритмический дизайн
Юрий Ветров — Алгоритмический дизайн
 
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"Евгений Жарков "Как быть хорошим фронтенд-разработчиком"
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"
 
Ml and its bright future
Ml and its bright futureMl and its bright future
Ml and its bright future
 
Alexey Savchenko, Evangelist, Unreal Engine/ Epic Games
Alexey Savchenko, Evangelist, Unreal Engine/ Epic GamesAlexey Savchenko, Evangelist, Unreal Engine/ Epic Games
Alexey Savchenko, Evangelist, Unreal Engine/ Epic Games
 
Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
Прототипирование с БЭМ — Антон Виноградов, Альфа-ЛабПрототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
 
Mihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningMihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine Learning
 
Mihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine LearningMihail Zachepilo - WebAssembly powered Machine Learning
Mihail Zachepilo - WebAssembly powered Machine Learning
 
RST2014_Penza_Adreal
RST2014_Penza_AdrealRST2014_Penza_Adreal
RST2014_Penza_Adreal
 
Гадания на тайлах
Гадания на тайлахГадания на тайлах
Гадания на тайлах
 
WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...
WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...
WebGL. Что за технология, почему стоит изучать и как начать ей пользоваться, ...
 
Алексей Рылко, iProspect — «SEO-инсайды, которые вы можете достать из логов ...
Алексей Рылко, iProspect  — «SEO-инсайды, которые вы можете достать из логов ...Алексей Рылко, iProspect  — «SEO-инсайды, которые вы можете достать из логов ...
Алексей Рылко, iProspect — «SEO-инсайды, которые вы можете достать из логов ...
 
Joker2014
Joker2014Joker2014
Joker2014
 
BHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsBHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 Restrictions
 
Презентация «Drupal и SEO» с московской DrupalConf 2011
Презентация «Drupal и SEO» с московской DrupalConf 2011Презентация «Drupal и SEO» с московской DrupalConf 2011
Презентация «Drupal и SEO» с московской DrupalConf 2011
 
Webdesigngarret
WebdesigngarretWebdesigngarret
Webdesigngarret
 
Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...
Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...
Dmitriy Stolyarov and Anton Volkov “Aquarium 3D – our first project with Alte...
 
Desktop app based on node js and html5
Desktop app based on node js and html5Desktop app based on node js and html5
Desktop app based on node js and html5
 
создание живых сайтов
создание живых сайтовсоздание живых сайтов
создание живых сайтов
 
Telerik Web aii
Telerik Web aiiTelerik Web aii
Telerik Web aii
 
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
 

Mehr von AGIMA

Практические кейсы мониторинга для бизнеса
 Практические кейсы мониторинга для бизнеса Практические кейсы мониторинга для бизнеса
Практические кейсы мониторинга для бизнесаAGIMA
 
Репутация №1 в социальных сетях: стать первыми и лучшими
Репутация №1 в социальных сетях: стать первыми и лучшимиРепутация №1 в социальных сетях: стать первыми и лучшими
Репутация №1 в социальных сетях: стать первыми и лучшимиAGIMA
 
От Калининграда до Камчатки: как построить клиентский сервис в масштабах страны
От Калининграда до Камчатки: как построить клиентский сервис в масштабах страныОт Калининграда до Камчатки: как построить клиентский сервис в масштабах страны
От Калининграда до Камчатки: как построить клиентский сервис в масштабах страныAGIMA
 
Сколько стоит ваша репутация?
Сколько стоит ваша репутация?Сколько стоит ваша репутация?
Сколько стоит ваша репутация?AGIMA
 
Репутационный менеджмент в действии
Репутационный менеджмент в действииРепутационный менеджмент в действии
Репутационный менеджмент в действииAGIMA
 
Кто обслуживает гигантов?
Кто обслуживает гигантов?Кто обслуживает гигантов?
Кто обслуживает гигантов?AGIMA
 
Как убить всех продавцов и увеличить продажи?
Как убить всех продавцов и увеличить продажи?Как убить всех продавцов и увеличить продажи?
Как убить всех продавцов и увеличить продажи?AGIMA
 
Скажи мне, кто мой клиент, и я скажу кто ты
Скажи мне, кто мой клиент, и я скажу кто ты Скажи мне, кто мой клиент, и я скажу кто ты
Скажи мне, кто мой клиент, и я скажу кто ты AGIMA
 
Кризис - самое время ориентироваться на прибыль клиента!
Кризис - самое время ориентироваться на прибыль клиента! Кризис - самое время ориентироваться на прибыль клиента!
Кризис - самое время ориентироваться на прибыль клиента! AGIMA
 
ПОЛНЫЙ АДАПТОЗ: Александр Богданов
ПОЛНЫЙ АДАПТОЗ: Александр Богданов ПОЛНЫЙ АДАПТОЗ: Александр Богданов
ПОЛНЫЙ АДАПТОЗ: Александр Богданов AGIMA
 
Размывая грани между сайтом и приложением
Размывая грани между сайтом и приложениемРазмывая грани между сайтом и приложением
Размывая грани между сайтом и приложениемAGIMA
 
Performance Marketing
Performance Marketing Performance Marketing
Performance Marketing AGIMA
 
Действительно рентабельная разработка
Действительно рентабельная разработка Действительно рентабельная разработка
Действительно рентабельная разработка AGIMA
 
Прототипировали, прототипировали, да не выпрототипировали
Прототипировали, прототипировали, да не выпрототипировалиПрототипировали, прототипировали, да не выпрототипировали
Прототипировали, прототипировали, да не выпрототипировалиAGIMA
 
Адаптивный дизайн - глубже, чем CSS и резина
Адаптивный дизайн - глубже, чем CSS и резинаАдаптивный дизайн - глубже, чем CSS и резина
Адаптивный дизайн - глубже, чем CSS и резинаAGIMA
 
Креатиный импрессионизм. Ефанов Евгений
Креатиный импрессионизм. Ефанов ЕвгенийКреатиный импрессионизм. Ефанов Евгений
Креатиный импрессионизм. Ефанов ЕвгенийAGIMA
 
Поведение контента на адаптивном сайте
Поведение контента на адаптивном сайтеПоведение контента на адаптивном сайте
Поведение контента на адаптивном сайтеAGIMA
 
Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...
Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...
Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...AGIMA
 
Веб-разработка: inhouse или аутсорс
Веб-разработка: inhouse или аутсорсВеб-разработка: inhouse или аутсорс
Веб-разработка: inhouse или аутсорсAGIMA
 

Mehr von AGIMA (19)

Практические кейсы мониторинга для бизнеса
 Практические кейсы мониторинга для бизнеса Практические кейсы мониторинга для бизнеса
Практические кейсы мониторинга для бизнеса
 
Репутация №1 в социальных сетях: стать первыми и лучшими
Репутация №1 в социальных сетях: стать первыми и лучшимиРепутация №1 в социальных сетях: стать первыми и лучшими
Репутация №1 в социальных сетях: стать первыми и лучшими
 
От Калининграда до Камчатки: как построить клиентский сервис в масштабах страны
От Калининграда до Камчатки: как построить клиентский сервис в масштабах страныОт Калининграда до Камчатки: как построить клиентский сервис в масштабах страны
От Калининграда до Камчатки: как построить клиентский сервис в масштабах страны
 
Сколько стоит ваша репутация?
Сколько стоит ваша репутация?Сколько стоит ваша репутация?
Сколько стоит ваша репутация?
 
Репутационный менеджмент в действии
Репутационный менеджмент в действииРепутационный менеджмент в действии
Репутационный менеджмент в действии
 
Кто обслуживает гигантов?
Кто обслуживает гигантов?Кто обслуживает гигантов?
Кто обслуживает гигантов?
 
Как убить всех продавцов и увеличить продажи?
Как убить всех продавцов и увеличить продажи?Как убить всех продавцов и увеличить продажи?
Как убить всех продавцов и увеличить продажи?
 
Скажи мне, кто мой клиент, и я скажу кто ты
Скажи мне, кто мой клиент, и я скажу кто ты Скажи мне, кто мой клиент, и я скажу кто ты
Скажи мне, кто мой клиент, и я скажу кто ты
 
Кризис - самое время ориентироваться на прибыль клиента!
Кризис - самое время ориентироваться на прибыль клиента! Кризис - самое время ориентироваться на прибыль клиента!
Кризис - самое время ориентироваться на прибыль клиента!
 
ПОЛНЫЙ АДАПТОЗ: Александр Богданов
ПОЛНЫЙ АДАПТОЗ: Александр Богданов ПОЛНЫЙ АДАПТОЗ: Александр Богданов
ПОЛНЫЙ АДАПТОЗ: Александр Богданов
 
Размывая грани между сайтом и приложением
Размывая грани между сайтом и приложениемРазмывая грани между сайтом и приложением
Размывая грани между сайтом и приложением
 
Performance Marketing
Performance Marketing Performance Marketing
Performance Marketing
 
Действительно рентабельная разработка
Действительно рентабельная разработка Действительно рентабельная разработка
Действительно рентабельная разработка
 
Прототипировали, прототипировали, да не выпрототипировали
Прототипировали, прототипировали, да не выпрототипировалиПрототипировали, прототипировали, да не выпрототипировали
Прототипировали, прототипировали, да не выпрототипировали
 
Адаптивный дизайн - глубже, чем CSS и резина
Адаптивный дизайн - глубже, чем CSS и резинаАдаптивный дизайн - глубже, чем CSS и резина
Адаптивный дизайн - глубже, чем CSS и резина
 
Креатиный импрессионизм. Ефанов Евгений
Креатиный импрессионизм. Ефанов ЕвгенийКреатиный импрессионизм. Ефанов Евгений
Креатиный импрессионизм. Ефанов Евгений
 
Поведение контента на адаптивном сайте
Поведение контента на адаптивном сайтеПоведение контента на адаптивном сайте
Поведение контента на адаптивном сайте
 
Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...
Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...
Корзина с экрана мобильного, планшета и обычного ПК. Как Media Queries может ...
 
Веб-разработка: inhouse или аутсорс
Веб-разработка: inhouse или аутсорсВеб-разработка: inhouse или аутсорс
Веб-разработка: inhouse или аутсорс
 

Безболезненная гаджетизация вашей площадки