Кейс #4. Апартаментный комплекс «Екатерининский квартал»

Компания: Апартаментный комплекс «Екатерининский квартал» (http://www.ek-sochi.com/)
Актуально: 09.05.2017

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

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

Проблема

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

Давайте разбираться детальнее. Поехали!

Устройство: Highscreen Zera S
Система: Android 4.4.2
Браузеры: Google Chrome и стандартный браузер Android.

#1. Так выглядит первый экран загрузившегося сайта.

«Екатерининский квартал» www.ek-sochi.com

#2. Скроллим немного ниже и перед нами открывается чудесная белая пустота. Уже в этот момент возникает мысль, что сайт нужно закрыть и уйти к конкурентам, но мы продолжаем наш путь.

«Екатерининский квартал» www.ek-sochi.com

#3. Как мы с вами видим, всех посетителей встречает видеоролик, видимо посвященный жилому комплексу «Екатерининский квартал». Давайте посмотрим его. Запускаю!

«Екатерининский квартал» www.ek-sochi.com

#4. Движемся дальше. Видим блок с планировкой этажей. Здесь хочется получить более детальную информацию по планировке апартаментов. Выбираем 4 этаж и нажимает.

«Екатерининский квартал» www.ek-sochi.com

#5. О, нет! Картинка просто увеличила свой масштаб. Никакой полезной информации. Разочарование. Идем дальше.

«Екатерининский квартал» www.ek-sochi.com

#6. Блок с приветственным текстом о комплексе. Но зачем такой большой интервал между заголовком и описанием?

«Екатерининский квартал» www.ek-sochi.com

#7. Почему бы просто не уменьшить размер шрифта на 2-3px, чтобы на небольшом мобильном экране поместилось немного больше полезного текста?

«Екатерининский квартал» www.ek-sochi.com

#8. Зачем выравнивать текст по всей ширине экрана? Посмотрите какие ужасные отступы между словами. Правильнее было бы сделать выравнивание текста по левому краю.

«Екатерининский квартал» www.ek-sochi.com

#9. При нажатии на номер квартиры раскрывается список с описанием. Кто-нибудь видит здесь 206 квартиру? Мне кажется она потерялась и слилась со всей другой информацией.

«Екатерининский квартал» www.ek-sochi.com

#10. Двигаемся дальше и самое время посмотреть прекрасные виды жилого комплекса. Выбираем понравившуюся фотографию и нажимаем на нее.

«Екатерининский квартал» www.ek-sochi.com

#11. Но нет… Мы запустили какую-то страшную загрузку. Фотография открылась в новом окне. Где же слайдер? Почему нельзя просто листать все фотография. Возникает желание закрыть изображение. Но не все так просто: не работает крестик закрытия. Приходиться нажимать несколько раз. Все желание смотреть фото пропадает.

«Екатерининский квартал» www.ek-sochi.com

#12. Вот так выглядит жилой комплекс на карте. Проще скопировать адрес и указать его в картах Яндекса самостоятельно. Без комментариев.

«Екатерининский квартал» www.ek-sochi.com

#13. После всего, что мы здесь увидели, хочется скорее закончить работу с сайтом, но пока рано. Нам еще нужно заказать обратный звонок и оставить заявку. Но где же форма обратной связи? Вы ее видите?

«Екатерининский квартал» www.ek-sochi.com

#14. Ах, вот же она! Скорее заполняем все обязательные поля! Хотя откуда мы узнаем, какие именно поля являются обязательными, обозначения отсутствуют. Заполняю поле «Имя», указываю свой E-mail, но что за поле «Тема»? Какую тему указать? Зачем это поле здесь вообще нужно? Жмем по кнопке слову «Отправить».

«Екатерининский квартал» www.ek-sochi.com

#15. В нижнем блоке указан 2016 год, однако на дворе уже 2017 подходит к своему экватору.

«Екатерининский квартал» www.ek-sochi.com

#P.S. Спустя 5 минут прибывания на сайте видео так и не загрузилось. Сплошные разочарования. Закрываю окно и завершаю работу с сайтом.

«Екатерининский квартал» www.ek-sochi.com

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

У меня возникло ясное ощущение, что сайтом никто не занимается, однако стоимость апартаментов в этом ЖК превышает отметку в 100.000$!!! Руководство компании вкладывает деньги в рекламу в аэропорту, в печать буклетов, указывает на них адрес сайта, на который заходят гости города, в том числе и иностранные туристы и такой результат… Странно как-то все это.

С уверенностью могу сказать, что процент отказов пользователей с мобильных устройств близок к 100%.

Надеюсь, что на мобильную версию сайта обратят должное внимание и сделают его информативным, а главное удобным для посетителей.

Ваше мнение

Коллеги, а что думаете вы? Пишите комментарии в форме под этим материалом.
Присылайте найденные вами ошибки на info@konstantinbulgakov.com.

Анализ текстов: Считаем длину и количество слов

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

Просто вставляете проверяемый текст в форму:

Анализ длины текста

и подсчитываете общее количество символов, слов и символов без учета пробелов:

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

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

Замечу, что отсутствует какое-либо ограничение на длину проверяемого текста. Сохраняйте ссылку http://konstantinbulgakov.com/tools/symbol и улучшайте ваши тексты на здоровье!

Обратная связь

Если появятся вопросы по работе сервиса или пожелания связанные с улучшением функциональности — присылайте их на почту или в комментарии к этому посту.

Кейс #3 Нетология-групп

Компания: Нетология-групп (http://netology.ru/programs/google-words)
Актуально: 21.01.2017

«Нетология» — это университет по подготовке и дополнительному обучению специалистов в области интернет-маркетинга, управления проектами, дизайна, проектирования интерфейсов и веб-разработки.

На днях решил поискать курсы по Google Adwords. Нашел отличный бесплатный вариант обучения на сайте онлайн университета «Нетология»: Google AdWords: подготовка к сдаче экзамена по поисковой рекламе. Решил записаться.

Проблема

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

Вот так выглядит форма регистрации на выбранный курс на моем экране со стандартным разрешением MacBook Air 1366 × 768.

Форма записи на курс

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

Как думаете, почему?

Все очень просто. Экран нужно было проскроллить еще ниже, где аккуратно высвечивалось вот такое сообщение:

Ошибка вывода формы

Что нужно сделать?

Два варианта:

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

Блок формы отправки заявки

2. Подтянуть кнопку к полям Записи на обучение, тем самым сократив размер окна и позволив форме помещаться полностью во весь экран пользователя.

Исправление ошибки на сайте

Надеюсь, что опытная команда «Нетологии» обратит внимание на этот момент и внесет изменения.

Ваше мнение

Коллеги, а что думаете вы? Пишите комментарии в форме под этим материалом.

Присылайте найденные вами ошибки на info@konstantinbulgakov.com

Кейс #2. Finstar Financial Group

Компания: Finstar Financial Group (http://finstar.com/)
Актуально: 14.11.2016

Крупнейшая инвестиционная компания Finstar Financial Group управляемая Олегом Бойко, успешно инвестирующая в сферу финансовых услуг, сектор IT, розничную торговлю, СМИ, а также специализируется на операциях с недвижимостью.

По состоянию на октябрь 2016 года имеет объем более $2 млрд.

Ошибка

Мой интерес вызвал раздел «Контакты», а именно текст:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Раздел контакты Finstar
Lorem ipsum

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

Узнать больше о Lorem ipsum можно в заметке Темы Лебедева по ссылке.

Что нужно сделать

Думаю понятно: Исправить шаблонный текст и заменить его описанием со смыслом.

Надеюсь, что сотрудники Finstar Financial Group обратят внимание на раздел с контактной информацией и внесут изменения в описание.

Ваше мнение

Коллеги, а что думаете вы? Пишите комментарии в форме под этим материалом.

Присылайте найденные вами ошибки на info@konstantinbulgakov.com

Кейс #1 Альфа-Банк

Компания: Альфа-Банк (https://alfabank.ru/ecom/site_payments/site/)

Актуально: 04.01.2017

С коллегами мы активно выбираем для подключения к нашему проекту сервис приема платежей. Приоритетный для нас операции — банковские карты VISA и MasterCard.

Нам было бы интересно поработать с «Альфа-Банком», который предоставляет услуги интернет-эквайринга малому, крупному и среднему бизнеса.

Проблемы

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

Заявка на подключение интернет-эквайринга Альфа-Банк
Заявка на подключение интернет-эквайринга Альфа-Банк

После заполнения формы кнопка «Отправить» выглядит грустно и серо.. Возникает банальное ощущение, что в одной из форм допущена ошибка. После нескольких проверок я понял, что все заполнено верно, и кнопка активна. Но почему она так безжизненна и уныла на сайте такого прогрессивного банка?

Кнопка отправки заявки
Кнопка отправки заявки

Надеюсь, что подправят.

После отправки заявки: Белый экран…

Логичнее было бы вывести пользователю сообщение, что заявка отправлены и по ней уже ведется работа: «Спасибо! Ваша заявка отправлена в банк и менеджер свяжется с Вами в самое ближайшее время». Но мы видим пустой белый фон…

Ответ системы на отправку заявки
Ответ системы на отправку заявки

Меня продолжает одолевать ощущение, что форма не отработала сценарий и на странице возникла ошибка. Замечу, что запрос все же ушел в банк: на контактный адрес электронной почты пришло письмо с информацией о заявке.

Что нужно сделать:

  1. Разместить тарифы на сайте;
  2. Придать кнопке отправки заявки активный и более живой вид;
  3. После отправки уведомлять пользователя сообщением, что заявка отправлена в банк.

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

Ваше мнение

Коллеги, а что думаете вы? Пишите комментарии в форме под этим материалом.

Присылайте найденные вами ошибки на info@konstantinbulgakov.com