Помогите определить слабые стороны макета

Геннадий!

В бюро рисуют макеты с настоящей рыбой.

Вёдра

У вас вышел не макет настоящей страницы, а в лучшем случае самый первый прототип, не имеющий ничего общего с реальностью. Данные не настоящие, текст и иллюстрации повторяются. Из‑за этого страница вышла пресной на вид и бесполезной для читателя. Кому охота разбираться и искать что‑то полезное в куче однообразных списков?

В бюро рисуют макеты с настоящей рыбой.

Вёдра

Рисуйте макет с настоящей рыбой.

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

Настоящая рыба поможет заранее увидеть проблемы с дизайном. Например, настоящий текст окажется длиннее, а фотографии — более низкого качества, чем вы рассчитывали. А ещё рекламные банеры обязательно окажутся анимированными и совсем другого размера :‑)

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

См. также совет Ильи Бирмана о прототипах.

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Комментарии

Николай Яковенко

Михаил, подскажите, как верстать справочники компаний? Когда более 100 пунктов в каталоге и ни один из этих пунктов не может быть признан более важным по сравнению с другими.

Роман Буянов

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

Денис Авксентьев

Николай, просто сгруппируйте их по близкой тематике. Тогда и разобраться будет проще.

Николай Яковенко

Роман, можно пример?

Денис, группировка от общего к частному — решение, к которому пришёл. Его проблема в том, что если пользователь попадает на сайт не с нужной ему категории, то при любой формулировке названий подразделов — неочевидно дальнейшее передвижение.

Роман Буянов

Николай, ваша задача скорее про ручное редакторское описание, чем про вёрстку.

Компания с небольшим количеством продуктов может на общей странице написать к каждому, чем он отличается от других и для кого предназначен. В своём портфолио вы не пишете, что сверстали для каждого клиента энцать страниц, а выделяете более интересные детали. Собственно, я думал, что прямо на странице портфолио увижу готовый пример, но увы ;‑)

Задача — придумать, как выделить такие детали в случае с сотней компаний. Когда будет контент, решающий эту задачу, то и вёрстку надо будет делать под него, а не под однотипное перечисление.

Более «тяжелый» случай, где действительно большое количество позиций — мой любимый Яндекс‑маркет, который как раз много делает для осознанного выбора по различиям между товарами. Мало того, что на нём к товарам есть подробные ТТХ, а по ним фильтры и сравнение (притом Маркет отчасти автоматически выдергивает ТТХ со страниц магазинов), что он предлагает всякие «популярные», «новые», «желанные» и «рекомендуемые» по своей статистике, и что на нём полезные отзывы и фильтрация по ним. Вдобавок: в популярных категориях есть сценарии использования типа «планшеты со звонилкой» или «мультиварки для молочных каш»; В списке товаров и блоках «похожих» сразу выводятся несколько основных характеристик, типа «Мультиварка с Bluetooth, 3D нагрев, керамическое покрытие чаши, мощность 900 Вт». Плюс на странице товара тоже десяток основных ТТХ вместо сразу всех; Маркет автоматически вытягивает из отзывов плюсы и проблемы товара, вроде «крепкая сборка корпуса», и выводит их кратким списком.

Комментарии

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

Свежак

Текст

Дизайн

Вёрстка

Визуализация

Текст

Как сверстать хороший макет

Новый сайт бюро