Аудит юзабилити портала поиска и бронирования лечения в зарубежных клиниках

Позиционирование сайта

В данный момент на страницах сайта наблюдается несоответствие одной и той же информации в разных блоках сайта.

Например, рассмотрим количество стран, в которых можно найти клинику для лечения:

Рекомендуем привести к единому виду список стран для лечения во всех блоках и на всех страницах сайта.

В главном меню есть выпадающие подменю с перечнем стран. Но данный перечень не совпадает с обобщенным списком всех стран и их количеством.

Например:

Рекомендуем расширить количество и состав страниц сайта в соответствии с полным перечнем стран, в которых возможно лечение.

В данный момент сайт позиционируется как сервис онлайн-бронирования больницы.

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

Тоже самое относится и к сравнению цен лечения. Это невозможно сделать прямо на сайте – необходимо ждать звонка менеджера.

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

На сайте одновременно используется два варианта названия компании на английском языке. В одном случае – два слова с пробелом, во втором – одно слово.

Также на части страниц используется русская транслитерация названия:

Рекомендуем придерживаться одного и того же названия компании в пределах всего сайта.

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

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

Дизайн, юзабилити и работа форм

В данной форме не согласована высота верхнего и нижнего отступа.

Рекомендуем использовать единое значение размеров и отступов для типовых элементов сайта в соответствии с модульной сеткой страниц.

Не указано, в каком формате необходимо ввести номер. Проверка корректности ввода данных не осуществляется. Это позволяет отправить неправильный номер телефона. Также не указана обязательность заполнения полей. Ошибки в работе формы можно увидеть на видео по ссылке https://yadi.sk/i/eppTB14LthmFn

Рекомендуем прямо в поле при загрузке страницы выводить пример правильного формата номера телефона. Также рекомендуем выполнять проверку правильности ввода данных прямо во время заполнения формы.

В данной форме используется избыточная ширина выпадающих списков:

Рекомендуем согласовать ширину выпадающих списков с шириной строк в них. Это придаст дизайну более аккуратный и завершенный вид.

Элементы не выровнены по вертикальной границе:

Рекомендуем выровнять взаимное положение элементов формы в соответствии с модульной сеткой сайта.

При нажатии на данную кнопку пользователь ожидает сразу получить информацию с сравнением примерных цен.

Вместо этого открывается дополнительная форма для ввода номера телефона и описания проблемы. Поле для ввода email адреса в форме отсутствует и пользователь не может быстро получить информацию в письменном виде.

Рекомендуем добавить поле ввода email пользователя и отправлять предложение ему на почту, а не только информировать в телефонном режиме.

В форме отсутствует проверка корректности ввода данных, не указано, какие поля являются обязательными для заполнения. Это продемонстрировано на видео по ссылке https://yadi.sk/i/BedrOutrthnjM.

Рекомендуем явно указать, какие поля являются обязательными для заполнения и осуществлять проверку правильности ввода данных прямо в процессе заполнения.

Замечания, озвученные выше, верны и для формы на странице «Контакты» http://hospitalbooking.com/kontakty/.

На сайте отсутствует какое-либо описание льготной программы. Также непонятно, почему такая возможность есть только для Израиля.

Рекомендуем добавить страницу с детальным описанием льготной программы лечения в Израиле и других странах.

В форме заявки не указано, какие поля являются обязательными для заполнения. Соответствующее сообщение появляется только после попытки отправки формы. Также отсутствует проверка правильности ввода данных. Это продемонстрировано на видео по ссылке https://yadi.sk/i/oBuLVslmtqbQm

Рекомендуем явно указать, какие поля формы являются обязательными для заполнения и осуществлять правильность ввода данных непосредственно в процессе заполнения.

Компоновка главной страницы сайта

Разная величина верхнего и нижнего отступа между элементами. Слишком большой нижний отступ.

Рекомендуем использовать одинаковые отступы в соответствии с модульной сеткой страниц.

Главная страница имеет большую высоту. Но согласно данным карты скроллинга большинство пользователей просматривают только верхнюю часть страницы. Это показано на скриншоте по ссылке https://yadi.sk/i/ZdiMO2oNtiCs8.

