UX ресторанных сайтов: обзор и "послевкусие"

Меню, как это хорошо известно рестораторам, является едва ли не главной составляющей любого заведения общепита. А такую опцию, как предварительный просмотр меню, можно рассматривать как один из шагов потребителя на пути к оформлению заказа. Этот нюанс в особенности актуален для ресторанов из «Красного гида Мишлен». Ведь если клиент вознамерился заказать дорогостоящее блюдо, он, конечно же, хочет заранее быть уверенным в том, что оно того стоит. Нижеописанную подборку сайтов пятизвездочных отелей и гигантских франшиз можно назвать уютным уголком интернета, заряжающим хорошим аппетитом. Все эти примеры вкусной электронной коммерции не оценивались согласно какому-либо определённому критерию. Просто возникла идея провести исследование на предмет того, какие сайты могут разочаровать клиентов, а какие наоборот – оставить положительное впечатление.

McDonald's

Гигант фастфуд-индустрии инвестирует значительные средства в онлайн-среду, поэтому в отношении UX у сайта McDonald’s все должно быть в порядке. Несмотря на то, что большую часть главной страницы занимает видеосюжет, навигация в меню выглядит достаточно продуманно. Выпадающий список позволяет отфильтровать продукцию по категориям. А при наведении курсора на изображение элемента всплывает информация о пищевой ценности. На сайте реализован любопытный механизм meal-builder. (Но вот подобных блюд, – пищевая ценность которых доходит до 2 000 калорий, – лучше, конечно же, избегать). Такие решения содержат в себе ответы на часто задаваемые пользователями вопросы. И в последнее время представители американской корпорации предпринимают активные попытки убедить общественность в том, что McDonald’s заботится о здоровье своих клиентов.

Wimpy

Следующий в этом списке – Wimpy, британский эквивалент McDonald’s. Меню располагается в верхней части страницы. CTA-элементы – внизу. Достаточно странно, что на сайте присутствует два списка меню. В них содержатся подразделы с подобной информацией, которая одинаково важна для клиентов. Поэтому списки целесообразней было бы объединить. Что же касается страниц со сведениями о питательности продукции, то можно отметить достаточно аккуратное анимированное меню. Всплывающие элементы сообщают информацию о каждом продукте, но размещаются они на довольно неудобных URL: http://196.28.37.21/nutriuk/. К тому же ни одна из ссылок не работает на мобильном устройстве. Такой момент не в пользу франшиз, представительства которых размещаются чуть ли не возле каждой автострады. Прекрасный дизайн меню. Интерфейс по типу Issuu позволяет вручную просматривать страницы меню. Но на мобильном устройстве он недоступен. И, в общем, это едва ли самый подходящий способ ознакомить пользователей с нужной информацией. Все выглядит несколько тяжеловесно. Разработчики не предусмотрели возможность открытия сайта на мобильном устройстве. Путь от просмотра до фактической покупки не всегда понятен. Найти отдельные страницы довольно непросто. Дизайн несколько устаревший. Но, как бы то ни было, из всего этого вырисовывается весьма любопытный способ передать ощущение физического пребывания в ресторане.

Wahaca

Заведения сети ресторанов мексиканской кухни из Лондона набирают популярность. Поэтому весьма любопытно было узнать, как обстоят дела у этой компании в интернете. У сайта Wahaca занятный, на манер Tumblr, дизайн страниц, где много чего можно найти. Присутствие многочисленных элементов веб-дизайна не делает меню менее заметным. На экране мобильного устройства сайт отображается даже лучше. Разбавленное фотографиями меню размещено по центру экрана, но вот что касается переходов по ссылкам – здесь не все безупречно. Версия для десктопа не детализирована излишне. Всплывающие списки сгруппированы по переменам блюд, присутствуют ссылки на заведения со специальными предложениями. В то время, как меню у мобильного сайта – обычный PDF-файл на отдельной странице. Функция масштабирования довольно неудобная, на загрузку уходит некоторое время. В числе положительных моментов можно отметить «меню на вынос», которое выглядит более осмысленно. Но и эта опция не идеальна, в частности, подводит, когда нужно быстро заказать ланч.

Olive Garden

