Дизайн — статьи о сайтах
Сайт общественной организации обычно растёт слоями: сначала рассказ о миссии, потом новости, затем сбор помощи, отчёты, документы, анонсы акций. В итоге на главной оказывается всё сразу, а посетитель не понимает, с чего начать. Разберём, как разделить материал между главной и внутренними страницами, чтобы каждый нашёл свой путь.
Какие вопросы должна закрыть главная страница
Главная — не архив и не визитка на всю организацию, а точка распределения. За первый экран и одну-две прокрутки человек должен получить ответы на три вопроса: чем занимается организация, где и для кого она работает и что можно сделать прямо сейчас — обратиться за помощью, стать волонтёром, поддержать, узнать новости. Всё, что на эти вопросы не отвечает, — кандидат на внутреннюю страницу.
Кто приходит на сайт и с какой задачей
Прежде чем делить материал, выпишите группы посетителей и их задачи. Чаще всего это люди, которым нужна помощь или услуга организации; потенциальные волонтёры; те, кто готов поддержать деньгами или вещами; партнёры, представители власти, журналисты; действующие участники. У каждой группы свой вопрос и своя степень подготовки: волонтёру нужны график и условия, партнёру — сведения об организации, отчёты и контакт ответственного.
Для каждой группы нужен понятный вход с главной и своя страница, где разговор доведён до действия. Если одну страницу «О нас» заставить обслуживать всех, она превратится в длинное полотно, в котором никто ничего не найдёт.
Что оставить на главной, а что вынести внутрь
- На главной: миссия в одном-двух предложениях; три-четыре входа по задачам посетителей; одно главное действие; два-три свежих материала; краткие контакты.
- На внутренних страницах: история, структура и руководство, подробности программ, правила участия, отчёты, документы, архив новостей, фотоотчёты, ответы на частые вопросы.
Критерий простой: на главную идёт то, что нужно большинству и сразу; на внутреннюю — то, что нужно части посетителей и требует деталей. Отчёты и документы важны для доверия, но им достаточно места в разделе «Об организации» и ссылки в подвале.
Отдельно решите, какое действие главное в этом сезоне. Если одновременно идут набор волонтёров и сбор средств, а на главной две равнозначные яркие кнопки, человек часто не нажимает ни одну. Второе действие можно оставить карточкой поменьше.
Условный пример: главная и страница для волонтёров
Допустим, вымышленная организация помогает городским приютам для животных. Фрагмент её главной мог бы выглядеть так:
- Заголовок: «Помогаем приютам нашего города: ищем дом животным и собираем необходимое».
- Одно предложение о том, кто вы и в каких районах работаете.
- Три карточки: «Взять животное», «Стать волонтёром», «Помочь приюту вещами или деньгами».
- Блок «Ближайшее»: субботний выезд в приют — дата, место, ссылка «Подробнее».
- Внизу: телефон, почта, ссылки «Отчёты» и «Документы».
Карточка «Стать волонтёром» ведёт на внутреннюю страницу. Там уже есть всё нужное для решения: чем занимаются волонтёры, как устроен график, какие есть ограничения, что взять с собой, как записаться и к кому обратиться. На главной остаётся одна строка описания, а детали существуют только на странице волонтёров.
Как не дублировать информацию и не создать противоречий
Дублирование — главная причина расхождений: на главной один график приёма, на странице контактов другой. Назначьте каждому факту одну основную страницу: адреса, часы работы, реквизиты, правила участия. В остальных местах давайте короткую выдержку со ссылкой на неё или используйте общий блок, если система управления сайтом это позволяет.
Названия пунктов меню формулируйте по задачам и словами посетителя: «Как помочь» понятнее, чем «Привлечение ресурсов». Новости не заменяют постоянные страницы: если условия участия сообщаются только в анонсе, перенесите их на постоянную страницу, а в новости оставьте ссылку на неё.
Проверочный список для главной страницы
- Понятно ли без прокрутки, чем занимается организация и в какой сфере она работает?
- Есть ли отдельный вход для каждой ключевой группы посетителей?
- Выбрано ли одно главное действие на текущий период?
- Не вынесены ли на главную длинные тексты, которые нужны лишь части аудитории?
- У каждого факта (адрес, график, реквизиты) есть одна основная страница?
- Названия разделов в меню понятны человеку, не знакомому с вашей внутренней терминологией?
- Ведут ли карточки на страницы, где описаны следующие шаги и указан контакт?
- Проверены ли дата и актуальность материалов в блоке «Ближайшее»?
Если на какой-то пункт ответ «нет», начните с него: часто достаточно убрать лишнее с главной и дописать недостающие шаги на внутренней странице.