Слишком большой отступ между заголовком и поясняющим текстом.

Непонятно, это ссылки или текст:

Рекомендуем явно обозначать ссылки с помощью подчеркивания или соответствующих графических маркеров.

Короткие тексты сгенерированы в автоматическом режиме. Большинство из них не несет никакой смысловой нагрузки:

Рекомендуем заполнить краткое описание клиники качественным текстом в ручном режиме.

В одном случае специальность врача написана с маленькой буквы, во втором – с большой.

Рекомендуем всегда писать специализацию врача с заглавной буквы.

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

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

Рекомендуем избегать дублирования функционала элементов интерфейса.

Также в нижней части расположен практически пустой блок на всю ширину страницы:

Навигация по сайту

Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.

Она должна обеспечивать быстрый и легкий переход на любую страницу сайта.

Кроме этого, элементы навигации должны информировать пользователя о его текущем местоположении относительно главной страницы.

Рассмотрим, насколько выполнены эти требования на сайте.

В главном навигационном меню практически отсутствует расстояние между пунктами меню. Из-за этого при наведении курсора на соседний пункт меню дизайн выглядит неаккуратно.

Рекомендуем сделать отступ шириной 10-15 пикселей между текстом ссылки и разделителем меню.

Как отмечалось выше, количество стран, представленных в разделах главного меню, не соответствует количеству заявленных стран. Основной упор сделан на Израиль и Германию.

Важный для посетителей раздел сайта «Контакты» не виден в главном меню верхнего уровня. Он является подпунктом раздела «О нас», что отрицательно сказывается на юзабилити.

Рекомендуем пересмотреть компоновку главного меню и вынести пункт «Контакты» в верхний уровень главного меню.

Непонятно, это ссылки или текст:

Рекомендуем явно выделять ссылки с помощью подчеркивания.

Далее рассмотрим работу вспомогательной навигации по типу «Хлебные крошки».

В ней должна отображаться полная навигационная цепочка в соответствии со структурой сайта и положении текущей страницы относительно главной.

К сожалению, в данный момент вспомогательная навигация работает некорректно.

Для примера рассмотрим страницу http://hospitalbooking.com/clinics/lozannskij-tsentr-plasticheskoj-hirurgii/.

В соответствии со структурой сайта на ней должна выводится следующая навигационная цепочка: «Главная-Клиники-Клиники Швейцарии-Лозанский центр пластической хирургии». Положение страницы относительно главной показано на видео по ссылке https://yadi.sk/i/FaaV–BFtjLRj.

При этом в навигационной цепочке выводится следующая структура:

На странице врачей при выборе конкретной специализации вспомогательная навигация работает некорректно. Это показано на видео по ссылке https://yadi.sk/i/V5SacBhmtjMBG

Рекомендуем обеспечить корректную работу вспомогательного меню на всех страницах сайта.

В нижнем меню не выделяется текущий раздел сайта. Например, ниже показан скриншот при переходе на страницу «О нас» http://hospitalbooking.com/o-nas/

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

Страница «Лечение в Израиле»

http://hospitalbooking.com/israel-clinics/

Непонятно, это ссылка или текст:

Из-за этого клики по данным элементам практически отсутствуют. Карта кликов показана на скриншоте по ссылке https://yadi.sk/i/dCHjioqntoPfQ.

Рекомендуем явно выделять ссылки с помощью подчеркивания.

Слишком большие отступы между фотографией, заголовком, поясняющим текстом и кнопкой.

Отступ между фотографией следующей клиники и кнопкой сделан меньше, чем между текстом и кнопкой. Из-за этого кнопка визуально относится к нижнему фото, что вводит пользователя в заблуждение.

Рекомендуем пересмотреть модульную сетку данной страницы и выстроить четкий визуальный приоритет элементов страниц.

Текст описания сгенерирован автоматически и не содержит полезной информации.

Рекомендуем прописать качественные описания для клиник в ручном режиме.

Ширина фото клиники не согласована с общей шириной центральной части страницы. Из-за этого появляется пустое пространство с правой стороны фото и дизайн выглядит несогласованным.

