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