Рекомендации по улучшению юзабилити сайта благотворительного общества «Адреса милосердия»

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