Разрешение экрана и разметка страниц
Один из самых задаваемых вопросов на моём курсе по «Вебу» — «Под какое разрешение нам стоит делать свои дизайны?» Полный ответ будет немного мудреным, но основные советы очевидны:
* Оптимизируйте под 1024х768 — это самый распространённый размер экрана. Несомненно, ориентироваться нужно на разрешение экранов вашей целевой аудитории, и в будущем размер будет меняться. Размер уже может быть другим, если, скажем, вы создаёте интранет для компании, которая выдает своим сотрудникам большие мониторы.
* Не надо создавать сайты только под определённый размер экрана, так как размеры экранов пользователей различаются. Самих различий очень много, так как пользователи не всегда «максимизируют» свои браузеры (особенно если у них большие экраны).
* Используйте «плавающие» дизайны, которые растягиваются под конкретный размер окна пользователя (избегайте статичных дизайнов, которые всегда одного размера).
На сегодняшний день около 60% всех мониторов настроены под разрешение в 1024х768 пикселей. Для сравнения — около 17% выставляют 800х600, поэтому вполне очевидно, что не так важно нацеливаться именно на пользователей с маленькими дисплеями. Также очевидно, что нельзя игнорировать эти 17% и предоставлять своим пользователям такую разметку страницы, которая требует больше свободного пространства, чем есть у пользователя на самом деле.
Оптимизация под 1024х768
Когда я говорю «оптимизация», я имею в виду то, что ваша страница должна выглядеть и работать оптимально на самом распространенном разрешении. При этом она должна хорошо выглядеть и работать на других размерах, поэтому я и рекомендую «плавающий» дизайн. Но он должен быть лучшим при разрешении 1024х768.
Три самых главных критерия для оптимизации интернет-страниц под определённый размер экрана:
* Изначальный обзор: видна ли пользователям вся ключевая информация без прокрутки страницы? Это является компромиссом между количеством показанных предметов и насколько детально показан каждый предмет.
* Удобочитаемость: насколько легко прочитать текст в разных колонках с определённой шириной?
* Эстетика: насколько хорошо выглядит ваша страница, когда у всех элементов правильный размеры и правильное расположение? Все ли элементы правильно выстраиваются — например, находится ли подпись рядом с фотографией, и т.д.?
Вам необходимо держать в голове эти три критерия при всех возможных разрешениях, постоянно изменяя размер окна браузера от 800х600 до 1280х1204. Всё должно выглядеть на высоком уровне при всех разрешениях.
Также ваш сайт должен работать при более маленьких и при более больших размерах, но такие ситуации менее критичны. Меньше чем полпроцента пользователей работают с разрешением 640х480. При этом для таких пользователей ваш сайт должен отображаться вполне приемлемо с допустимыми отклонениями.
Как говорит первый критерий — нужно всегда брать во внимание прокрутку страницы. Обычно пользователям не нравиться прокрутка (в моей новой книге это детально описано вместе со статистикой, которая показывает, сколько пользователей прокручивают различные типы страниц). Итак, когда вы делаете дизайн, вы должны учитывать сколько информации увидят пользователи если прокрутят один или два полных экрана.
Прокрутка и изначальный обзор зависят от размера экрана: чем больше экран, тем больше информации он показывает и тем меньше нужно делать прокруток. Здесь вы и должны заниматься оптимизацией для 1024х768: показать самый важный материал не прибегая к прокрутке (вместе с этим необходимо убедиться, что критическая информация останется видимой при разрешении 800х600).
Итак, как на счёт крошечных экранов, например мобильные устройства. «Плавающий» дизайн должен изменить свой масштаб под мобильный телефон, но не думайте, что так надо делать сайт вашей компании. Среда мобильных телефонов имеет свою специфику; чтобы оптимизировать сайт под мобильное устройство, необходимо создать отдельный сервис, который будет предоставлять меньше функций, будет написан более сжато, и который будет ориентирован на содержание сайта.
Большие экраны
У многих пользователей большие экраны. В настоящий момент около 18% используют как минимум разрешение равное 1280х1024 пикселям. Процент пользователей с большими экранами растёт, но не так как я бы этого хотел.
Большие мониторы — самый простой способ повысить производительность, и любой, кто зарабатывает минимум $50,000 в год, должен иметь разрешение экрана не менее 1600х1200. Плоский дисплей с таким разрешением стоит меньше $500. Поэтому пока большие дисплеи повышают производительность как минимум на 0.5%, вы окупите своё вложение меньше чем за год (типичные корпоративные накладные удваивают издержки компании на сотрудника; всегда помните, что в любом подсчёте производительности необходимо использовать стоимость работ, а не зарплату).
Apple и Microsoft опубликовали отчёты, цель которых была подсчитать рост производительности от больших мониторов. К сожалению, результаты не дали хороших цифр потому, что присутствовали методологические ошибки. Мой опыт показывает, что когда пользователи делают свои работу на больших мониторах, то примерный рост производительности равняется 5-10%. Эти проценты переводятся в рост производительности примерно в 0.5-1% на одного человека, который делает работу, ориентированную на использование монитора 10% от одного дня. Нет сомнений, что большой монитор стоит своих денег.
Лично я использую дисплей с разрешением в 2048х1536 пикселей, и я даже не называю такой монитор большим. В течении следующих 10 лет, я ожидаю, что использование 5000х3000 мониторов станет обычным делом, как минимум среди профессионалов.
Начиная с 1600х1200, пользователи редко растягивают свои браузеры во весь экран потому, что мало интернет-сайтов хорошо работают на таких разрешениях. Большие окна — это волшебство во время работы с таблицами, с графическим дизайном, и с многими другими задачами, но не с настоящей парадигмой интернет-сайтов. Сегодня, интернет-пользователи с большими экранами утилизируют дополнительное свободное пространство несколькими окнами и параллельным серфингом в интернете.
Чтобы в будущем угодить интернет-пользователям, скорей всего нам будут нужны не индивидуальные страницы, а какая-то другая парадигма. А может даже метафора, похожая на новостную газету или на другую информационную доску, проявит себя в лучшем свете.
В любом случае, нужда в новой парадигме не изменит настоящих рекомендаций: оптимизируйте под 1024х768, но не создавайте дизайн только для этого размера. Ваши страницы должны работать на любом разрешении, от 800х600 до 1280х1024 и более.
|
Один из самых задаваемых вопросов на моём курсе по «Вебу» — «Под какое разрешение нам стоит делать свои дизайны?» Полный ответ будет немного мудреным, но основные советы очевидны:* Оптимизируйте под |
РэдЛайн, создание сайта, заказать сайт, разработка сайтов, реклама в Интернете, продвижение, маркетинговые исследования, дизайн студия, веб дизайн, раскрутка сайта, создать сайт компании, сделать сайт, создание сайтов, изготовление сайта, обслуживание сайтов, изготовление сайтов, заказать интернет сайт, создать сайт, изготовить сайт, разработка сайта, web студия, создание веб сайта, поддержка сайта, сайт на заказ, сопровождение сайта, дизайн сайта, сайт под ключ, заказ сайта, реклама сайта, хостинг, регистрация доменов, хабаровск, краснодар, москва, комсомольск |
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-04-17 » 23 сервиса для эффективного экспресс-аудита любого сайта
- 2024-04-08 » Яндекс переходит на новую версию Wordstat
- 2024-04-08 » Яндекс интегрировал в свой облачный сервис эмпатичную нейросеть
- 2024-04-08 » Новая версия нейросети Claude превзошла по мощности аналоги Google и OpenAI
- 2024-04-08 » Как пользоваться GPT 4 и Claude бесплатно и без VPN
- 2024-03-13 » Стратегии SEO на 2024 год
- 2024-03-13 » Как использовать анимацию с помощью JavaScript-библиотеки GSAP
- 2024-03-13 » Использование GSAP 3 для веб-анимации
- 2024-03-13 » Cогласование топографической съёмки с эксплуатирующими организациями
- 2024-02-19 » Теряются лиды? Как настроить сквозную аналитику
- 2024-02-17 » Мерч и IT: на что обратить внимание в 2024 году
- 2024-02-16 » Копируем с RSync: основные примеры синхронизации файлов
- 2024-02-15 » Лучшие noCode AI платформы для создания диалоговых ботов
- 2024-02-14 » Факторы ранжирования Google 2024 — исследование Semrush
- 2024-02-12 » Перенос сайта на другой хостинг
- 2024-02-05 » В России сформирован реестр хостинг-провайдеров
- 2024-02-04 » Использование SSH для подключения к удаленному серверу Ubuntu
- 2024-02-03 » Подключаемся к серверу за NAT при помощи туннеля SSH. Простая и понятная инструкция
- 2024-02-02 » Настройка CI/CD для Gitlab-репозитория: схемы и гайд по шагам
- 2024-02-01 » GitLab CI Pipeline. Запуск сценария через SSH на удаленном сервере
- 2024-01-29 » Introduction to GitLab’s CI/CD for Continuous Deployments
- 2024-01-26 » Настройка GitLab CI/CD
- 2024-01-25 » Установка shell gitlab runner
- 2024-01-25 » Установка и регистрация gitlab-runner в docker контейнере
- 2024-01-25 » Переменные Gitlab-Ci
- 2024-01-25 » Настройка CI/CD в GitLab для синхронизации проекта с веб-серверами
- 2024-01-25 » Копирование файлов scp
- 2024-01-21 » Бездепозитные бонусы от казино: обзор условий и правил использования
- 2024-01-18 » Современная обработка ошибок в PHP
- 2024-01-18 » Пример шаблона проектирования MVC в PHP
Постановка целей, приближение к ним день за днем и, наконец, их достижение — это и есть ключ к счастью Трейси Брайан - - современный американский профессиональный лектор-преподаватель |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их !
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.
Мы создаем практически любые сайты от продающих страниц до сложных, высоконагруженных и нестандартных веб приложений! Наши сайты это надежные маркетинговые инструменты для успеха Вашего бизнеса и увеличения вашей прибыли! Мы делаем красивые и максимально эффектные сайты по доступным ценам уже много лет!
Комплексный подход это не просто продвижение сайта, это целый комплекс мероприятий, который определяется целями и задачами поставленными перед сайтом и организацией, которая за этим стоит. Время однобоких методов в продвижении сайтов уже прошло, конкуренция слишком высока, чтобы была возможность расслабиться и получать \ удерживать клиентов из Интернета, просто сделав сайт и не занимаясь им...
Мы оказываем полный комплекс услуг по сопровождению сайта: информационному и техническому обслуживанию и развитию Интернет сайтов.
Контекстная реклама - это эффективный инструмент в интернет маркетинге, целью которого является увеличение продаж. Главный плюс контекстной рекламы заключается в том, что она работает избирательно.