rezult (rezult) wrote,
rezult
rezult

Мобильный сайт Додо: чему можно научиться у приложений

Пришло время задуматься о том, чему сайт Додо может научиться у мобильных приложений.

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

Приложение Додо под смартфоны

01-smartphone-01 01-smartphone-02

Приложения для телефонов используют пространство очень эффективно — шапка занимает мало места.

Приложения используют скроллинг в минимальном количестве, поэтому меню разбито на отдельные страницы (Пиццы, Закуски, Напитки), чтобы не заставлять пользователя скроллить одну длинную страницу вверх-вниз.

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

01-smartphone-03
Детали показываются только по запросу — все настройки пиццы отображаются на отдельной странице при нажатии на продукт.

Кроме того, внизу экрана закреплен блок с корзиной — всегда видно сумму заказа и можно перейти к оформлению.

Приложение Додо под планшеты

02-tablet-01
Приложения под планшеты часто используют альбомный стиль для отображения опций — покажем все пиццы на одной странице.

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

Скроем, как на смартфоне, все дополнительные страницы за иконкой в шапке.

02-tablet-02
На планшете удобнее настраивать и выбирать пиццу переключившись в отдельный режим выбора пиццы, он открывается после нажатия на пиццу в меню.

Вывод

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

К сожалению, не удастся просто перенести на существующий сайт Додо все находки, которые отлично работали бы в приложении. Но какие-то вещи уже сейчас можно менять с использованием CSS, не затрагивая основной структуры сайта. О результатах я планирую писать в свой блог.

В предыдущем посте можно узнать, почему сайт не приложение.
Tags: mobile, Додо, сайт
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments