Ваш браузер не поддерживает свойств CSS3 и HTML5.
Загрузите и установите один из современных, безопасных и бесплатных браузеров: Safari, Chrome или FireFox, чтобы насладиться всеми возможностями современного интернета и этого сайта в том числе.

Зачем стулу четыре ноги?

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

ТОЛЬКО ТЕКСТ

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

Почему бы не три ноги или даже пять ног? Почему никто снова и снова не изобретает стул? Почему бы не модернизировать его старый устаревший дизайн? Четыре ноги, как было доказано на протяжении сотен лет, нужны стулу, чтобы быть прочным и удобным, поэтому дизайнеры не обезьяннничают насчет него. Тогда почему же мы - web-дизайнеры - обезьянничаем насчет того, эффективность чего была не раз доказана в Интернете?

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

Использование стандартных элементов

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

Другая огромная ошибка юзабилити - использование невыразительных, непонятных значков, иконок и навигации. Именование страниц и элементов простым, обычным языком поможет пользователю найти то, что он ищет. Если вы используете иконки, убедитесь, что они содержат нормальные узнаваемые символы, которые любой, даже начинающий пользователь может понять. Подумайте о своем пульте для телевизора только одну секунду. Мы все знаем, для чего предназначена кнопка "объем", потому что она четко обозначена. Что бы мы делали, если бы производитель использовал вместо "объем" что-то вроде "звуковая интенсивность» или «усиление»? Вероятно, для нас это было бы несколько запутанным, и мы решили бы купить новый пульт ДУ.

Направляйте ваших пользователей

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

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

Будьте Учителем

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

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

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

Оставить отзыв

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

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

Юзабилити - это просто еще одна проблема, которую вы должны обдумывать и решать при разработке web-сайта. Это всего лишь еще одно препятствие для получения успешного проекта, но это не случайная работа, она становится необходимостью. Web-сайты уже не просто красивые web-страницы с тем или иным контентом, это сложный мультимедийный опыт, который заслуживает дополнительного обдумывания и большой работы для того, чтобы расправить свои крылья и быть успешными.


Автор: Екатерина Хетагурова

Благодарим за поддержку:

Nicolas Gallagher, Sven Albrecht,Tab Atkins, Chris Coyier, Michelangelo, Chris Spooner, Marco Kuiper, Cameron Moll, Andy Clarke, Soh Tanaka, Dan Zambonini, Zoe Mickley Gillenwater, Smashingmagazine, CODROPS, Code.Google, Developer.apple, jQuery, Ajax.googleapis, Modernizr.

Читайте статьи и следуйте за нами на Twitter