Как никак не попортить ощущение пользователя
Недавно во время командировки в Сиетл я побывал 2 ресторанчика районной кухни. любой из их был со своей точки зрения примечателен, однако все ведь 1 совсем шибко выдавался на фоне иного. однако чем?
В ситуации они были шибко схожи, прекрасные тарелки, дружеские халдеи, комфортная воздух, в рацион представлен великий отбор яств по небольшим стоимостям. этак отчего ведь 1 из их создавал еще наилучшее ощущение, нежели второй?
Как совсем нередко посещает, главное смысл имеют мелочи. поймем для образца стакан с водой. В заведении с неаккуратным сервисом воды в стакане имеет возможность остаться очень не достаточно либо будто ещё ужаснее вообщем никак не остаться, до этого нежели это увидят и заполнят его. вслед за тем в каком месте более хлопочут о вашем воспоминании, никак не выдадут стакану опустеть более нежели на половину. А в лучшем ресторане вы будете крайне удивлены тем, будто стакан, из которого вы лишь будто отпили, опять полон по краев.
Кто клиент?
Каждый халдей понимает, будто у покупателя имеется собственные надежды и хотения. Во почти всех ресторанах стакан воды 1-ая крапинка соприкосновения с покупателем. не плохое 1-ое ощущение, формируется, ежели заказчик приобретает его скоро, однако это лишь правило. некие люди употребляют скорее остальных и необходимо нередко лить воду. некие никак не употребляют, покуда никак не окончат ужин, остальные имеют все шансы в том числе и никак не притронуться к стакану, поэтому будто выбирают чай со льдом либо остальные напитки. как скоро человек прибывает в 1-ый раз, вы никак не имеет возможность ведать какие у него повадки и требования. однако как скоро он ворачивается опять, вы обязаны существовать готовы.
В интернет работают те ведь наиболее верховодила. Мы можем изготовить прекрасный интернет-сайт, кой изготовляет примечательное 1-ое ощущение, однако мы обязаны побеспокоиться о том, чтоб никак не попортить его при наиболее узком общении, для данного необходимо непрерывно рскручиваться. данный подъезд обрел заглавие «прогрессивное расширение» (progressive enhancement).
К огорчению мы ничто никак не знаем о людях, которые заходят на интернет-сайт. Мы никак не знаем, какой-никакой браузер они употребляют, просматривают ли они его с поддержкою мобильного телефонного аппарата, они имеют все шансы применять клавиатуру заместо мыши, мы, никак не знаем, поддерживает ли их приспособление JavaScript (или в том числе и CSS), желают ли они размножить нашу страничку либо употребляют скринридер, мы вправду ничто никак не знаем.
И будто нам работать, ежели мы ничто никак не знаем?
Предполагать.
Как интернет создатели мы обязаны предугадать хотения юзеров, и учесть их ещё по такого как юзеры начнут в их нуждаться.
Как никак не необходимо делать
Lala.com интернет-сайт сделанный обществом ценителей музыки. На нем разрешено махнуться компакт -диски по почте, с иными пользователями.
Я, естественно, никак не произнесу, будто он владеет привлекательный дизайн, однако им разрешено пользоваться…если у вас никак не выключен JavaScript.
А как вам влюбиться известие «Загрузка» как скоро ничто никак не загружается.
Этот интернет-сайт неплохой образчик такого, как никак не необходимо работать, как вам это известие, подсказывающее о деньках, как скоро шла битва браузеров.
Проблема в том числе и никак не в том, будто Lala употребляет JavaScript, а в том, будто он нужен. для чего? вероятно поэтому будто они приняли решение занимать целый контент на страничках с поддержкою Ajax. В их влечении подходить веяниям интернет 2.0, они утратили, вескую дробь юзеров интернет 1.0 и значимую дробь мобильных юзеров. И никак не они одни.
Представьте: вы юзер Lala и, просматривая диски на демонстрационной ячейке, узрели свежий альбом вашей любимой категории. Вы желаете прибавить его в ваш перечень запросов на размен, покуда никак не запамятовали, однако ежели ваш телефонный аппарат никак не поддерживает JavaScript (или ежели вы его выключили для экономии трафика и медли загрузки), вы попадете на страницу в каком месте поведано будто это Lala, а опосля надлежит известие о том, будто нужен JavaScript.
Вы никак не можете заполучить доступ к вашим запросам либо чему-нибудь иному на данном веб-сайте. в том числе и поле розыска (внизу страницы) никак не действует. Для предназначенных прибавлений либо сервисов это имеет возможность существовать и сносно, однако для интернет-сайта рассчитанного на широкую аудиторию это никак не подходит.
Думайте, до этого нежели делать
Мы никак не можем ведать, будто необходимо определенному гостю, наилучшее, будто мы можем изготовить это надеяться о их нуждах и пытаться удовлетворить их как разрешено лучше. тут вступает в мощь принцип современного усовершенствования, нам необходимо поразмыслить какие есть значения запросов, и как удовлетворить любой из них.
Уровень 1: практически никаких украшений
Некоторым юзерам необходим лишь контент. Они имеют все шансы воспользоваться мобильным гаджетом, вскрывать информацию, либо применять неординарные прибора — либо в том числе и элементарно выключить загрузку изображений. Для данных юзеров необходимо работать чистую, отлично упорядоченную и семантическую разметку. Они желают заполучить нетяжелые, скоро загружающиеся странички, никак не растрачивающие немало трафика, в отсутствии отвращающей графики.
Уровень 2: устройте его красивым
Некоторые юзеры обожают странички с лестным оформлением. разрешено изготовить интернет-сайт с неплохим дизайном, украшающими составляющими, прибавить незначительно Flash и они станут рады. однако лишь в том случае ежели дизайн никак не преступает функциональности странички, отлично протестирован в разных браузерах, и добавлены стили для других устройств.
Уровень 3: Все и сразу
Другие юзеры имеют все шансы желать целый комплект способностей. Для их разрешено накормить интернет-сайт отличительными для интернет 2.0 колоритными веществами, сворачивающимися боковыми панелями, огромным численностью Ajax и т. д.
Конечно, необходимо держать в голове, будто данные значения никак не имеют точных пределов. Вы сможете прибавить промежные значения, применять JavaScript, ежели браузер поддерживает его за пределами зависимости от уровня.
Как учитывать максимально необходимостей пользователей.
После такого как обозначили значения, сможете начинать к исследованию сайта.
Начните с контента. время от времени художники и создатели запамятывают, будто юзеры прибывают на интернет-сайт из-за контента, потому начните интернет-сайт конкретно с него. кропотливо разработайте его и пожалуйте юзерам с минимальным количеством отвращающих частей, отлично систематизируйте, никак не сваливайте все в кучу.
Теперь, как скоро контент в распорядке, сможете, приступить творение дизайна для вашего интернет-сайта. применяйте всевозможные техники, коими располагаете, чтоб удовлетворить все значения юзеров. похлопочите о корректном отображении вашего интернет-сайта в разных браузерах, никак не забывая о старенькых версиях. относительные комменты имеют все шансы существовать совсем могут быть полезны в данной области, попробуйте вспомнить старенькые методы, эти как @import и специальные сочетания media, они имеют все шансы посодействовать людям, использующим обветшавшие либо проблематические браузеры.
Будьте решительны, будто контент отлично отражается на экранах мобильных приборов либо при печати. применяйте для их особые стили. задумайтесь о доступности изображений и форм. представьте себе, какие составляющие интернет-сайта станут более необходимыми для юзеров мобильных приборов и уберите все избыточное. ежели вы применяете манера :hover для гиперссылок никак не пренебрегайте применять это ведь спецоформление для :focus, люди которые используют клавиатурой либо мобильными приборам станут вам благодарны.
Когда дизайн фактически готов добавьте незначительно блеска с поддержкою JavaScript, Вы, естественно, понимаете, как испытать присутствие объектов и способов чтоб убедиться будто скрипт станет действовать, никак не излишним станет обновить собственные познания в том как скрипты имеют все шансы взаимодействовать с браузером, к примеру творить закладки либо применять клавишу «Назад». никак не запамятовывайте о автономии скриптов, опечатка в труде 1-го никак не обязана отображаться на остальных.
Если вы применяете составляющие, которые находятся в зависимости от JavaScript, отображайте их, ежели JavaScript подключен, а надлежащие объекты и способы доступны. делите CSS соединенный с вашими контрольными веществами и JavaScript. неплохой метод показывать составляющие опосля испытания их функциональности, это подмена классов. к примеру, для закладки это имеет возможность существовать .tabbed в сокрытом расположении и .tabbed-on в функциональном, а для формы с автозаполнением .auto-submit и .auto-submit.active соответственно.
И крайнее, ежели вы намереваетесь применять Ajax, делайте это обдумано. недостает надобности обретать все содержание странички чрез вызовы Ajax, это лишь доп барьер меж юзером и контентом. Тем наиболее, будто это имеет возможность привести к перегрузке сервера, изготовить контент невидимым для поисковиков, к тому ведь ваш интернет-сайт будет напрасным для людей использующих скринридер и большого колличества юзеров мобильных устройств.
Не осмыслите меня ошибочно, Ajax владеет родное пространство на веб-сайте, однако принципиально ведать, в каком месте это пространство имеется, а в каком месте его нет.
Большой совет
Хорошо мыслите о том, будто необходимо вашим юзерам. Как и со стаканом воды, они ни разу никак не обязаны умолять вас, чтоб их обслужили.