3 Способа Веб-Дизайна

3 Способа Веб-Дизайна Может Лучше Подключить Вас к Вашей Аудитории
Как люди узнают хороший веб-дизайн?
Существует большая разница между хорошим и плохим
дизайном. Многие люди могут определить, хороший дизайн, но
они не знают, что делает разницу.
Большинство людей не глядя на сайте,  думают: Что сайт
хорошо сочетается с засечками и без засечек шрифты и
прекрасного использования пробелов!
Нет. Только дизайнеры считают, что лучше.
В большинстве случаев люди просто чувствую, что есть что-то
хорошее в нем. Может быть, это  выделяющийся шрифта или,
может быть, яркие цвета, но на самом деле они никогда не
знают наверняка.
В этом есть нечто большее, чем делать хороший дизайн это
просто посмотреть.

Потому что вы можете создать свой сайт в соответствии со
всеми основными правилами дизайна с хирургической
точностью ... а людям все-таки не нравится.
Формы, функции и чувства
Хороший дизайн-это не просто то, как сайт выглядит ,а как это
работает.
Но веб-сайт-это не машина. Не существует простого code base
или рецепт для хорошего дизайна. Вы не можете
программировать, создавать, или как-то автоматизировать
процесс.
Вот почему ваш дизайн, что-то другое.
Для того, чтобы создать web-дизайн, который соединяет, мы
должны в этом достичь нового уровня взаимодействия с нашей
аудиторией.
1. Дизайн для людей
Дизайн вашего сайта создает первое впечатление для
пользователей, и вы хотите, чтобы сделать их взаимодействие
с вашего сайта-как с людми, как это возможно. Никто не хотел
бы здороватся по ручки с роботом.

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

Вы можете улучшить пользовательский опыт на вашем сайте в
легком решении общих проблем, которые в противном случае
отнимет у ваших посетителей время.
Наиболее распространенные проблемы,  посетители находят
на слабо разработаном веб-сайте.
Все элементы, которые необходимы для взаимодействия с
пользователем должны быть видны или быть каким-то образом
обозначены. Ссылки и кнопки по крайней мере, должны быть
отмечены в другой цвет, чем остальная часть содержимого.
“Где я?”
Посетители будут чувствовать себя потерянными на вашем
сайте, когда ваш дизайн-макет не соответствует. Когда люди не
знают, куда идти, они всегда найдут выход.
Вы не можете изменять навигации или изменить макет слишком
часто между страницами. Вы должны использовать общие
закономерности в течение всего сайте, чтобы ваши посетители
могли ознакомиться с вашим веб-интерфейс.
Согласованность является одним из наиболее важных аспектов
хорошо разработанного веб-сайта.

“Я не могу прочесть!”
- Ваш контент легко читать? Если нет, ваш текст может быть
слишком мал или цветовой контраст между цветом фона и
цветом текста не достаточно ясный.
Помните, что вы дизайнер вашего сайта типография для
человеческого глаза.

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


Это пример фрагмента содержимого из Medium.com
отображается в двух разных версиях. Вы можете видеть ясно
пробелы между строк и высокой контрастностью типографии на
правой стороне. На левой стороне вы можете видеть то же
самое содержание, но  мелкий шрифт, и низкий контраст. Вы
можете ясно увидеть, какая из них является более удобным
для чтения.

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

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

2. Дизайн для эмоций

Эмоции оказывают большое влияние на большинство наших
решений. Поэтому мы не можем игнорировать эмоции при
разработке веб-сайтов.

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

Вы можете увидеть большие бренды, играя с нашими
эмоциями все время. Просто посмотрите на компании, как
Apple, Целевой, или Starbucks.

Дизайн продукта, безусловно, один из главных факторов успеха
Apple. Apple тратит много времени и денег, убедившись, что их
продукты выглядят гладкими, сексуальными, как и современными.
Это тоже не просто, как продукт выглядит, но как он работает и
чувствует, когда вы используете его. Большинство продуктов
Apple, гладкие, приятные на ощупь поверхности и
последовательно скругленными углами. Вы чувствует себя
хорошо, верно?

Итак, как вы можете использовать эмоциональный дизайн?
Дайте ваш бренд души.
Выбрать одну эмоцию вы хотите, чтобы люди чувствовали, о
бренде или веб-сайте, затем сосредоточьтесь на этом, и будте
последовательными.
Вы хотите, чтобы ваш веб-сайт походил на , юмористический ?
Значит с помощью радостных цветов, плавных очертаний,
смешных персонажей, и объединить его с легкими шутками
повсюду.

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

Вы не хотите использовать светлые пастельные цвета или
шрифта Comic Sans, потому что, это было бы несоответствие
дизайна вкуса любителей спортивной езды.


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


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

Дайте вашим детям конфеты, когда они плачут.
Как чувствуют себя люди, когда они посещают веб-сайт, и он не
работает, или они получают 404 страницы? Они могут
испытывать растерянность или разочарование.
Вы определенно не хотите, чтобы люди чувствовали, это. Вы
можете ее исправить, сделать смешное 404 страницы или
настроить собственные страницы, когда ваш сайт находится
врежиме  неактивный из-за работы.

Заставить людей улыбаться, когда существует проблема, и
держать их занято", когда они должны подождать.
Держите это положительным.
Это общее правило: вызывать только положительные чувства и
эмоции. Вы не хотите связать никаких плохих чувств с вашей
торговой маркой (если это действительно ваша цель, и вы
знаете, что вы делаете).
Попробуйте использовать положительный флажки, значки, такие
как, улыбающиеся лица, и пальцы знаки. Вы также можете
связать положительные чувства желаемого действия на вашем
сайте. Например:

Посмотреть смайлик (вознаграждение), после выполнения
задачи
Используйте зеленый “добавить в корзину”
Посмотреть флажки для правильного заполнения полей формы
Использовать прогресс бар в многостраничных форм
Photojojo корзину значок становится зеленой, с улыбкой на
лице, когда вы нажимаете кнопку “добавить в корзину”. Это
делает весь опыт покупки более приятным.
3. Дизайн рассказать историю

Возраст изготовление домашней страницы выглядят как
самолет dashboards закончилась. Мы избегаем чрезмерного

применения кнопок, призывы к действию, и все другие
факторы, отвлекающие внимание в эти дни.
Новая роль дизайна сайта-рассказать историю.

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

Ваш сайт может рассказать историю:
Дизайн-макет,  который усиливает знакомства.
Постарайтесь, чтобы ваша страница содержалась в
надлежащем повествовании и прогрессирующем порядке.

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

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

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


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

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

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

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

- Так каков твой следующий шаг?

Тем всегда так много, что мы можем сделать, чтобы улучшить
наш сайт, дизайн. Я призываю вас, чтобы сделать еще один шаг
вперед. Идти глубже, за кулисы.

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

Что такое одна простая смена дизайна, вы могли бы сделать
сегодня, что бы улучшить ваш опыт пользователей на вашем
сайте?
Владимир Яковлевич Ч