Пора погрузиться в область фрагментов! То есть его фактическая область содержания. У нас уже есть заголовок. Область сниппетов очень популярна. Не углубляясь в аналитику, я знаю, просматривая социальные сети и слыша от людей из реальной жизни, что они находят много полезного в этой области.
В версии 9 очень распространенной и законной критикой было то, что ее было трудно просматривать. Это был сильно раскрашенный аккордеон, и каждый фрагмент представлял собой «пузырьковую ссылку» (из-за отсутствия лучшего дескриптора), которая соответствовала основному цвету этого подраздела фрагмента. Хуже того, они были выровнены по ширине, что, по моему мнению, было бы изящным способом дать им немного места и немного бросить взгляд, но в итоге они выглядели просто странно и неряшливо.
Давайте возьмемся за это и сделаем область сниппетов удобнее для просмотра. Хотя, опять же, большая часть этого контента находится через поиск. Тем не менее, с таким же успехом может быть приятно просматривать.
Сразу же решаем не помещать поле поиска прямо в область содержимого. Раньше было, но это редизайн, и мы принимаем решение объединить поиск в одной области. Однажды научившись пользоваться поиском, вы навсегда узнаете, как он работает.
Для дизайна мы используем две колонки. Слева основные категории сниппетов, каждая из которых имеет уникальный цвет. Время радуги! Мы ищем вдохновение в собственной галерее.
В правом столбце будет просто список фрагментов в этой категории. Просто, легко просматривать. Очень похоже на ссылки в нижнем колонтитуле. Люди умеют сканировать и использовать списки ссылок. Это наиболее простой шаблон дизайна.
Однако мы возимся с некоторыми дизайнерскими решениями. Должны ли ссылки соответствовать цвету раздела или просто быть серыми? Должны ли мы «полоскать» ссылки блеклой версией основного цвета? Должны ли мы включать дату публикации или дату обновления, или нет? Забавные и важные вещи, о которых стоит подумать, но мы всегда можем принять такие решения, как только перейдем в браузер и начнем работать с реальными данными.