В этой рубрике вы найдете примеры интересных и не только решений по визуализации и функционалу разных сайтов.
Что-то намотаете на ус, что-то возьмете в работу. Ну или просто посмотрите на UX под другим углом.
Я не подстраиваю эти посты под алгоритмы Яндекс Зена. Если зашли случайно - есть вероятность больше не увидеть канал в ленте.
Поэтому подписывайтесь по ссылке в конце на канал. Или на другие площадки в соцсетях и телеграмм канал. Там постов больше и они каждый день. Тут только дайджест, куда могут попасть не все.
На этом вводная заканчивается, переходим к контенту.
П.С. Этот блок будет в каждом посте. Чтобы новые читатели понимали что их ждет и что нужно делать.
* * *
1. Вот пример подхода к оформлению карточки от магазина #ивроше.
На скриншотах может не быть очевидно, поэтому расскажу на словах
Когда ты прокручиваешь карточку товара, блок справа, который содержит название, цену и кнопку "купить" фиксируется и остается на месте.
Таким образом, даже когда ты проматываешь и читаешь отзывы, например, ты:
- Все еще видишь какому товару относится страница.
- Можешь положить его в козину без необходимости делать лишнее действие и крутить колесико вверх. Особенно если контента много и приходится делать это несколько раз.
Дизайн мне, правда не зашел вообще, какой-то он перегруженный, не хватает воздуха. Но это мой взгляд, я не ЦА.
* * *
2. Не ожидал встретить такое. И это еще в первой десятке поисковой выдачи.
Просто посмотрите как сделано здесь и не делайте так никогда. Налицо абсолютное нарушение управления вниманием.
Оно начинает расфокусироваться сразу после первого же захода на страницу.
Фото в центре - это то, за что цепляется глаз в первую очередь. А дальше что? Куда смотреть: вправо или влево?
И там и там нужный контент.
А описание в 3 колонки вообще не читабельно.
Такое ощущение, что его делал бывший сотрудник оффлайн журнала. Такой стиль больше подходит печатным изданиям.
В интернете принято читать сверху вниз. Это ожидаемо. Когда посетитель встречает текст в колонках, да еще и в трех - это сбивает с толку.
Подобные решения я встречал, когда делали, например, СЕО тексты. Размещали эх в несколько столбцов, чтобы не увеличивать высоту страницы.
* * *
3. Обратите внимание как сделан поиск на сайте магазина парфюмерии.
Речь про магазин #elize
С первого взгляда можно подумать, что это стандартное поле поиска в шапке сайта. Оно к слову, содержит текст, который отличается от стандартного. Не просто "поиск", а "поиск по 20 тыс. товаров".
Так вот, когда кликаем на нее - появляется огромного размера поле для ввода. Точно не промахнетесь.
Выглядит как своего рода отдельный интерфейс для поиска по сайту. Решение очень приятное.
При этом когда набираешь фразу сразу подгружаются все возможные варианты товаров и категорий.
Это позволяет найти не просто быстрее то, что ищешь. Но и искать не до конца осознавая какой именно запрос лучше набрать.
Бери на вооружение.
Для интернет-магазинов поиск - это один из самых популярных внутренних сервисов, которым пользуются постоянно.
* * *
На этом на сегодня все. Следующий пост через неделю.
--
Подписывайтесь на канал: https://zen.yandex.ru/profile/editor/id/5b85138ba459c800a931083b
Группа по UX в ВК: https://vk.com/iloveux
Телеграмм канал по UX: https://t.me/myloveux