Рекомендуем сделать ширину фотографии на 100% ширины центральной части страницы.

Детальный просмотр информации о клинике.

Для примера рассмотрим юзабилити страницы клиники

http://hospitalbooking.com/clinics/meditsinskij-tsentr-asaf-a-rofe/.

Неверно отображается дополнительная навигационная цепочка:

Рекомендуем обеспечить корректную работу вспомогательной навигации на странице детального просмотра информации о клинике.

Нет возможности просмотра увеличенного основного фото клиники:

Рекомендуем добавить скрипт просмотра увеличенного фото клиники.

Не согласована высота кнопки сравнения цен и серой фоновой плашки дополнительной навигации.

Для большинства клиник рейтинг отсутствует либо вычислен на базе голосования одного-двух человек. Это не соответствует позиционированию сайта и отрицательно сказывается на доверии посетителей к сайту. Например:

Рекомендуем убрать модуль рейтинга с сайта, т.к. он не выполняет своей функции.

В меню подразделов страницы не подсвечивается текущий раздел. Это продемонстрировано на видео по ссылке

Рекомендуем обозначать текущую вкладку с помощью изменения фонового цвета.

В явном виде не указана какая-либо прямая контактная информация клиники (например, номер телефона или электронная почта). Это не соответствует позиционированию сайта.

В блоке просмотра фото используются фотографии разной высоты. Из-за этого у некоторых фото появляются белые поля и дизайн выглядит неаккуратно.

Рекомендуем использовать фото с одинаковыми пропорциями.

Вместо некоторых фото отображается пустое белое поле. Это показано на видео по ссылке https://yadi.sk/i/R8N18NKWtoWsw

Рекомендуем обеспечить корректную работу галереи с фото.

Возможность просмотра увеличенного фото, к сожалению, отсутствует.

Рекомендуем добавить скрипт просмотра увеличенного фото.

Кроме этого, нет никаких подписей и поясняющего текста.

Рекомендуем добавить поясняющие заголовки для фотографий. Это позитивно скажется не только на юзабилити но и на поисковой оптимизации сайта.

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

Рекомендуем сделать данные элементы ссылками на страницы с описанием особенностей лечения в конкретной клиники.

Непонятно, это ссылки или текст:

Рекомендуем явно обозначать ссылки с помощью подчеркивания.

В одном случае специальность врача написана с маленькой буквы, во втором – с большой.

Возможность просмотра детальной информации о враче в данный момент отсутствует. Вместо этого открывается форма записи на консультацию. Это продемонстрировано на видео по ссылке https://yadi.sk/i/jLv8a_kLtobKW.

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

Выводится список врачей, которые не относятся к конкретной клинике.

В списке после запятой название отделения должно быть написано с маленькой буквы:

Для многих клиник отсутствует детальная информация по условиям размещения, направлениям лечения и т.д. Например. http://hospitalbooking.com/clinics/gospital-pri-universitete-sunchonhyan-v-gorode-puchon/#uclov

Страница «Лечение в Израиле – цены»

http://hospitalbooking.com/lechenie-v-izraile-tseny/.

Слишком большой отступ между заголовком таблицы и первой строкой:

Отсутствует четкое визуальное разделение строк и столбцов таблицы. Из-за этого усложняется восприятие представленной информации.

Рекомендуем сделать видимыми границы ячеек таблицы и сделать разный цвет фона для четных и нечетных строк таблицы.

Некорректный перенос чисел в прайсе:

Рекомендуем сделать корректное форматирование числовых значений с помощью тега неразрывного пробела [ ].

В одном случае для разделения нулей и числового значения используется пробел, во втором – запятая.

Рекомендуем придерживаться единого формата разделителей в прайс-листе.

Неверно проставлен разделитель:

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

Рекомендуем использовать выравнивание по центру ячейки в столбце с ценами.

Допущена ошибка в заголовке. Отсутствует отступ между нижней ячейкой таблицы и поясняющим текстом.

Страница «Онкологические клиники Израиля»

http://hospitalbooking.com/onkologicheskie-kliniki-izrailya/.

Пропущен пробел между словами

В конце каждой строки списка должна стоять точка с запятой:

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

