Анатолий!

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

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

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

Похожий трюк с разделением блоков с помощью текста я использовал в совете о карточках туров

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

Похожий трюк с разделением блоков с помощью текста я использовал в совете о карточках туров

Ещё я позволил себе переработать шапку, потому что мне очень уж хотелось как‑нибудь связать поля ввода с колонками в выдаче. По пути потерялись существенные штуки типа ввода даты поездки — им, конечно, надо будет найти место.

Типографика в вебеМодульная вёрсткаНаправление чтенияДоработка вёрстки
Отправить
Поделиться
Запинить

Комментарии

У Михаила выдача развалилась и слилась в кашу. Мне сложно принять решение о том, какого водителя мне выбрать. У коллеги выше с этим разобраться проще.

У Анатолия заметил кучу приятных мелких деталей — вроде половинок машинок, которые соединяют поля и карточки. Если судить конкретно по странице на скриншоте в вопросе, то нужно поработать над фильтрами и акцентами.

31 июля 2019

Понравился приём с половинками автомобиля на внутренней странице в полях ввода места отправления и назначения. Но прямые стрелочки в иконке «Поменять местами» воспринимаются лучше. Из новых закруглённых стрелок получилась иконка «Обновить», и у меня возникает диссонанс.

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

А цветные круги в секциях напоминают стиль лендингов Авито, особенно в сочетании с таким акцентным голубым цветом.

2 авг 2019

В редизайне автор смешал форму для запроса с результатами. Видимо, форма с полями ввода резала глаз. Поле для ввода даты похоже на кнопку «искать», а самой кнопки «искать» нету.

Почему текст комментариев сделали серым цветом? Почему спрятали информацию о поездке за эффектом наведения мыши и добавили подчёркивание точками?

Советую смелее экспериментировать в Индизайне и ХТМЛ.

7 авг 2019

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