Эмин Абдуллаев
Эмин Абдуллаев
Занимаюсь интерфейсами, вебом, информационным дизайном. Об этом и пишу. Канал в Телеграме: https://t.me/Eminchannel. Там пишу по-мелочи и делюсь ссылками.
Read 1 minute

Подчёркивания на сайте

Когда на сайте оглавление карточки товара подчёркнуто, менеджерам, программистам или дизайнерам кажется, что там пользователь точно не пропустит продукт. Но помимо того, что это неверное утверждение, в результате этого появляется такое:

Image for post

Выносные элементы букв («ц», «р», «у») ломают линию и получается просто некрасиво.

Конечно, это не главная проблема этого каталога. Посмотрите, например, на игру «Серп». Из-за скидки кнопка «Купить» съехала на следующую строку. Но это легко починить:

Image for post

Стало лучше, но можно ещё подкрутить:

Image for post

Для начала избавляемся от «руб» и ставим такой же информативный знак ₽. Далее выкидываем слова «есть». Всё, что есть на главной странице, должно быть в наличии. Если товара нет, то надо их убирать в самый низ, затемнять, писать «Нет в наличии». Что угодно. Также можно громко говорить о скидках: они привлекают покупателя.

Идём дальше:

Image for post

Избавились от едва заметных кнопочек с иконкой корзины и добавили кнопку «Купить». Но что-то выходит так себе. А если представить, что таких товаров не 4, а 12 на странице, будет треш. Убираем кнопки:

Image for post

Вёрстка вызывает вопросы. Можно поменять местами цифры и наименование:

Image for post

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

9 views
Add
More
Эмин Абдуллаев
Занимаюсь интерфейсами, вебом, информационным дизайном. Об этом и пишу. Канал в Телеграме: https://t.me/Eminchannel. Там пишу по-мелочи и делюсь ссылками.
Follow