Блог
Что нового у нас?
Разработка
7 способов улучшить веб сайт с помощью сторителлинга
Хорошая история привлекает вас, даже если она происходит в другую эпоху или другую культуру. Визуальное повествование в создании веб-дизайна сайта делает то же самое. Он привлекает аудиторию через визуальные элементы, превращая ваш бизнес в понятный, знакомый и приглашая аудиторию - посетителей сети - к участию. Рассказывание историй может помочь вашему бизнесу выделиться, особенно в конкурентной среде, и сделать информацию о ваших услугах / продуктах более доступной и запоминающейся. У каждого бизнеса есть история, которую нужно рассказать, и нет лучшего места, чтобы рассказать свою историю, чем на вашем сайте.
1. Изображения и иллюстрации
Когда-нибудь слышали поговорку, что картина стоит тысячи слов? Это так же верно на вашем сайте. Нам говорят, что длина кита 20 метров, и это довольно впечатляюще, или мы можем видеть фотографию человека в крошечной лодке рядом с массивным китом - и сразу же чувствуем благоговение, когда наше сердце замирает. Изображения на вашем сайте - это инструменты, которые рассказывают историю вашего бизнеса и роль ваших клиентов в вашем бизнесе. Каждое изображение может поддерживать ваши сообщения или подрывать их, поэтому выбор правильного изображения имеет решающее значение, особенно на главной странице веб-сайта, где большинство посетителей начнут свое путешествие. Домашняя страница похожа на обложку книги или фильма, демонстрируя суть истории. Изображения на вашем веб-сайте могут быть получены из разных источников: пользовательские фотографии, фотографии, иконки и графические изображения, а также иллюстрации. Опытный веб-дизайнер поможет вам выбрать стиль изображения, который больше всего поддерживает ваше сообщение. Важна согласованность: неуместное изображение похоже на абразивную опечатку, которая отвлекает посетителя и нарушает целостность сайта.2. Анимация и интерактивные элементы
Добавление удачно размещенной анимации или интерактивного элемента - отличный способ привлечь внимание к определенному аспекту сайта, но помните, что немного проделывает долгий путь. Как и любой удачный элемент дизайна, у анимации должна быть цель. Слишком большое движение может на самом деле отвлечь посетителя и удержать его от продолжения исследования сайта, как случайная сцена действия, которая нарушает ход истории или не имеет отношения к сюжету. Есть несколько способов использовать привлекательные интерактивные элементы или движения на вашем сайте, в том числе микро-анимации и всплывающие подсказки. Например, разумно расположенные микро-анимации могут помочь подчеркнуть путешествие, которое, как вы надеетесь, посетит ваш посетитель. Поэтому, прежде чем размещать анимацию на своем сайте, спросите себя: имеет ли это смысл в контексте? Выделяет ли он основные функции сайта? Или это отвлекает?3. Использование пространства
Пространство часто упускается из виду в веб-дизайне. Любая история, которая имеет слишком много персонажей или изменения сцены, быстро становится ошеломляющей. В веб-дизайне это решается за счет использования пустого пространства, что создает ощущение простоты и повышает эффективность других элементов дизайна. Эту простоту может быть непростой задачей, если вы надеетесь передать много информации за короткое время, но острый взгляд на редактирование будет иметь огромное значение для ваших посетителей и будет поддерживать их на всем сайте. Когда вы просматриваете свой сайт, удалите все, что может отвлечь или запутать посетителя, оставив только самые важные, сплоченные элементы. Создание пространства на вашем сайте служит другой цели, так как остальные элементы имеют большее назначение, как и их размещение. Разместите ваши элементы таким образом, чтобы направлять посетителя от раздела к разделу, направляя поток.4. Выбор цвета и шрифта
Цвет - это отличный инструмент для передачи эмоций, усиления смысла вашего сообщения и создания настроения. Например, синий часто используется на веб-сайтах, потому что цвет передает доверие, лояльность и мудрость. Как цвет океана и неба, он также способствует ощущению безмятежности, умиротворенности и тихой силы. Но есть много оттенков синего: бледно-синий имеет другой эффект, чем насыщенный синий или неоновый синий. При разработке вашего сайта, выбор 3-4 основных цветов заложит основу и создаст поток по всему сайту. Кроме того, цвета, которые вы выбираете в сочетании со шрифтом текста, задают тон истории вашей компании. Игривый шрифт может задавать непринужденный, дружелюбный тон, но он может расходиться с контентом, который пытается выразить силу и серьезность. В идеале, ваша цветовая палитра и шрифт должны работать вместе, чтобы создать желаемое настроение и поддержать то, что вы пытаетесь передать.5. Видео
Видео является самой сущностью визуального повествования и популярным элементом веб-сайтов. Видео могут появляться в разных местах на вашем сайте, для различных целей. Одно из наиболее заметных видео, которое вы можете использовать, называется видео героя - фоновое видео, которое отображается в верхней части главной страницы. Эта верхняя область называется областью героя, потому что это такая критическая часть сайта. Все, что вы размещаете здесь, должно привлечь внимание посетителя и, конечно, оно должно вписаться в ваше общее послание. В идеале ваши видео и анимация должны быть связаны с историей, которую вы рассказываете на своем сайте, и содержать элемент творчества. Мощный способ сделать это - подумать о вашем ценностном предложении: какова ваша история в одном предложении? Отличным примером этого послужил веб-сайт для финансового консультанта, чье заявление было «мы даем кредиты через финишную черту». Их видео было простым, лаконичным и точным, показывая, как велосипедист пересекает финишную черту гонки. Но, как и в случае с анимацией, фоновые видеоролики с чрезмерным движением могут отвлечь посетителя от реального понимания визуального контекста.6. Визуальная иерархия
Визуальная иерархия относится к использованию шрифта и размера шрифта на веб-сайте. Подумайте о визуальной иерархии как о заголовках глав романа, в которых наиболее важные темы больше, а детали - меньше. То же самое касается веб-сайта. Заголовки имеют больший размер шрифта, а подзаголовок - меньший шрифт. Размеры ведут посетителя вперед, помогая ему прочитать историю вашего сайта в правильном порядке. Согласованность очень важна с визуальной иерархией. Если одна страница имеет заголовок одного размера, а затем на следующей странице заголовки и текст с другим размером шрифта или переключаются, вы создадите путаницу, которая может заставить посетителя остановиться или перейти на другой сайт.7. Пользовательский дизайн веб-страницы
Ни один бизнес не похож на другой, поэтому имеет смысл, что никакие два сайта не будут абсолютно одинаковыми. Многие сайты построены на шаблонах, что делает веб-дизайн очень доступным, но добавление пользовательской страницы, разработанной специально для вашего сайта, помогает показать особенности вашего бизнеса. Пользовательские веб-страницы также являются идеальным местом для использования визуального повествования на вашем сайте. Как правило, веб-сайт имеет как минимум 1 пользовательскую страницу, домашнюю страницу, но некоторые сайты имеют больше. Каждая пользовательская страница разработана веб-дизайнером, что дает вам возможность быть более избирательным при размещении изображений и графики. Вот где ваша история оживает - вы можете рассказать мини-главу с элементами дизайна, характерными для истории, которую вы рассказываете. Наряду с домашней страницей, веб-сайты, как правило, имеют собственную страницу о странице и / или страницу обслуживания. Это некоторые из наиболее важных глав вашей истории, где посетитель решает, что он думает о вашем бизнесе, и решает, оставаться ли на вашем сайте. Мы все любим хорошую историю, но не все истории нравятся одним и тем же людям. Чтобы рассказать эффективную историю на своем сайте, вам необходимо знать, кто является вашей аудиторией, чтобы вы могли адаптировать элементы дизайна для ваших посетителей. Ваш сайт, вероятно, будет иметь несколько типов посетителей, от потенциальных клиентов до постоянных клиентов, сотрудников и сотрудников. Подумайте о назначении каждого элемента, который вы размещаете на своем сайте, и обратите внимание на то, говорят ли элементы дизайна вашим посетителям.Поделиться: