Аудит сайта медицинской клиники “Ассута”, Израиль
Аудит юзабилити №382
Дата аудита: май 2015 года
Объем отчета: 37 страниц
Кейс по анализу и улучшению юзабилити медицинской клиники. Работа каталога специалистов, заболеваний, онлайн-записи на прием. Аудит поисковой оптимизации.
Навигация по сайту
В главном меню отсутствует ссылка на страницу с контактами клиники (телефоном, адресом, email и т.д.).
Рекомендуем поместить ссылку на соответствующий блок страницы в главном меню.
Непонятно, что означают звездочки в полях форм.
Рекомендуем явно указать, что поля, отмеченные звездочкой, являются обязательными для заполнения.
Непонятно, какой из этих элементов является кнопкой, а какой ссылкой?
Непонятно, для чего почти во всех блоках страницы используется дублирование кнопок. Это вводит пользователя в заблуждение.
Рекомендуем избегать излишнего дублирования одного и того же функционала разными элементами интерфейса.
При попытке отправки формы с неверно заполненными полями дизайн формы полностью разваливается.
Непонятно, почему при нажатии на фото клиники открывается форма связи с врачом.
В данной форме обрезан текст в поле кода страны:
Компоновка главного экрана
Сейчас дизайн сайта http://assuta-org.org/ выполнен в виде landing page. Но при этом не соблюдено ряд основных правил юзабилити таких страниц.
В данный момент на главном экране отсутствует заголовок. Посетителю сложно понять, на какой сайт он попал, что можно ожидать и т.д.
Отсутствует четкое позиционирование. Что это? Клиника, больница или медицинский центр, коммерческий или государственный и т.д.
Не узнав практически никакой информации о клинике, посетителю сразу предлагается заказать обратный звонок, т.к. практически половину ширины главного экрана занимает соответствующая форма.
Все это приводит к большому показателю отказов и неэффективности страницы.
Рекомендуем пересмотреть подачу информации на главном экране в соответствии с правилами оформления landing page. Достаточно подробно это описано, например, тут: http://habrahabr.ru/post/257211/.
Далее рассмотрим оформление основных разделов страницы.
Блок «Лечение в Израиле»
http://assuta-org.org/#intro
При нажатии на ссылку «Лечение в Израиле» страница прокручивается вниз к соответствующему блоку. Но при этом на экране не видны вкладки с этапами лечения.
Во вкладках с этапами лечения в конце предложений должна быть точка. Это относится ко всем вкладкам.
Слишком маленький отступ текста от верхней границы блока.
Рекомендуем увеличить данный отступ до 10-15 пикселей.
В тексте пропущены точки в конце предложений.
В тексте написано «Проверить возможность спонсорской оплаты лечения». При этом кнопка называется «Получить консультацию».
Рекомендуем соблюдать соответствие между заголовками и названиями кнопок в формах, чтоб не вводить пользователя в заблуждение.
Практически рядом расположено три кнопки с разными названиями, которые выполняют одну и ту же функцию.
Рекомендуем избегать избыточного дублирования элементов интерфейса.
Блок «Врачи Ассуты»
http://assuta-org.org/#two
Очень низкое качество фотографий специалистов
Рекомендуем подготовить и разместить на сайте фото врачей в хорошем качестве.
Непонятно, является ли этот элемент ссылкой или текстом.
Рекомендуем явно выделять текстовые ссылки при помощи подчеркивания.
При нажатии на фото специалиста посетитель, скорее всего, ожидает увидеть либо увеличенное фото, либо детальную информацию о враче. Вместо этого появляется надпись «получить консультацию», при нажатии на которую открывается стандартная (не персонализированная) форма заявки.
Рекомендуем при нажатии на фото открывать окно с подробной информацией о специалисте.
Непонятно, почему в большинстве текстов обрезано окончание предложений.
Раздел медицины, в которой специализируется конкретный врач – очень важная информация для посетителя. Сейчас она размещена внизу блока и плохо заметна для пользователя.
Рекомендуем указывать специализацию врача сразу под его именем.
В нижней части страницы размещены две кнопки, которые выполняют одну и ту же функцию.
Рекомендуем избегать дублирования элементов интерфейса.
Блок «Отделения Ассуты»
http://assuta-org.org/#one
Описание направлений работы клиники оформлено в виде списка. Но при этом допущен ряд ошибок.
Каждый пункт списка должен начинаться с маленькой буквы и завершаться точкой с запятой. В конце последнего пункта – точка.
В конце каждого из разделов есть перечисление основных заболеваний. Но они не являются ссылками на страницы с описанием конкретного заболевания, способов лечения, цены и т.д. Это отрицательно сказывается на юзабилити. Только одно заболевание – рак молочной железы – является ссылкой на страницу с соответствующей информацией.
Рекомендуем сделать названия болезней ссылками на соответствующие страницы официального сайта клиники.
Нижние границы блоков «Проктология» и «Стоматология» расположены на разной высоте. Из-за этого дизайн выглядит неаккуратно.
Внизу снова расположены две кнопки с одинаковым функционалом.
При открытии окна просмотра видео, справа появляется белая полоса.
Рекомендуем обеспечить корректное отображения окна с просмотром видео.
Блок «Точная диагностика»
http://assuta-org.org/#three
Сочетания цвета стрелок и фона на кнопках прокрутки подобрано неудачно. Они не контрастны и плохо заметны для пользователя.
Рекомендуем для стрелки подобрать более контрастный по отношению к серому цвет.
Слова после тире должны начинаться с маленькой буквы.
Все фотографии в данном блоке имеют разную геометрию. Из-за этого теряется целостность дизайна. Кроме этого, отсутствует возможность просмотра увеличенного фото.
Рекомендуем использовать фото одного размера и добавить скрипт для просмотра увеличенного фото и описания.
Блок «Цены на лечение»
http://assuta-org.org/#price
В заголовке данного блока написано «Формирование цены на лечение». В подзаголовках указано обследование в соответствующем отделении. Это вводит посетителя в заблуждение.
Для лучшего визуального восприятия рекомендуем увеличить вертикальный отступ между данными элементами:
При нажатии на данные кнопки пользователь ожидает либо получить информацию о ценах, либо программу лечения. Вместо этого открывается одна и та же форма «Получить консультацию». Это не соответствует ожиданиям пользователя и отрицательно сказывается на юзабилити.
Рекомендуем при нажатии на данные кнопки выводить информацию, соответствующую их названиям.
В данном тексте допущена ошибка. Вместо «профессоров» написано «процессоров».
Блок «Отзывы пациентов»
http://assuta-org.org/#otz
В данном блоке нет привычных кнопок прокрутки справа и слева. Посетитель может не догадаться, что отзывы можно прокрутить при нажатии на данные шестиугольники:
Рекомендуем добавить соответствующие кнопки (например, как в разделе с оборудованием клиники).
В данной подписи к фото отсутствует закрывающая скобка.
Блок с отзывом оформлен с использованием кавычек. При этом текст внутри блока также начинается с кавычек. Кроме этого, в тексте пропущены пробелы между предложениями и т.д.
Внизу данного блока расположены две кнопки, выполняющие одну и ту же функцию.
Блок «Вопросы и ответы»
http://assuta-org.org/#faq
Данные иконки в большей степени ассоциируются с действиями «добавить» и «удалить», чем с открытием-закрытием блока.
Рекомендуем использовать более очевидные для посетителя обозначения открытия-закрытия блоков. Например, стрелочки, направленные вверх-вниз и т.д.
Блок с контактной информацией
Контактная информация расположена в самом низу страницы. Ее практически никто не видит.
Карта выполнена в виде обычной картинки. Рекомендуем сделать ее интерактивной на базе сервисов GoogleMaps или ЯндексКарты.
Email адрес является обычным текстом. Рекомендуем сделать его ссылкой.
Контактный номер телефона также расположен в самой нижней части страницы. Отсутствует возможность позвонить по бесплатному номеру либо заказать обратный звонок.
Также нет возможности для использования других бесплатных способов связи, например skype.
Рекомендуем добавить возможность заказа обратного звонка и бесплатный номер для международных звонков.
Дизайн форм связи
При нажатии на кнопку «Заказать звонок» на главном экране открывается форма, содержащая ряд ошибок.
Ширина полей не согласована между собой.
Рекомендуем придерживаться единой ширины полей ввода.
Непонятно, что это за элемент формы.
Почти 50% ширины окна с формой занимает пустое место. Это отрицательно сказывается на внешнем виде сайта.
Слово «Фамилия» должно быть написано с маленькой буквы.
При попытке отправки с частично заполненными данными форма закрывается и происходит полная перезагрузка страницы. Чтоб посмотреть какие данные были заполнены с ошибками, надо снова нажать на кнопку «Заказать звонок».
При этом дизайн формы полностью разваливается.
Рекомендуем производить валидацию полей формы прямо в момент заполнения и обеспечить корректное отображение полей с ошибками.
Общие замечания по сайту
В данный момент не совсем понятно, чем является данный сайт. Это landing page, промо-сайт или официальный сайт клиники.
Возможными причинами такой ситуации является следующее:
- Одностраничный дизайн как на landing page.
- Большое количество обобщенной информации как на обычном сайте.
- Отсутствие явного описания ключевых преимуществ клиники.
- Наличие текстовой «воды» – информации, не имеющей особой ценности для пользователя.
Соответствие сайта ожиданиям пользователя
В данный момент 95,55% трафика на сайт является платным.
Т.е. такой трафик является максимально таргетированным, с четким списком поисковых запросов, региональной привязкой и т.д.
Страница должна максимально соответствовать этому списку ключевых запросов, предоставлять полную информацию и побуждать пользователя к целевому действию.
Рассмотрим, выполняются ли эти условия в данный момент.
Ниже для примера приведена таблица с ключевыми словами для объявлений Яндекс.Директа.
В данный момент на странице практически нет никакой конкретной информации, соответствующей наиболее трафиковым запросам. Список приведен ниже:
Одно упоминание в тексте страницы лечения межпозвоночной грыжи:
Лечение аденомы простаты:
Грыжа позвоночника – 0 упоминаний.
Замена суставов – 0 упоминаний.
Т.е. содержание страницы абсолютно не соответствует ожиданиям посетителей по этим запросам.
Ниже представлена таблица запросов с нулевым показателем отказов, т.е. запросы которые максимально привлекли внимание посетителя:
Явно видно, что посетители по общим запросам без привязки к конкретным болезням (лечение в Израиле, клиника в Израиле и т.д.) люди находят нужную для них информацию.
Исходя из этого, наиболее оптимальным будет такое решение:
- Необходимо создать типовой универсальный дизайн landing page.
- Создать отдельные landing page по наиболее востребованным программам лечения. Такая страница должна содержать максимально полную и исчерпывающую информацию по лечению, докторам, оборудованию, методикам, стоимости, опыту и т.д.
- Далее внести изменения в рекламные компании и направлять посетителей по каждой группе запросов на свою целевую страницу.
- Это обеспечит максимальную конверсию и эффективность рекламной компании.
- При использовании унифицированного дизайна время разработки таких landing page будет минимальным. Фактически, надо будет только менять несколько фото, текстов и прайс.
- Сейчас предпринята попытка создания такой отдельной страницы по лечению рака груди http://assuta-org.org/rak-grudi/, но ее дизайн не доработан и содержит все ошибки, указанные в отчете выше для основной страницы http://assuta-org.org.
С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.