Данное замечание верно и для страницы «Лечение в Германии»

http://hospitalbooking.com/lechenie-v-germanii/.

Рекомендуем либо добавить форму отправки заявки, либо убрать соответствующий текст.

Страница «Клиники»

http://hospitalbooking.com/kliniki/.

Не согласована ширина фото клиники и центральной части страницы. Из-за этого справа появляются пустые зоны и дизайн страницы выглядит неаккуратно:

Рекомендуем сделать фото клиники шириной 100% центральной части страницы.

Слишком большой отступ между фотографией клиники, заголовком и описанием.

Визуально непонятно, к какой из клиник – верхней или нижней – относится кнопка:

Рекомендуем привести ширину отступов в соответствие с модульной сеткой сайта и выстроить четкую визуальную иерархию элементов страницы.

Заголовок клиники сделан обычным текстом, а не ссылкой как на других страницах сайта:

Рекомендуем сделать заголовок ссылкой на страницу с детальным описанием клиники.

Текст описание сгенерирован автоматически и зачастую не содержит полезной информации.

Рекомендуем прописать описание клиники в ручном режиме.

Для части клиник отсутствует кнопка «Обратиться в клинику»:

Отсутствует возможность просмотра отдельных страниц со списком клиник Чехии, Венгрии и Швейцарии.

Рекомендуем добавить страницы с детальным описанием для всех клиник, представленных на сайте.

Страница «Врачи»

http://hospitalbooking.com/doctors/.

На данной странице представлены только врачи из Израиля. Это не соответствует позиционированию сайта и списку представленных стран для лечения:

Рекомендуем по возможности разместить профили врачей из всех стран, представленных на сайте.

Непонятно, это обычный заголовок или ссылка.

Рекомендуем явно обозначить ссылку с помощью подчеркивания.

Для подавляющего числа врачей нет страницы с подробной информацией.

Нет возможности просмотра увеличенного фото врача.

Рекомендуем добавить скрипт просмотра увеличенного фото врача.

Большое количество фотографий врачей плохого качества с искаженными пропорциями и видимыми артефактами.

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

У части профилей врачей отсутствуют фото:

Страница «Направления медицины»

http://hospitalbooking.com/department/.

Для подавляющего большинства направлений медицины отсутствует страница с детальным описанием. Это показано на полном скриншоте по ссылке https://yadi.sk/i/YbyVEH08tqSFy.

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

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

Рекомендуем сделать заголовки в соответствии с позиционированием сайта.

Слишком маленький отступ между иконками прокрутки и списком направлений лечения:

Страница «Программы лечения»

http://hospitalbooking.com/disease-2/

Отсутствует возможность быстрого перехода в нужный раздел страницы (например, «Урология»). Из-за большой высоты страницы это отрицательно сказывается на юзабилити. Пользователи просматривают только верхнюю часть страницы. Это подтверждается и данными карты скроллинга по ссылке https://yadi.sk/i/mvRwjUZAtqUre .

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

Часть заголовков является ссылками, часть – обычным текстом. При этом они оформлены одинаково.

Нажатия на эти ссылки практически полностью отсутствуют, что подтверждается и данными карты кликов по ссылке https://yadi.sk/i/pkCSGHf8tqVPi.

Рекомендуем явно обозначить ссылки с помощью подчеркивания и сделать все заголовки ссылками на соответствующие разделы сайта.

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

Страница «Контакты»

http://hospitalbooking.com/kontakty/

В данный момент на странице присутствует только адрес электронной почты и номер телефона. Это отрицательно сказывается на доверии посетителей сайта и, как следствие, – конверсии.

Кроме этого отсутствует контактная форма для отправки сообщений.

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

Рекомендуем обеспечить максимально большое количество каналов для связи с администрацией сайта.

Следует отметить, что номер телефона и email не представлены в явном виде на других страницах сайта (кроме футера, который большинство пользователей не видят).

Сравнение с конкурентами

Далее рассмотрим основные достоинства и недостатки сайтов аналогичной тематики из топа Яндекса по запросу «лечение за рубежом» в Москве.

По данному запросу выводятся следующие сайты:

