Школа
Интерфейс

Как лучше решить проблему отображения товаров в корзине?

Коллеги, приветствую!

Вводные: приложение для отелей, которое будет продаваться в разные отели. У товаров и услуг отелей часто нет фото (на старте или вообще не будет).

Вопрос: как лучше решить проблему отображения таких товаров в корзине (именно в корзине, не в каталоге)? Чтобы учесть и бескартиночные товары и картиночные не обидеть? Условно говоря, в корзине будет в большинстве случаев от одного до пяти товаров. У них может вообще не быть фото, могут быть у всех фото (у хороших отелей) или вперемешку.

Как думаете, какой вариант будет более правильным? Возможно, есть еще какой‑то «лучший» вариант?

1 вариант: всем товарам отключаем фото для единообразия. Даже если есть красивые фото, они в корзине не выводятся.

2 вариант: делаем заглушки для товаров, у которых нет фото. Возможно, заглушки будут у всех. Но таким образом товары, у которых есть фото, будут с фото. И ячейки выглядят одинаково, ничего не скачет.

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

Александр К
15 дек 2020
👁 6784  
Интерфейс

Как лучше решить проблему отображения товаров в корзине?

Коллеги, приветствую!

Вводные: приложение для отелей, которое будет продаваться в разные отели. У товаров и услуг отелей часто нет фото (на старте или вообще не будет).

Вопрос: как лучше решить проблему отображения таких товаров в корзине (именно в корзине, не в каталоге)? Чтобы учесть и бескартиночные товары и картиночные не обидеть? Условно говоря, в корзине будет в большинстве случаев от одного до пяти товаров. У них может вообще не быть фото, могут быть у всех фото (у хороших отелей) или вперемешку.

Как думаете, какой вариант будет более правильным? Возможно, есть еще какой‑то «лучший» вариант?

1 вариант: всем товарам отключаем фото для единообразия. Даже если есть красивые фото, они в корзине не выводятся.

2 вариант: делаем заглушки для товаров, у которых нет фото. Возможно, заглушки будут у всех. Но таким образом товары, у которых есть фото, будут с фото. И ячейки выглядят одинаково, ничего не скачет.

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

Александр К
15 дек 2020
👁 6784  
Константин Мозговой
Дизайнер бюро
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Александр!

Я за третий вариант, но его надо докрутить. Чтобы в ячейках не скакал текст, предлагаю переставить фотографии в правую часть:

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

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

P. S. Это был вторничный совет о дизайне интерфейсов. Присылайте вопросы.

Интерфейс
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы