Адаптивные интерфейсы

Размещено на http://allbest.ru

Содержание

1. Адаптивная модернизация

2. Адаптивные мобильные сайты

3.Адаптивный дизайн изначально для мобильных устройств

4. Стратегия поэтапности

1. Адаптивная модернизация

Адаптивная модернизация -- это процесс, при котором берется существующий сайт, предназначенный только для настольных компьютеров, и «переделывается в адаптивный» по факту.

На данный момент около 11-12% из 100 000 самых посещаемых сайтов -- адаптивны, и нет сомнений, что в ближайшие несколько лет их количество возрастёт. Так как всё больше организаций закатывают рукава, хватаясь за реалии веба, используемого различными девайсами, будет нелишним рассмотреть несколько стратегий, используемых для достижения нирваны:

Что касается готовых сайтов (в частности коммерческих), у команд не всегда есть возможность всё отбросить и построить заново. Для большинства организаций, широкомасштабное создание нового дизайна с нуля даже не рассматривается. Именно поэтому адаптивная модернизация это популярный подход к созданию хорошего интерфейса для мобильных устройств.

Преимущества:

· Относительно быстро. Так как не требует перестройки всего с нуля.

· Знакомо. Не сбивает с толку пользователей. Люди годами привыкают к интерфейсу и делая модернизацию существующего, организации сохраняют знакомый подход, при этом улучшая жизнь людям с мобильными устройствами.

· Организационно быстрее. Модернизировать интерфейс более безопасно и просто, чем начинать всё с нуля.

Недостатки:

· Затрагивает только малую часть. 10 литров воды в трёхлитровой банке. Много контента

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

· Худшая поддержка. Медиа-запросы, изначально разработанные для настольных компьютеров, плохо поддерживаются большинством мобильных устройств.

2. Адаптивные мобильные сайты

Адаптивные мобильные сайты представляют собой практику создания отдельного сайта формата «m.yourdomain.ru» с использованием техник адаптивного дизайна.

Мобильная версия даёт возможность посадить семя, которое вырастет из вашего устаревшего сайта. Со временем устаревший сайт можно удалить, а изначально мобильный, адаптивный и учитывающий будущие тенденции будет развиваться.

Преимущества:

· Ниже риск. Трафик с мобильных устройств составляет меньшинство.

· Возможность научиться быть гибким. Адаптивный мобильный сайт может стать отличной песочницей для обучения.

· Удалить лишнее. Этот подход предлагает отличную возможность для команд спросить себя: «а действительно ли нам это нужно», а также сфокусироваться на производительности.

· Будущее за изначально мобильными сайтами. Несмотря на первоначально неполноценный контент или функционал, при достаточном количестве времени и усилий эти мобильные сайты, в конце концов, могут заменить своих полноформатных предков.

Недостатки:

· Это всё равно мобильный сайт. Будь он адаптивным или нет, этот подход всё равно сохраняет большое количество минусов мобильных сайтов: проблемы с перенаправлением URL, управлением содержимым, одинаковым контентом, последовательностью, SEO-оптимизацией и прочих.

· Временные исправления. Множество мобильных сайтов созданы как пластырь -- чтобы остановить кровь. Такие сайты создаются с целью разгрузить растущий трафик, поступающий с мобильных устройств. Эти решения всё же могут удовлетворить существующие потребности, но учитывая будущие тенденции, это вряд ли спасёт вас в долгосрочной перспективе.

· Вероятность зачахнуть на корню.

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

3. Адаптивный дизайн изначально для мобильных устройств

интерфейс смартфон дизайн

«Сначала мобильные» -- это принцип, подразумевающий разработку интерфейса, который будет учитывать ограничения мобильной среды (маленький экран, низкая пропускная способность и прочее), однако использующий все преимущества больших экранов.

Преимущества:

· Начало с новыми силами. Сначала мобильные -- начало с чистого листа.

· Лучшая поддержка. Поддержку большего количества мобильных устройств, особенно более старых, которые не поддерживают медиа-запросы.

· Производительность. Несмотря на то, что производительность сайта в первую очередь зависит от его реализации, адаптивные проекты для мобильной среды дают командам возможность с самого начала акцентировать внимание на производительности.

· С учётом всего и сразу. Дизайн «сначала мобильные» (несмотря на его название) может учитывать большое количество разрешений, а не только ориентироваться на один класс устройств.

· Дизайн, ориентированный на будущее.

Недостатки:

· Занимает много времени

· Сдвиг в сознании

· Организационно сложно

· Незнакомо

4. Стратегия поэтапности

Стратегия поэтапного создания адаптивного дизайна разбивает крупномасштабную кампанию на несколько ступеней. Как и при модернизации (эти стратегии не взаимоисключающие), здесь может не получиться сделать масштабный редизайн, именно поэтому некоторые организации делают это шаг за шагом. Есть несколько видов поэтапного создания адаптивного интерфейса: Страница за страницей.

Преимущества:

· Заметно

· Возможность научиться быть гибким. Можно научиться всему, что касается создания адаптивных интерфейсов, а потом использовать эти знания для остальной части сайта.

· Более высокие шансы запуска

Недостатки:

· Отсутствие целостности

· Вероятность зачахнуть на корню

Размещено на Allbest.ru