• http://patient-mt.ru/
• http://www.royalmedgroup.com/
• http://www.medassist.ru/

Рассмотрим их главные особенности в сравнении с сайтом http://hospitalbooking.com/.

Сайт http://patient-mt.ru/.

1. Есть прямые номера телефонов в Москве и Санкт-Петербурге, а также возможность заказа обратного звонка.
2. Есть детальная информация о медицинских консультантах компании с просмотром описания по каждому специалисту http://patient-mt.ru/about/staff/. Это позитивно сказывается на доверии посетителей к предоставляемым услугам и конверсии сайта. На сайте http://hospitalbooking.com/ такой информации нет.
3. Есть детальная информация по ориентировочной стоимости лечения в конкретной стране. Например, http://patient-mt.ru/price/finland/. На сайте http://hospitalbooking.com/ такой информации практически нет.
4. Есть детальное описание лучших клиник по каждому конкретному направлению медицины. Например, http://patient-mt.ru/services/cardiology-abroad/.
5. Есть детальное описание всего процесса организации и прохождения лечения за рубежом на странице http://patient-mt.ru/order-of-work/.
6. Большое количество положительных отзывов на странице http://patient-mt.ru/reviews/ (на сайте http://hospitalbooking.com/ соответствующий раздел полностью отсутствует).
7. На странице «Контакты» http://patient-mt.ru/contacts/ присутствует детальная информация о региональных представительствах компании, адресами и графиками работы офисов и т.д. На сайте http://hospitalbooking.com/ такая информация отсутствует.

Сайт http://www.royalmedgroup.com/

1. Дизайн сайта не соответствует современным тенденциям и требованиям.
2. Он не оптимизирован для просмотра на мобильных устройствах, планшетах и экранах с небольшим разрешением. При уменьшении ширины окна браузера появляется полоса горизонтальной прокрутки. Это продемонстрировано на видео по ссылке https://yadi.sk/i/bDwmK3bDtqqU9.
3. Ссылки не реагируют на наведение курсора. В главном меню не выделяется текущий раздел сайта. Это показано на видео по ссылке https://yadi.sk/i/83o8is4Rtqqun.
4. На странице просмотра детальной информации о клинике содержится большое количество текста без каких-либо иллюстраций или фото. Текст плохо структурирован и выполнен мелким шрифтом. Правая колонка сайта пустая и не содержит полезной информации. Для примера по ссылке показана страница клиники Топ-Ихилов https://yadi.sk/i/KsywV_AdtqrcY.
5. Дизайн страницы просмотра информации о заболеваниях не проработан и сложен для восприятия. Например, http://royalmedgroup.com/diseases/?disease=insular.
6. Стоимость лечения в явном виде практически не указана на страницах сайта.
7. На странице контактов есть адрес и режим работы офиса в Москве, контактные данные менеджеров и бухгалтерии.
8. Страница отправки заявки http://www.royalmedgroup.com/files/z/requestto.php работает некорректно:
9. Возможность оперативной связи с помощью онлайн-чата или мессенджеров отсутствует.

Сайт http://www.medassist.ru/

1. Дизайн сайта выглядит современно и респектабельно.
2. Верстка сайта не оптимизирована для работы на мобильных устройствах, планшетах и экранах с небольшим разрешением.
3. Есть прямой московский номер, номер для бесплатных звонков из регионов и возможность бесплатного звонка с сайта.
4. Также есть форма заказа обратного звонка:
5. Страницы клиники содержат подробную и хорошо структурированную информацию с фото. Например, http://www.medassist.ru/clinic/israel/assuta/.
6. Некоторые страницы не заполнены контентом. Пример можно увидеть по ссылке https://yadi.sk/i/Y93e5sq8tqtfZ.
7. На сайте есть ссылки для скачивания всех необходимых документов:
8. На сайте есть каталог с ценами по основным направлениям и возможностью подбора и поиска предложений http://www.medassist.ru/programms/
9. На странице http://www.medassist.ru/about/ размещена подробная информация о сотрудниках компании, лицензиях и сертификатах.

Готов ответить на вопросы по результатам аудита в скайпе, email или телефону.