Частая ошибка при форсированном рисовании макета

20.03.2007

К сожалению схемы разработки сайтов в реальной жизни редко похожи на идеальные. Иногда приходится первым делом рисовать главную страницу сайта, чтобы показать, на что ты способен. Даже если времени очень мало, не набрасывайтесь сразу на «Фотошоп». Сначала разработайте тему.

Посмотрите сайты аналогичной направленности. Это простой способ получить впечатляющий список типов материалов, которые можно изобразить на эскизе.

Затем уделите полчаса анализу. Из всего списка типов материалов и способов их подачи сформируйте информационные блоки. Сделать это можно, например, на основе интересов целевой аудитории сайта.

Для блоков подберите «рыбу» пореалистичнее. Порисуйте макет на бумаге. Если возникают трудности, воспользуйтесь какой-нибудь программой вроде «Визио».

А теперь тот момент, ради которого я затеял весь сегодняшний пост.

Некоторые материалы, вроде красивых фотографий или больших интересных статей, украсят любой сайт. Разнообразие информационного наполнения в некоторых областях поражает. Может захотеться на главной странице сделать блок с отзывами довольных клиентов, с последними темами на форуме, с новыми обзорами продукции, со списками партнеров, просто с уместными интересными историями.

Не спешите. Оцените, реально ли кто-то будет регулярно рассказывать незаурядные вещи на сайте. Ваш заказчик, директор шинной фабрики, похож на графомана-любителя? Он поделиться интересным опытом на сайте? Вообще кто-то на этой фабрике стремиться к самовыражению в форме текстов? Найдутся ли у заказчика такие же красивые снимки, как те, что вы взяли для шаблона с Фликра?

Нет. Скорее всего, нет. Если бы ответ был положительный, наверняка вам бы удалось убедить заказчика уделить несколько дней обоснованию, выработке требований и концептуальному проектированию сайта.

Будьте реалистичны даже в ваших «шаблонах за полдня». Не тратьте время на блок с новыми сообщениями на форуме, если форума на сайте не будет. Иначе полученный макет придется сильно перерабатывать. Вы уберете половину теоретически красивых блоков, и всё развалится.

P. S. — Я тут играюсь с оформлением блога. Что думаете? Не слишком ли нынешний вариант скучный?

Комментарии

Фёдор, 20.03.2007 17:59

2 P.S.: ИМХО низкий контраст у основной палитры сайта, да и правая колонка упала под левую в шестом ослике...

Дмитрий Сергеев, 20.03.2007 18:25

Спасибо. Вчера обрадовался, что поборол один баг с textarea. А оказывается проявился новый. Вроде исправил.

По-поводу контраста подумаю, что можно сделать.

Лёха Скрипник, 20.03.2007 23:47

Не скучно, оформление стало лучше. Левая вертикальная полоска у текста мне кажется лишней. Почти всю правую колонку можно вынести в отдельную страницу.

Дмитрий Сергеев, 21.03.2007 00:03

Полоска изначально планировалась dotted или dashed, но у IE есть баг на эту тему. Поэтому стала solid. Попробую что-нибудь придумать, может, сделаю ее потусклее. Или уберу совсем.

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

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

Может и отдельную страничку «об авторе» заведу. Тогда уже получится целое горизонтальное меню.

Спасибо за фидбек.

Валера, 21.03.2007 10:21

И помоему, не мешало бы текст статьи выровнять по ширине.
А так все нормально, и полоска хорошо сморится

Дмитрий Сергеев, 22.03.2007 13:15

Выравнивать текст по ширине на сайтах не стоит вообще, по-моему.

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

Гугнин, 22.03.2007 13:07

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

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

Дмитрий Сергеев, 22.03.2007 13:10

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

Диана, 01.04.2007 23:41

Сейчас слишком сложно оформлена подписка.
Предлагаю сделать 3 чекбокса:
"Заметки о проектировании сайтов", "Веб-разработка: проектирование сайтов и информационная архитектура" и "Статьи о проектировании сайтов".
Подпись "Рассылка subscribe.ru" и пр. можно сократить до "subscribe.ru" и указывать после подписи к чекбоксу темно-серым шрифтом.
Ниже одно поле для email и кнопка.
Таким образом блок заметно будет облегчен.

Кстате, о страничке "об авторе", думала, что попаду туда кликнув по ссылке "Дмитрий Сергеев", оказалось не то.

Дмитрий Сергеев, 06.04.2007 10:09

Спасибо. Страничку об авторе обязательно сделаю отдельную. А с формами для подписки не всё просто -- есть условия размещения. Но попробую что-нибудь придумать.