Рекомендации по улучшению юзабилити сайта благотворительного общества «Адреса милосердия» www.admil.ru
Алёна Егорова
Кафе «Циферблат», митап «Теплицы социальных технологий» 13.04.2013
Доверие Обновляемость информации Проекты и мероприятия (фотоотчеты) Лицензии Лица Финансовые отчеты Конкретные цифры (например: сколько денег собрано, сколько детей спасено, сколько человек присоединились) Разнообразные варианты помощи Обратная связь
Обновляемость информации Главное, что должен сразу показать сайт: что это сайт «живой» организации, работа которой «кипит». Поэтому вся информация на сайте должна быть «свежей», все мероприятия и отчеты должны иметь дату, обязательно должна присутствовать информация о последних мероприятиях и актуальные документы.
Список мероприятий
Мероприятия
Фонд «Наши дети» Важно: Дата Фотография Краткое описание По клику мышкой на область пользователь переходит на страницу с описанием события
Мероприятия Страница конкретного мероприятия Важно: Дата Описание (кто, где и какое мероприятие проводил) Фотографии (оптимально 5-7 разных фотографий с мероприятия)
Фонд «Наши дети»
Фонд «Надежда на завтра»
Доверие: лицензии и т.п. ЦЛП
Фонд «Жизнь» А также наш фонд стал одним из победителей на открытом конкурсе по предоставлению грантов на реализацию проектов в сфере образования, культуры, искусства и общественной дипломатии.
Фонд «Подари Жизнь»
Лица Желательно: Предоставить возможность увидеть лицо крупно (при клике по фотографии, она должна увеличиваться)
«Адреса милосердия» сотрудники фонда
«Подари жизнь» нужна помощь
Финансовые отчеты ЦЛП Дети земли
Конкретные цифры
Подари жизнь
Предание.ру
ЦЛП
charitychoice.co.uk
http://www.bbbs.org
Доверие: варианты помощи
Мотивация
Проекты и мероприятия (фотоотчеты) Помочь реально и легко («Мои деньги будут полезны») Разнообразные варианты помощи Конкретные цифры (например: сколько денег собрано, сколько детей спасено, сколько человек присоединились) Счастливые истории Помочь реально и легко («Мои деньги будут полезны»)
Интересно: На главной странице сайта предание.ру несколько карточек детей с наглядным прогресс-баром (наглядным отображением того, сколько денег уже собрано и сколько осталось собрать) и справа от него кнопка «Пожертвовать». Желательно: Чтобы в списке перемежались пожертвования, в которых собрано мало средств, и те, в которых собрано почти все (и наоборот осталось собрать немного). Чтобы человек мог решить, хочет ли он начать чей-то сбор или, наоборот, завершить.
Предание.ру
Admil.ru Рекомендации: Поместить на главную страницу: Примеры проектов и мероприятий (несколько с ссылкой на все остальные) Разнообразные варианты помощи Несколько (4-6) равных информационных блоков (карточек) о конкретных детях. В блоке:
Фото
и имя Диагноз Прогресс-бар 2 ссылки: «Пожертвовать» и «Читать подробнее»
Конкретные цифры (например: сколько денег собрано, сколько детей спасено, сколько человек присоединились) Счастливые истории
Admil.ru Рекомендации: Возможное расположение на главной странице: Уменьшить
«шапку» (убрать цитату) В шапке: конкретные цифры Под шапкой – меню Под меню: Проекты
и мероприятия Варианты помощи Ниже:
карточки детей Ниже: счастливые истории Убрать
Фонде»
с главной страницы блок «О
Admil.ru Другие рекомендации:
Уменьшить блок «Новости» на страницах (только основная информация: дата, название-описание, фото) Оптимизировать меню Убрать «Главная» Переместить «Контакты» в «О Фонде» Из «О Фонде» вытащить все подразделы, связанные с мероприятиями («Проекты», «Фотогалерея», «Акции») в один большой раздел «Мероприятия»
Оптимизировать страницу «О Фонде» Текст должен быть лаконичным и легко читаемым (меньше «монолитных» текстовых блоков) Учредительные документы и несколько основных строк из них поместить ближе к началу страницы «О Фонде» Награды поместить на страницу «О Фонде»
Как следствие оптимизировать подменю (убрать из него: проекты, фотогалерея, акции, награды, учредительные документы)
Admil.ru Другие рекомендации:
Оптимизировать страницу об истории конкретного ребенка Должна
быть выделена основная информация, написанная лаконично (в том числе, уже оказанная ребенку помощь, сделанные процедуры и состояние на данный момент) Ниже или в отдельной вкладке подробная информация об истории помощи (всегда писать об улучшении состояния ребенка, менее «ярко» описывать ухудшение состояния – но все равно о нем тоже говорить)
Оптимизировать страницу «Как помочь» Убрать
блок с карточками конкретных детей Оптимизировать текст, сократить, разделить на более наглядные блоки
Превратить раздел «Фотографии» в раздел «Мероприятия»: добавить текстовое описание фотографируемого события (когда, где и что происходило)
Admil.ru Другие рекомендации:
При наведении на кликабельные ссылки изображение курсора должно изменяться (чтобы показать кликабельность ссылки) Фотографии людей по клику (или наведению) должны увеличиваться Со страницы конкретного ребенка также должна быть возможность передать безадресное пожертвование Добавить на сайт строку поиска Убрать оранжевый фон текста (который используется для выделения заголовков) Добавить «социальные кнопки» (возможность делиться информацией со страницы в разных социальных сетях) на главную (мелко), на страницы детей и мероприятий Желательно, чтобы была информация о том, как фонд распределяет средства безадресных пожертвований Желательно, чтобы все способы оплаты были видны сразу