Что значит ошибка валидации в аксиоме
Зачем нужен валидный код и как устранить ошибки валидации
Валидация является одним из самых важных аспектов хорошего веб-дизайна. Давайте рассмотрим, что это такое и как проверить HTML код на валидность. В качестве примера возьмем самую распространенную систему управления контентом (CMS) — WordPress. После чего мы поделимся перечнем ошибок, с которыми столкнулись на практике и, самое главное, предложим свои, проверенные, методы по их устранению.
Зачем необходима проверка на валидность сайта
Проще говоря, проверка веб-страницы позволит определить, соответствует ли она стандартам, разработанным Консорциумом Всемирной паутины (W3C). Обычно это делается путем проверки отдельных страниц на валидность с помощью онлайн-сервиса проверки от W3C.
Подобно правилам грамматики на разных языках, есть также правила в программировании. Проверка позволяет увидеть, соответствует ли страница этим правилам, а в случае наличия ошибок и предупреждений будут предоставлены рекомендации по их устранению. Подробнее о необходимости такой проверки рассмотрим ниже.
На что влияет валидность сайта
Вы когда-нибудь задумывались о том, как браузеры “читают” веб-страницу? У них есть “двигатели” для анализа кода и преобразования его в визуальный вид для людей. К сожалению, у каждого браузера есть собственный механизм обработки кода, и это может привести к отображению ваших страниц по-разному.
Некорректная веб-страница может быть прочитана браузерами по-разному. Это приведет к тому, что ваши посетители, возможно, даже не смогут правильно увидеть контент страницы в своих браузерах. Валидация в дальнейшем позволит исправить почти все основные различия и делает вашу веб-страницу доступной для чтения почти всеми веб-браузерами (чаще всего исключением становится Internet Explorer старых версий). Отсюда и появился термин “кроссбраузерная верстка” — т.е. верстка, которая одинаково хороша (совместима) для всех популярных браузеров.
А как же это повлияет на SEO? Важно понимать, что роботы поисковых систем любят семантические веб-страницы. Семантическая верстка, согласно данным Википедии, – это подход к созданию веб-страниц на языке HTML, основанный на использовании HTML тегов в соответствии с их семантикой (предназначением). Кроме того, структурная семантическая веб-страница позволяет поисковым роботам более точно определять значимость, как отдельных элементов веб-страницы, так и всего текста в целом. По заверению Google, валидный код никак не влияет на ранжирование страниц. Но при этом наличие ошибок в коде способно негативно повлиять на сканирование микроразметки и адаптированностью под мобильные устройства.
Так что, если в SEO-аудите вы встретите рекомендации по устранению ошибок, выявленных в процессе валидации, то лучше их исправить, а как это сделать мы вам расскажем.
Инструменты проверки для вашего сайта
Понимая необходимость отсутствия ошибок валидации на страницах сайта, давайте рассмотрим, как осуществить поиск данных ошибок.
Существует множество бесплатных сервисов для проверки сайта, такие как Markup Validation Service W3C, Web Page Analyzer, Browsershots и другие.
Служба проверки HTML разметки W3C, вероятно, является самым простым и популярным инструментом для проверки валидности веб-страницы. Используя этот инструмент, вы можете обнаружить ошибки валидации, начиная от отсутствующих атрибутов ALT для ваших IMG-тегов и заканчивая размещением элементов блок-уровня внутри встроенных элементов (например,
Вы можете оценить HTML код, указав адрес своей веб-страницы, загрузив файл HTML или вставив HTML код напрямую.
Сервис проверит указанные вами данные на ошибки и сформирует отчет с их перечнем и рекомендациями по исправлению.
Условно ошибки и предупреждения можно разделить на два основных типа: шаблонные (связанные с выбранной темой и установленными плагинами) и ошибки, допущенные при оформлении уникального контента.
Проверяя веб-страницу в первый раз, не пугайтесь возможному большому количеству ошибок! Как правило, большинство из них многократно повторяются на анализируемой странице. А это значит, что если убрать ошибку в одном месте шаблона или страницы, то она исчезнет и во всех однотипных.
Откуда берутся ошибки
Огромное количество ошибок связано с используемой темой сайта, а также установленными плагинами. Большинство из нас устанавливает бесплатную тему и плагины, не задумываясь, что в них скрыто. Во многих темах при более глубоком изучении приходится сталкиваться с типичными ошибками.
Как исправить ошибки, и улучшить валидность сайта
Исправить выявленные ошибки можно двумя способами: обратиться к специалистам, заплатив N-ную сумму денег, либо исправить их самостоятельно. Рассмотрим последний вариант на реальных примерах и устраним все неточности, следуя подробным инструкциям.
Важно, резервное копирование.
Перед осуществлением каких-либо изменений в исходном коде сайта необходимо произвести резервное копирование файлов сайта и базы данных. А нужно это для того, чтобы в случае, если после проведенных манипуляций нормальная работа сайта будет нарушена, восстановить его.
Редактирование файлов шаблона темы.
Редактирование исходников можно осуществлять несколькими способами: редактирование файлов по FTP, через файловый менеджер хостинга либо через административную панель WordPress. Мы рекомендуем использовать последний вариант, т.к. он является самым быстрым и простым.
Предупреждение. Атрибут “type” элемента
У меня ошибки в градиенте. Пишет
CSS: background: The first argument to the linear-gradient function should be to top, not top.
Код
background:linear-gradient(left top,#0f2d4d,#2880c3);
Не подскажете, на что ругается?
Здравствуйте, Milka.
Ответ на ваш вопрос кроется в синтаксисе написания линейного градиента, а именно: отсутствует частичка to. Правильный код, в вашем случае, должен выглядеть следующим образом:
background: linear-gradient(to left top,#0f2d4d,#2880c3);
а теперь не могу зайти в админку вордпресс — совсем не появляется страница для входа (с логином и паролем)
Что мне теперь делать?
Лучше всего откатить изменения. Можно с помощью ftp найти нужный файл и удалить внедренный код.
Очень сложно сказать, что вызвало у вас ошибку. Это может быть как конфликт с другим кодом так и неверное его внедрение.
Что такое ошибки валидации и как их исправить: инструкция
Наличие ошибок в коде страницы сайта всегда влечет за собой негативные последствия – от ухудшения позиций в ранжировании до жалоб со стороны пользователей. Ошибки валидации могут наблюдаться как на главной, так и на иных веб-страницах, их наличие свидетельствует о том, что ресурс является невалидным. Некоторые проблемы замечают даже неподготовленные пользователи, другие невозможно обнаружить без предварительного аудита, анализа. О том, что такое ошибки валидации и как их обнаружить, мы сейчас расскажем.
Ошибка валидации, что это такое?
Для написания страниц используется HTML – стандартизированный язык разметки, применяемый в веб-разработке. HTML, как любой другой язык, имеет специфические особенности синтаксиса, грамматики и т. д. Если во время написания кода правила не учитываются, то после запуска сайта будут появляться различные виды проблем. Если HTML-код ресурса не соответствует стандарту W3C, то он является невалидным, о чем мы писали выше.
Почему ошибки валидации сайта оказывают влияние на ранжирование, восприятие?
Наличие погрешностей в коде – проблема, с которой необходимо бороться сразу после обнаружения. Поисковые системы «читают» HTML-код, если он некорректный, то процесс индексации и ранжирования может быть затруднен. Поисковые роботы должны понимать, каким является ресурс, что он предлагает, какие запросы использует. Особо критичны такие ситуации для ресурсов, имеющих большое количество веб-страниц.
Как проверить ошибки валидации?
Для этой работы используется либо технический аудит сайта, либо валидаторы, которые ищут проблемы автоматически. Одним из самых популярных является сервис The W3C Markup Validation Service, выполняющий сканирование с оглядкой на World Wide Web Consortium (W3C). Рассматриваемый валидатор предлагает три способа, с помощью которых можно осуществить проверку сайта:
После завершения проверки вы получите развернутый список выявленных проблем, дополненных описанием, ссылками на стандарты W3C. По ходу анализа вы увидите слабые места со ссылками на правила, что позволит самостоятельно исправить проблему.
Существуют другие сервисы, позволяющие выполнить проверку валидности кода:
Плагины для браузеров, которые помогут найти ошибки в коде
Решить рассматриваемую задачу можно с помощью плагинов, адаптированных под конкретный браузер. Можно использовать следующие инструменты (бесплатные):
После проверки нужно решить, будете ли вы устранять выявленные ошибки. Многие эксперты акцентируют внимание на том, что поисковые системы сегодня уделяют больше внимания качеству внешней/внутренней оптимизации, контенту, другим характеристикам. Однако валидность нельзя оставлять без внимания, ведь если даже обнаруженные проблемы не будут мешать поисковым ботам, то они точно начнут раздражать посетителей сайта.
Как исправить ошибку валидации?
В первую очередь нужно сосредоточить внимание на слабых местах, связанных с контентом – это то, что важно для поисковых систем. Если во время сканирования было выявлено более 25 проблем, то их нельзя игнорировать из-за ряда причин:
Например, игнорирование ошибок может привести к тому, что некоторые страницы не будут проиндексированы. Для решения рассматриваемой проблемы можно привлечь опытного фрилансера, однако лучшее решение – заказ услуги в веб-агентстве, что позволит исправить, а не усугубить ситуацию.
Технический и SEO-аудит
Выявление ошибок – первый шаг, ведь их еще нужно будет устранить. При наличии большого пула проблем целесообразно заказать профессиональный аудит сайта. Он поможет найти разные виды ошибок, повысит привлекательность ресурса для поисковых ботов, обычных пользователей: скорость загрузки страниц, верстка, переспам, другое.
В заключение
На всех сайтах наблюдаются ошибки валидации – их невозможно искоренить полностью, но и оставлять без внимания не стоит. Например, если провести проверку сайтов Google или «Яндекс», то можно увидеть ошибки, однако это не означает, что стоит вздохнуть спокойно и закрыть глаза на происходящее. Владелец сайта должен ставить во главу угла комплексное развитие, при таком подходе ресурс будет наполняться, обновляться и «лечиться» своевременно. Если проблем мало, то можно попробовать устранить их своими силами или с помощью привлечения стороннего частного специалиста. В остальных случаях лучше заказать услугу у проверенного подрядчика.
Непредвиденная ошибка валидации Пушкинская карта что делать?
Не всегда, но все же достаточно часто пользователь при попытке завести себе именную Пушкинскую карту может наткнуться на ошибку валидации. Пользователь делает что-то неправильно или ошибка валидации зависит не от него?
Мы не смогли выпустить карту
Кто и как может открыть Пушкинскую карту
С недавнего времени государство запустило уникальную акцию, благодаря которой у всех желающих появилась возможность покупать билеты в музеи и театры, не тратя при этом ни копейки собственных денег. Конечно, сумма покупок ограничена 3 тысячами. Именно такая сумма будет на счету пользователя до конца года на карте.
По сообщениям представителей государства и тех структур, которые ответственны на Пушкинские карты, в следующем году на карты будет зачисляться 5000 рублей, которые можно будет потратить в течение календарного года. При этом все, что требуется сделать человеку – это скачать на свой гаджет приложение Госуслуги.Культура и зарегистрироваться в нем с помощью аккаунта в Госуслугах.
После первого входе в приложение на экране будет находиться лишь одна функция – сделать заказ Пушкинской карты, которую разрешается оформлять одним из двух удобных способов. Можно или сделать ее виртуальной и пользоваться внутри телефона, или заказать ее в Почта Банке в обычном виде. Перевыпуск карты, продление ее действия, оплата других товаров и снятие наличных у нее отсутствуют. В 2022 году карту необходимо будет перевыпустить для получения бонуса в 5000 рублей.
В чем причина ошибки валидации при регистрации
Зарегистрировать Пушкинскую карту может каждый пользователь, подходящий по условиям. А условий регистрации всего лишь два – возраст и наличие верифицированного аккаунта на портале Госуслуг. Аккаунт должен быть подтвержден, а возраст не должен быть меньше 14 лет и старше 22 лет. Правда, если человеку исполняется в сентябре 14 лет или 23 года, он тоже проходит по программе.
Все же остальные люди, которым 14 еще нет или уже исполнилось 23 года, не подходят по возрасту, а одного только верифицированного профиля будет недостаточно для получения Пушкинской карты.
Ошибка валидации может быть связана как с тем, что человек не подошел по возрасту, так и с тем, что статус его аккаунта не соответствует требованиям оформления. И, если возраст подделать не получится, с профилем на портале Госуслуг разобраться можно.
Если даже при удовлетворении всех условий Пушкинская карта не выпускается, вполне вероятно, что человек столкнулся с системным сбоем. В таком случае оптимальным вариантом будет обратиться за консультацией в тот банк, который непосредственно и отвечает за выпуск, оформление и регистрацию культурных карт. И речь идет о Почта Банке.
Для того, чтобы связаться с Почта Банком и службой поддержки, можно перейти на страницу ВКонтакте (https://vk.com/pochtabank), такую же страницу в социальной сети Одноклассники (https://ok.ru/pochtabank) или позвонить по телефону — +7 495 532 13 00.
Операторы способны ответить на любые вопросы, даже самые сложные, если они будут касаться напрямую Пушкинской карты. Также они сами могут задать несколько дополнительных и уточняющих вопросов для более оперативного решения проблемы. Вполне может быть так, что ситуацию спасет переустановка приложения Культура, использование другого телефона или заказ карты на сайте банковского учреждения.
На самом деле вариантов решения может быть очень много, поэтому даже при появлении одной и той же ошибки несколько раз не стоит переживать и расстраиваться. Вполне может быть, на сайт банка или внутри приложения возникает слишком много обращений от других пользователей, что вызвало перегрузку.
Приобретение билета по Пушкинской карте
Итак, предположим, что никаких ошибок с валидацией и регистрацией нет, а пользователь, заказавший Пушкинскую карту, получил ее и успешно зарегистрировал. Что делать после всего этого и как правильно выбрать первое культурное мероприятие?
В мобильной программе Госуслуги.Культура после регистрации и появления там карты появится несколько разделов с событиями, на которые пользователь может приобрести билет. Это могут быть экскурсии, спектакли, постановки, а также музеи и т.д. Все, что нужно сделать пользователю – выбрать мероприятие, дату и место.
Важный момент: имея Пушкинскую карту, пользователь может покупать билет лишь для себя. Кто-то за него или он для кого-то билет купить через Пушкинскую карту не сможет.
Итак, после выбора мероприятия необходимо открыть вкладку с ним. Нажатие на вкладку переведет пользователя на сайт организация мероприятия, и уже там, используя специальную форму, можно купить билет на определенную дату или забронировать его. Для того, чтобы приобрести билет именно с помощью Пушкинской карты, необходимо в указанной форме ввести ее номер. Если карта виртуальная, такие данные можно найти в приложении Госуслуги.Культура.
Заключение
При регистрации Пушкинской карты, можно столкнуться с ошибкой валидации. Данная ошибка может появиться из-за неподтвержденного аккаунта на сайте «Госуслуги» или же из-за неподходящего возраста. Если же вам от 14 до 22 лет и вы имеете подтвержденный статус на гос. услугах, возможно ошибка появляется из-за системного сбоя на сервере. В таком случае советуем обратится в службу поддержки.
Почему появляется ошибка валидации данных карты «Ак Барс Банка»?
Клиенты банка «Ак Барс» сталкиваются с проблемами, связанными с валидацией данных карты. После подписания кредитного договора на выдачу пластиковой карточки, доступ к финансам открывается не сразу. Что значит «ошибка валидации данных карты», как решить проблему и начать пользоваться деньгами, разберемся в статье.
Валидация и доступ к электронным сервисам банка «Ак Барс»
Официальный сайт банка «Ак Барс» открывает доступ к управлению услугами при переходе по ссылке www.akbars.ru. Финансовое учреждение обслуживает счета физических лиц и организаций.
Доступ к электронным сервисам обеспечивается после благополучной валидации данных карты. Данное действие производится специалистами банка «Ак Барс», производится проверка сведений, которые предоставил клиент, результатом становится открытие доступа к управлению услугами.
Интернет-страница банка предлагает:
Чтобы воспользоваться преимуществами интернет-банкинга от «Ак Барса», клиенту нужно пройти регистрацию на сайте online.akbars.ru. От пользователя требуется заполнить анкетную форму, в ответ на пройденную верификацию данных придет логин и пароль для доступа к сервису. Для удобства владельцев смартфонов на платформе Android предлагается мобильное приложение «Ак Барс Онлайн».
В личном кабинете банка «Ак Барс» клиент может:
Если в результате использования опций личного кабинета возникают проблемы, завершить выбранную операцию не получается, нужно обратиться в службу клиентской поддержки банка «Ак Барс».
Проконсультировать со специалистом финансового учреждения можно одним из следующих способов:
При обращении к службе клиентской поддержки в удаленном порядке происходит решение проблем, возникших при использовании сервисов банка. Здесь также можно получить информацию о действующих банковских продуктах. Специалист «Ак Барса» сориентирует клиента относительно адреса нахождения отделений финансового учреждения, графика их работы.
Почему появляется ошибка валидации данных карты «Ак Барс»?
Новый клиент банка «Ак Барс» оформляет заявку на кредитную карту. После посещения отделения финансового учреждения выдается платежная карточка. Если получение кредитки происходит перед выходными или праздничными днями, доступ к средствам будет открыт только после проведения валидации, которая может растянуться на несколько дней.
Зачастую сотрудники банка «Ак Барс» предупреждают о том, что актуальный баланс счета кредитной карты будет отображен с задержкой по времени. Если клиент банка в этот период попытается зарегистрировать личный кабинет на официальном сайте банка или в мобильном приложении, он увидит уведомление «Ошибка валидации данных карты», «Ак Барс» порекомендует проверить, верно ли введены реквизиты карты.
При возникновении подобной ситуации с новой кредиткой от банка «Ак Барс» не стоит паниковать. Вероятно, данные нового клиента и его карты не прошли валидацию, не были проанализированы системой, не приняты как действующие. После проведения проверок предоставленных сведений, данные будут приняты как соответствующие условиям клиентского договора. Доступ к средствам на кредитной карте будет открыт.
Ошибки и валидация форм мобильных приложений
В данной статье, мы разберемся, как можно оптимизировать дизайн приложения для предотвращения пользовательских ошибок и как создать эффективные сообщения об ошибке в случае, если ошибки возникают независимо от того, что вводит пользователь. Также, мы рассмотрим, как хорошо обработанная ошибка может превратить неудачу в восхищение. Adobe представил новое приложение для дизайна и проектирования Experience Design (Adobe XD), которая позволяет вам создавать дизайн интерактивных проектов и состояний ошибок. Вы можете скачать и попробовать Adobe XD бесплатно.
Что такое состояние ошибки?
Состояние ошибки – это экран, который показывается пользователю, когда что-то пошло не так. Это пример ситуации, когда пользователь делает что-то, что отличается от желаемого состояния. Так, как ошибки могут возникать в неожиданных сочетаниях, эти состояния могут включать в себя совершенно разные проблемы: от несовместимости операций пользователя (например, некорректный ввод данных) до невозможности приложения подключиться к серверу или даже невозможности обработать пользовательский запрос.
Экраны с ошибками
Каждая ошибка, независимо от ее причины, становится камнем преткновения для пользователя на пути продвижения по UX. К счастью, правильно оформленная ошибка может снизить неприятный эффект.
Профилактика лучше лечения
Если вы создаете приложение, вы должны понимать, какие основные взаимодействия пользователя с приложением могут привести к ошибке. Например, обычно очень трудно правильно заполнить форму с первой попытки, или невозможно корректно синхронизировать данные, если у устройства плохое сетевое соединение. Вы должны учитывать такие моменты для минимизации возможности возникновения ошибок. Другими словами, лучше предотвратить возможность ошибиться при помощи показа советов, использования ограничений и гибкости.
Например, если вы даете людям возможность поиска и резерва отелей, зачем оставлять доступными даты в прошлом и выводить ошибку, если пользователь выбирает такую дату?
Как показано на примере Booking.com, вы можете просто использовать выбор даты, который позволяет пользователям выбрать только сегодняшнюю дату и даты в будущем. Это будет побуждать пользователей выбирать только валидные даты.
Выбор даты в приложении Boocking.com. Отображается полный месяц, но даты в прошлом недоступны.
Экран ошибки для валидации формы
Форма – это общение. Как и любое общение, оно должно быть представлено последовательной коммуникацией между двумя сторонами – пользователем и вашим приложением. Валидация играет главную роль в процессе такого общения. Валидация формы призвана проводить пользователей сквозь сложности, ошибки и непонимание. При правильной валидации, такое общение становится четким и понятным. В целом, хорошая валидация формы состоит из четырех важных элементов:
Правильное время (валидация строки)
Валидация ошибок формы неизбежна, и является логической частью ввода пользовательских данных (с тех пор, как ввод данных пользователем может сопровождаться ошибками). Конечно, состояния, которые могут вызвать ошибку, должны быть минимизированы, но валидацию ошибок убирать нельзя. Итак, самый важный вопрос: “Как упростить процесс восстановления после ошибки для пользователя?”
Пользователи не любят процесс заполнения формы, особенно, когда в конце им приходит уведомление об ошибке. Особенное разочарование вызывает получение сообщения об ошибках в нескольких полях после заполнения длинной формы. И больше всего раздражает неясность того, какие ошибки вы допустили и где.
Валидация должна моментально информировать пользователя о корректности данного ответа сразу после того, как пользователь ввел данные. Главный принцип хорошей валидации гласит: “Говорите с пользователями! Говорите им, что не так!” и валидация строки в режиме реального времени информирует пользователей о корректности введенных данных. Такой подход позволяет пользователям быстро исправить ошибки и не ждать отображения ошибок после нажатия кнопки подтверждения.
Однако следует избегать валидации каждого нажатия клавиши потому, что в большинстве случаев, вы не сможете верифицировать данные до того, как пользователь закончит печатать свой ответ. Формы, которые валидируют значение сразу в процессе набора начинают раздражать пользователя сразу, как только он начинает вводить данные.
Google формы отображают ошибку имейла даже когда вы еще не закончили печатать.
С другой стороны, формы, которые осуществляют валидацию после ввода данных, не информируют пользователя достаточно оперативно об ошибке.
Валидация в Apple Store осуществляется после ввода данных.
Михаил Конжевич в своей статье “Валидация строки в формах – создание опыта! исследовал разные валидационные стратегии и предложил гибридную стратегию: ранняя награда, позднее наказание.
Гибрид – ранняя награда, позднее наказание – подход
Правильное место
Ориентация на пользователя – еще один важный инструмент. Когда вы гадаете, какое место выбрать для валидационного сообщения, следуйте такому совету: всегда размещайте сообщение в контексте действия. Если вы хотите сказать пользователю об ошибке в конкретном поле – покажите это рядом. Быструю валидацию лучше всего размещать справа от поля ввода, или под ним.
Ошибки в форме в режиме реального времени.
Правильный цвет (интуитивный дизайн)
Цвет является одним из лучших инструментов для использования при создании валидации. так, как он работает на интуитивном уровне, особенно сильное влияние оказывает красный цвет для обозначения ошибки, желтый для предупреждения и зеленый для того, чтобы показать успех. Но, убедитесь, что цвета хорошо воспринимаются пользователями. Это – критический аспект хорошего визуального дизайна.
Текст ошибки должен быть понятным и четко выделяться на фоне приложения.
Четкое сообщение
Типичное сообщение об ошибке могло бы гласить: “имейл некорректный”, без объяснения пользователю почему имейл некорректный. (Типографика? Имейл занят другим пользователем?) Прямолинейные инструкции или гайдлайны могут сделать все по-другому. Вы можете увидеть на примере, как форма информирует пользователя о том, что его имейл уже занят. Также, появляется несколько предложений (логин или восстановление пароля).
Итак, самое время отобразить страницу с ошибкой для того, чтобы показать, что что-то пошло не так. В качестве примера, давайте представим себе ситуацию, когда оборвалось соединение и пользователь находится на экране, который является единственным доступным. Вы должны использовать данную возможность для того, чтобы дать людям понять, что происходит и предоставить модель быстрой помощи – ваше сообщение должно стать протянутой рукой помощи для пользователей. Поэтому, вам не следует никогда показывать следующее:
Не пугайте пользователя ошибками. Также, не пытайтесь ввести пользователя в технические детали проблемы. Говорите об ошибке простым и понятным языком. Для этого, постарайтесь не использовать технический жаргон и выражайте свои мысли на языке пользователя.
Сделайте ваши сообщения читабельными и полезными – ошибки должны быть вежливыми, четкими и поучительными, и содержать такую информацию:
Включайте юмор и изображения в сообщения об ошибках
Сообщения об ошибках – прекрасная возможность для использования иконок и иллюстраций потому, что люди лучше воспринимают визуальную информацию, чем просто текст. Но вы можете пойти еще дальше и добавить изображения к вашему приложению, что будет полезным для пользователей. Это позволит персонализировать ваше приложение и смягчить ваше сообщение.
Azendoo использует иллюстрацию и юмор для того, чтобы вдохновить пользователя решить проблему.
Юмор продлевает жизнь. Немного юмора никогда не повредит и поможет смягчить смятение от ошибки. Вы можете найти огромное множество примеров забавных сообщений в Littlebigdetails. Вот некоторые из моих любимых:
Однако, будьте осторожнее с юмором потому, что он может быть не всегда уместным в вашем сообщении об ошибке; это зависит от степени грубости ошибки. Например, юмор хорошо применим для простой проблемы валидации, как “404 ошибка” (страница не найдена). Но когда пользователь тратит определенное количество времени на просмотр страницы на которой написано “Ох!” – это выглядит неуместно.
Исчерпывающий чеклист идеальной страницы с сообщением об ошибке
Хорошие страницы с ошибками являются рукой помощи для пользователей и должны соответствовать следующим шести критериям:
Решения для наиболее популярных ошибок
404 ошибка (страница не найдена)
Основная цель страницы с 404 ошибкой – перенаправить вашего пользователя на страницу, которую он искал, как можно скорее. Ваша 404 страница должна предлагать несколько ключевых ссылок, куда пользователь может перейти. Самый безопасный вариант – это наличие ссылки на “главную страницу” сайта на 404 странице. Также, вы можете разместить “сообщить о проблеме” для того, чтобы пользователь известил вас, что страница не работает. Но убедитесь в том, что переход на главную страницу является более явным переходом и больше выделяется визуально.
Проблема с логином
Экран с логин формой зачастую выглядит минималистично и содержит поле для ввода имени пользователя и поле для пароля. Но минимализм не равняется простоте. Существует масса причин, почему пользователь может застопориться на экране логина. Главное правило логин страницы – не заставляйте пользователя догадываться.
Давайте рассмотрим решения для наиболее частых проблем с использованием примеров из MailChimp, который проделывает отличную работу над сообщениями об ошибках.
Пользователи делают много попыток входа на сайт используя неправильный пароль. Для предотвращения таких атак сервера, пользовательские аккаунты блокируются после слишком частых безуспешных попыток. Это обычная практика безопасности, но пользователя необходимо предупредить перед тем, как его аккаунт будет заблокирован.
Отклонение кредитной карты
Отклонение кредитной карты может произойти по нескольким причинам: ошибка в форматировании данных (опечатка или нехватка данных) или или карта может быть отклонена по причине того, что она просрочена или похищена. Габриэль Томеску в своей статье “Анатомия формы кредитной карты”, предложил следующую стратегию для обеих ошибок:
Для первой проблемы, вам следует следовать стандартной валидации строки и визуальной индикации ошибки:
Однако, когда кредитная карта отклоняется платежной системой по некоторой причине, обычно это выглядит, как похищение. Вам необходимы четкие данные от пользователя. И даже после того, вам все равно необходимо уведомить пользователя о том, что произошло; сообщение об ошибке должно быть предельно ясным.
Проблема с соединением
Интернет соединение есть не везде и оффлайн поддержка должна быть ключевым аспектом в жизни любого современного приложения. Когда соединение обрывается, вам необходимо хорошо продумать оффлайн UX. Пользователи должны иметь возможность взаимодействовать с как можно большей частью вашего приложения. Это означает, что приложение должно кэшировать контент для хорошего оффлайн UX.
Даниэль Собл, в своей статье приводит прекрасные примеры того, как разные приложения работают оффлайн. Становится предельно ясно, что лучше кешировать понемногу всего, чем много чего-то одного. Это потому, что когда пользователь открывает приложение, он ожидает увидеть контент, независимо от того, подключен он к сети или нет. Если контента нет, пользователь разочаровывается и меняет приложение на то, которое лучше кэширует информацию.
Убедитесь, что ваше приложение функционирует оффлайн достаточно хорошо, насколько это возможно. Вот несколько практических советов от Роберта Ву, которые можно применить практически ко всем мобильным приложениям.
Сохраняйте последнее состояние. Ниже, вы увидите два приложения, которые должны доставлять контент. Приложение CNN предлагает лучший UX путем кэширования последнего экрана и предоставляя доступ к последним загруженным заголовкам статей.
Внедрите оффлайн функциональность и фичи. В каждом приложении есть такие опции, которые могут (и должны) работать оффлайн. Давайте возьмем в качестве примера Evernote. Приложение без проблем функционирует оффлайн: вы можете редактировать существующие заметки или создать новую и приложение синхронизирует ваши изменения с облаком, как только появится интернет соединение.
Вывод
Конечно, лучшее сообщение об ошибке это то, которое никогда не показывается. Всегда лучше предотвратить ошибки путем предоставления пользователю четких инструкций к действиям. Но когда ошибки возникают, правильно отображенные сообщения о них не только научат пользователей взаимодействию с вашим приложением, но и избавят их от ощущения того, что они неграмотны. Конечно, сообщение об ошибке – наименее приятная часть дизайна. Однако, если вы приложите некоторые усилия, ваш продукт будет приятно использовать.