Аудит сайта медицинской клиники “Ассута”, Израиль

Аудит юзабилити №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% трафика на сайт является платным.

Анализ источников трафика

Т.е. такой трафик является максимально таргетированным, с четким списком поисковых запросов, региональной привязкой и т.д.

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

Рассмотрим, выполняются ли эти условия в данный момент.

Ниже для примера приведена таблица с ключевыми словами для объявлений Яндекс.Директа.

В данный момент на странице практически нет никакой конкретной информации, соответствующей наиболее трафиковым запросам. Список приведен ниже:

Одно упоминание в тексте страницы лечения межпозвоночной грыжи:

Аудит внутренней оптимизации кода сайта

Лечение аденомы простаты:

SEO оптимизация кода

Грыжа позвоночника – 0 упоминаний.
Замена суставов – 0 упоминаний.

Т.е. содержание страницы абсолютно не соответствует ожиданиям посетителей по этим запросам.

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

Явно видно, что посетители по общим запросам без привязки к конкретным болезням (лечение в Израиле, клиника в Израиле и т.д.) люди находят нужную для них информацию.

Исходя из этого, наиболее оптимальным будет такое решение:

  • Необходимо создать типовой универсальный дизайн landing page.
  • Создать отдельные landing page по наиболее востребованным программам лечения. Такая страница должна содержать максимально полную и исчерпывающую информацию по лечению, докторам, оборудованию, методикам, стоимости, опыту и т.д.
  • Далее внести изменения в рекламные компании и направлять посетителей по каждой группе запросов на свою целевую страницу.
  • Это обеспечит максимальную конверсию и эффективность рекламной компании.
  • При использовании унифицированного дизайна время разработки таких landing page будет минимальным. Фактически, надо будет только менять несколько фото, текстов и прайс.
  • Сейчас предпринята попытка создания такой отдельной страницы по лечению рака груди http://assuta-org.org/rak-grudi/, но ее дизайн не доработан и содержит все ошибки, указанные в отчете выше для основной страницы http://assuta-org.org.

С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.

Get new case studies by email:

More Case Studies

See all