Olive Garden применяет слишком уж локальный подход. Инструмент поиска указывает на заведение компании в том городе, где находится пользователь. Чтобы определить местонахождение ресторана в искомом населенном пункте нужно вписать его название, область (штат) или индекс. После обнаружения ресторана происходит перенаправление на откровенно незамысловатое меню с понятными кнопками для заказа в режиме-онлайн. Говорить о каком-либо упорядоченном расположении не приходится, продукция размещена произвольно, нет разделения по переменам блюд. Излишнее множество элементов навигации по типу «меню-гамбургер» может привести клиентов в замешательство: После клика по кнопке оформления заказа на экране всплывают окна с предложением пройти регистрацию, чтобы получить возможности, доступные зарегистрированным пользователям. Регистрация, понятное дело, выгодна ресторанам, но порой решение что-либо заказать в Olive Garden принимается в последнюю минуту, например, по дороге с работы домой, и это не совсем подходящая ситуация для заполнения длинных онлайн-формуляров.

Honest Burger

В сравнении с другими, компании Honest Burger удалось подняться чуть выше по бутербродной лестнице. Главная страница сайта достаточно чистая, не содержит излишних подробностей, заметные и понятные ссылки размещаются в верху страницы. После нескольких кликов по ссылкам не наблюдается ухудшение уровня веб-дизайна; простой план меню со специальным блюдом месяца регулярно обновляется. Это меню может быть открыто в более удобном формате для чтения. Но на мобильном устройстве все не настолько хорошо. Слишком мелкий шрифт, не вполне подходящий для комфортного чтения. Всплывающие окна со сведениями об аллергенах, с детским меню, открываются в отдельных PDF-файлах. Функция масштабирования pinch-and-zoom в большинстве случаев реализована не надлежащим образом. Открытие новых вкладок замедляет процесс выбора блюд. Контактная информация предоставляется по каждому заведению общепита, но карта крайне неудобная – вне зависимости от размера электронного устройства. В будущем, по мере расширения бизнеса, этот нюанс может стать для Honest Burger существенной проблемой.

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

Simpsons on The Strand

Чтобы попасть на сайт необходимо кликнуть по нескольким ссылкам на основном веб-сайте Savoy. Похоже, что в сообществе рестораторов существует некий негласный запрет на использование вразумительных ссылок. Даже слово «меню» отсутствует. Это обидное упущение, поскольку меню на сайте (когда его все-таки удалось найти) оказалось весьма удобным: цены четко прописаны, отсутствует излишняя вычурность. Возможно, о таком дизайне не скажешь, что он как бы находится на острие технологического прогресса, но в данном случае этого и не требуется. Как итог, следует вывод, что не стоит слишком усложнять то, что можно сделать проще.

Le Bernardin

Чистый дизайн сайта Bernardin согласуется с элегантностью блюд, но, опять же, отсутствует ссылка «меню», что вынуждает посетителей гадать, нажимая кнопку «dining room». Нет «меню» – только список нескольких перемен блюд. И хотя такой подход передает ощущение эксклюзивности, с точки зрения поисковой оптимизации это ошибка. Ведь такой запрос, как «обеденные залы», в Google вписывают, как правило, с тем чтобы приобрести столовый гарнитур. Дизайн меню, когда оно все-таки обнаруживается, смотрится некомпактно. Нет ничего предосудительного в том, чтобы петь хвалебные песни выдающимся поварам, но почему бы не предоставить посетителям исчерпывающую информацию относительно стоимости? Такой подход, мол, «если вы спрашиваете, значит, не можете себе позволить», выглядит снобистским и отпугивает клиентов, которые, возможно, хотели бы заказать столик в дорогом ресторане, чтобы отпраздновать какое-то особенное событие.

Улучшения и передовой опыт

Вместе с тем, цена не является показателем качества веб-дизайна в ресторанной индустрии. Компании из сегмента фастфуда применяют более продуманные методики, нежели так называемые рестораны высокой кухни. Но тем не менее многие аспекты все еще требуют улучшений.          Понятные сведения о цене, правильное расположение и мобильные устройства Сотрудникам некоторых компаний есть чему поучиться у онлайн-сервиса Deliverance, который, однако же, специализируется в несколько ином направлении.   Удобный способ демонстрации меню. Блюда разделены в зависимости от принадлежности к конкретной кухне. Четкая информация о стоимости и доступности. Все выглядит прекрасно и на мобильных устройствах (хотя и не идеально – иногда возникали сложности с логином).

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