При разработке веб-сайта легко начать загружать его графикой. Несмотря на искушение, вам придется сопротивляться — иначе вы столкнетесь с графической перегрузкой.
Почему это плохо? Вот почему.
Загрузка занимает слишком много времени
Первая причина сократить количество графики заключается в том, что чем их больше и чем они больше, тем больше времени потребуется для загрузки каждой из ваших страниц. Люди с нетерпением ждут загрузки страниц — у вас есть всего около 5 секунд, прежде чем посетитель нажмет кнопку «Назад».
Что вы можете с этим поделать? Помимо использования меньшего количества изображений, вы также можете изменить размер изображений в графическом редакторе. Это фактически уменьшает размер их файлов. Если вы просто измените размер изображений, указав ширину и высоту в HTML или CSS, они все равно будут медленно загружаться, поскольку используется полный размер файла.
Вам следует рассмотреть возможность включения сжатия в вашем редакторе изображений. Файлы JPEG часто можно сжать до 25 %, прежде чем появится заметная разница в качестве. Попробуйте разные форматы и уровни сжатия, чтобы увидеть, что работает.
Он становится слишком занятым
Если вы используете сайт с более чем 4 изображениями на странице одновременно, ваши глаза будут скользить по всей странице. Они не знают, на чем сосредоточиться, потому что на странице слишком много всего происходит.
Посмотрите на первые страницы газет и обратите внимание, как они ведут на одной картинке. Размещать две картинки на первой полосе считается недостатком: читатель не знает, куда смотреть.
Это вдвойне справедливо для веб-сайтов, видимая область которых намного меньше газетной страницы. Даже если вам нужно сказать больше одной вещи, лучше использовать одну картинку, а затем объяснить остальные вещи в тексте рядом или под ней.
Это отвлекает от контента
Пользователи посещают ваш сайт, чтобы получить информацию, а не смотреть на вашу графику. Слишком много графики будет отвлекать от вашего контента или, что еще хуже, заставит читателей искать его. Каждый раз, когда ваша графика мешает людям с готовностью использовать ваш сайт, вы страдаете от графической перегрузки. И это плохо.
Какое решение? Просто решите, какая из этих графиков действительно необходима. Помните: не добавляйте графику только для того, чтобы она выглядела красиво: каждая графика должна иметь определенную цель.
Исключение: фотогалереи
Если целью вашего сайта является презентация фотографий, то, очевидно, уместно использовать несколько изображений. Однако не стоит просто вешать несколько больших фотографий — предоставьте миниатюры: уменьшенные версии каждого изображения. Если интересно, посетитель может нажать на 1, чтобы увеличить его.
Это позволяет разместить больше изображений на каждой странице и избежать потери времени загрузки пользователем и вашей пропускной способности.
Имейте в виду, что во всем веб-дизайне изображения используются исключительно для поддержки контента. Даже если контент графический.
Чтобы по-настоящему понять, почему нам следует избегать графической перегрузки, нужно сначала понять важность хороших принципов UX-дизайна. Эти принципы можно применять в любом контексте, будь то мобильное приложение, веб-сайт или бумажное средство связи. Графика является неотъемлемой частью любых коммуникационных усилий, но всегда существует предел тому, что можно эффективно использовать. Фактически, исследования показали, что люди предпочитают письменное общение графическому. Основываясь на этих данных, веб-сайты должны отдавать предпочтение текстовому контенту, а не графике, чтобы улучшить взаимодействие с пользователем. Однако остаются различные причины, по которым мы по-прежнему видим множество веб-сайтов, которые нарушают эти принципы и используют чрезмерное количество графики на своих страницах.
Одна из распространенных причин, по которой мы видим сайты со слишком большим количеством графики, связана с ленью. Будь то ленивые разработчики, которые не хотят тратить время на улучшение своей прибыли, или ленивые веб-дизайнеры, которые хотят сэкономить место, отказываясь от семантических и органично построенных целевых страниц веб-сайтов в пользу кнопок и постоянно используя некачественные изображения, эти авторы постоянно и дизайнеры отклоняются от лучших практик веб-разработки, и это оказывается дорогостоящей ошибкой. Хотя на первый взгляд это и привлекательно, ограничение визуальных эффектов одним изображением с высоким разрешением, представляющим ваш бренд, является отличным началом любого проекта. С точки зрения клиента, хорошо сбалансированный эстетический вкус и чистый язык сделают вашу компанию заслуживающей доверия и вызывающей восхищение.
Кроме того, эксплуатируется эффект «фикции». Распространенным заблуждением является мнение, что визуальный маркетинг и веб-дизайн — это не более чем развлечение для глаз. Часто они приносят полную жертву фактической проделанной работе, демонстрируют свои истинные ценности и ни на кого особенно не впечатляют. Важно помнить об этом при разработке вашего веб-сайта. При разработке или редизайне веб-сайта или приложения следует использовать подход, ориентированный на мобильные устройства. Поскольку мобильные устройства становятся все более популярными с каждым днем, становится очевидной необходимость предоставления высоко персонализированных решений, таких как адаптивный макет для этих мобильных инструментов. Сохраняя типографику и форматирование Sin Monotonous, страница уменьшенного размера будет быстро направлять посетителей к желаемому контенту. Но если пользователи часто посещают вашу веб-страницу, стоя рядом или используя свои смартфоны, государственные учреждения с трудом справляются с этим необычным взглядом. Чтобы удовлетворить коллективные, более насущные потребности, идеальным решением будет наведение порядка и сокращение количества графики, при этом отдавая приоритет письменному контенту.
Независимо от вашего предыдущего опыта и итераций проекта, должно быть очевидно, что, если хороший контент сопровождается сильными визуальными эффектами, можно легче получить более широкий доступ. Вместо того, чтобы отклонять функции и жертвовать простотой, пышные образы используют фруктовый подход. Опять же, можно обеспечить доступность и удовлетворение требований обширной базы пользователей. Вместо того, чтобы выбирать легкий и безопасный путь, прочная творческая основа, глубоко детализированные материалы и осмысленное повествование идут параллельно с самоописанными открытиями. Наконец, мероприятия с ограниченным охватом, такие как рекламные акции, баннеры-карусели и плакаты – или их инновационные каталоги – дополняют общую цель с помощью привлекающих внимание поездов, которые проходят по всей этой мобильной платформе.
При разработке веб-страницы часто возникает соблазн использовать большое количество графики и фотографий, чтобы улучшить внешний вид сайта. Однако использование слишком большого количества изображений может привести к перегрузке дизайна и отрицательно повлиять на удобство использования веб-страницы. Вот несколько советов, как избежать графической перегрузки и максимизировать эффект при разработке веб-страницы.
Очень легко поддаться искушению добавить в дизайн много визуальных эффектов. Однако слишком много графики может замедлить скорость загрузки веб-сайта и может разозлить посетителей, которые переходят с него, решив, что эта информация не то, что они хотят видеть, когда загрузка не загружается достаточно быстро.
Одна из главных причин соблазна использовать дорогую графику — это привлекательность для пользователей. Добавляя четкие фоны в дизайн вашей страницы, пользователи воспринимают ее как устрашающую, но запоминающуюся страницу. Веб-сайт с насыщенной графикой может не привлечь посетителей, а затем быстро разочаровать их, и они с отвращением уйдут. Эта графика не будет такой внимательной, неряшливой и будет отвлекать фон. Несколько красиво расположенных изображений и блоков в середине вашей веб-страницы передадут ваше сообщение гораздо эффективнее, чем игнорирование искусства создания привлекательной цветовой схемы. Чем быстрее вы узнаете тип художественного стиля, не перегружая его изображениями, тем интерфейс не попадет в категорию загроможденных и трудных для удержания перетаскивания.
Вы хотите, чтобы ваши посетители покинули ваш сайт менее чем за пять секунд, напали на вашу страницу, потому что она предлагала слишком много визуальных эффектов, и захотели четких настроек? Клубное мерцание, градиентная заливка и спонтанные фоны отвлекают вашу потенциальную клиентуру от фактического чтения текстового содержания этих перегруженных эстетикой элементов дизайна. Громкие, насыщенные фотографии и четкий пиксельный фон расположены близко к взгляду зрителя, но не содержат полезного контента или заманчивых заявлений, в результате чего множество снисходительных обманчивых и неприглядных блоков впереди действительно могут нервировать посетителей, понимая, что это может быть еще одной минутной приманкой и смахиванием!
Еще один важный момент, который следует учитывать, когда дело доходит до дизайна со слишком большим количеством визуальных элементов: посетители и заинтересованные стороны не могут легко прочитать всю информацию или понять сообщение. Страница, пронизанная пересекающимися линиями, углами, интерактивными функциями, наложениями с косыми глазами и нацарапанными объектами, не может позволить пользователям найти то, что вы на нее поместили. Недостаточное внимание к деталям может поглотить интерес пользователей, в результате чего они почувствуют себя широко представленными. Но это даже не касается того факта, что все эти цвета быстро слились воедино на весьма ничем не примечательном дисплее. Сохранение компактности — определенно разумная альтернатива. Более четкие сообщения с основной идеей, как правило, вытесняют несколько посторонних текстов, поэтому всю информацию будет трудно отличить с точки зрения пользователя. Большие ссылки, большие баннеры, огромные абзацы — все это толпится вокруг заголовков, мешая вам привлечь внимание потенциальных клиентов, особенно если ваш творческий материал некачественный, явно отправленный, непонятный, одновременно затрудняя посетителям различение ключевых слов, чтение или просто интерпретировать. Отказ от типографики, отказ от двойки или источника комы с использованием ввода или объединение предложений без описательных акцентов на ключевых словах могут на самом деле оправдать ваш общий дизайн, выигравший у слишком загруженной страницы. При этом наметьте стратегический порядок ваших произведений, проанализируйте, что, по мнению читателей, нравится больше всего, и разыграйте их. Строки разбираются, читатели получают именно то, что ищут, а не излишне сложные и прямолинейные наклонности к смакованию. Один из способов решить проблему избытка графики: вытащить другие творческие элементы искусства, такие как иллюстрации, такие как мультфильмы, клипарты, причудливую музу, смешанные с вашим в целом непривлекательным графическим массивом. Это делается для того, чтобы компенсировать ваши разнообразные бледные и бесцельные образы, выискивая что-то приятное и игривое (по понятным причинам веселое), что только помогает ходу истории, показывая, что в зависимости от того, что именно вы разрабатываете, текстовые поля редко являются центральным элементом сайта, поэтому сделайте что-то особенное и измените его.
-
Визивиг
19 Oct, 24 -
Пресс-Релизы Бесполезн?
19 Oct, 24 -
Управляемая Google Adwords С Оплатой За Клик
19 Oct, 24 -
Мета-Теги Могут Иметь Значение
19 Oct, 24
