Рекомендации для волонтерского центра Бурундук

Preview:

DESCRIPTION

Юзабелист Алена Егорова проводит бесплатные консультации для сайтов НКО по удобству для пользователей.

Citation preview

Ксюша  22  года  Студентка  факультета  журналистики  

Любит  природу,  в  детстве  часто  ходила  с  дедушкой  гулять  в  лес.  

Услышала,  что  существует  экотуризм,  но  точно  не  поняла,  что  это  такое.  Хотела  бы  сделать  что-­‐то  полезное  для  природы.  С  удовольствием  в  качестве  волонтера  приняла  бы  участие  в  какой-­‐то  поездке,  направленной  на  решение  экологических  проблем.  

Основная  информация,  которую  она  ищет:  •  На  каких  проектах  и  как  она  может  помочь,  •  Что  для  этого  нужно  сделать.  

Ввела  запрос  «экотуризм»  в  поисковике  и  попала  на  главную  страницу  сайта  «Зеленая  кнопка».  

Персонаж  

Смайлы  показывают,  какое  настроение  у  пользователя  возникает  в  результате  работы  со  страницей:  

-­‐  Настроение  пользователя  улучшилось.    

-­‐  Пользователь  немного  разочарован.  

-­‐  Пользователь  расстроен.  

Условные  обозначения  

Главная  страница  

По  заголовкам  на  главной  странице  Ксюше  кажется,  что  сайт  может  помочь  ей  в  ее  желании  стать  волонтером  экологического  проекта.  

Ксюша  замечает  раздел  «Хочу  помочь»  и  кликает  на  него.  В  разделе  она  ожидает  найти  информацию  о  том:  •  На  каких  проектах  сайта  и  как  она  может  

помочь,  •  Что  для  этого  нужно  сделать.  

Главная  страница  раздела  «Хочу  помочь».  Экран  1  

Ксюша  «пробегает»  глазами  блок  основного  текста  и  не  находит  в  нем  нужной  информации.    Она  замечает,  что  указан  почтовый  адрес  организации,  но  пока  не  знает,  хочет  ли  им  писать  (какие  у  них  проекты  и  интересуют  ли  они  ее)  и  что  именно  нужно  писать.  Более  того,  ей  лень  копировать  адрес,  специально  идти  на  свою  почту  и  писать  оттуда  письмо.  Она  замечает  фотографии  с  мероприятий,  похожих  на  те,  которые  она  ищет.  Кликает  на  одну  из  них,  но  не  может  понять,  что  это  за  мероприятие  и  как  узнать  о  нем  подробнее.  Ксюша  прокручивает  страницу  вниз.  

Главная  страница  раздела  «Хочу  помочь».  Экран  2  

Ксюша  прокручивает  страницу  вниз.  

Она  видит  «свежие»  статьи.  Ее  заинтересовывает  статья  «Как  стать  волонтером:  права  и  обазянности».  Она  кликает  по  заголовку.  

 

Она  ожидает  получить  там  информацию  о  том,  что  ей  нужно  сделать,  чтобы  стать  волонтером.  

Страница  статьи  раздела  «Хочу  помочь».  Статья  «Как  стать  волонтером»  

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

Внизу  страницы  дана  ссылка  на  источник  материалов.  Ксюша  кликает  по  ней  в  поисках  доп.материалов  (и  ожидая  найти  у  первоисточника  больше  материалов).  В  другой  вкладке  открывается  «битая»  ссылка.  Ксюша  возвращается  на  сайт.    

Возвращается  в  раздел  «Хочу  помочь»  и  выбирает  статью  «Образовательные  программы  зарубежом:  волонтерство».  Исходя  из  названия,  она  ожидает  найти  в  статье  информацию  о  том:  •  На  каких  проектах  сайта  и  как  она  может  помочь,  •  Что  для  этого  нужно  сделать.  

  Может  уйти  с  сайта:  •  Не  нашла  нужную  информацию  

•  Устала  искать  на  этом  сайте  («Вряд  ли  здесь  это  есть»)  

Ксюша  опять  видит  большой  объем  неструктурированного  и  некликабельного  теста.  

Она  не  находит  на  странице  ни  конкретной  информации  о  том,  в  каких  проектах  и  как  можно  поучаствовать,  не  ссылок  на  них.  

Ксюша  начинает  сомневаться,  что  эта  организация  предлагает  волонтерские  туры,  которые  она  ищет.    

Она  пытается  понять,  чем  же  занимается  организация.  Видит  раздел  «PROтуризм»  и  заходит  в  него.  Ожидает:  

•  возможно,  там  описано,  чем  занимается  организация.  

Очень  вероятно,  что  уйдет  с  сайта:  •  Не  нашла  нужную  информацию  

•  Устала  искать  на  этом  сайте  («Вряд  ли  здесь  это  есть»)  

Страница  статьи  раздела  «Хочу  помочь».  Статья  «Образовательные  программы  за  

рубежом»  

Главная  страница  раздела  «PROтуризм»  

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

Они  прокручивает  страницу  вниз,  открывает  статью  «Как  стать  экотуристом?»  

Ксюша  ожидает  увидеть:  

Информацию  о  том,  куда  конкретно  можно  поехать  в  качестве  экотуриста  (подробное  описание  туров  с  датами  или  ссылки  на  них)  

Информацию  о  том,  что  нужно  для  этого  сделать.  

Может  уйти  с  сайта:  •  Не  нашла  нужную  информацию  

•  Устала  искать  на  этом  сайте  («Вряд  ли  здесь  это  есть»)  

Статья  раздела  «PROтуризм».  Статья  «Как  стать  экотуристом»  

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

Ксюша  замечает  в  меню  раздел  «Заповедная  карта»  и  «кликает»  на  него.  

Ксюша  ожидает  увидеть:  

•  Карту  с  возможными  местами,  куда  можно  поехать  в  качестве  экотуриста  

•  Подробное  описание  этих  мест/туров  или  ссылки  на  них  

•  Информацию  о  том,  что  нужно  для  этого  сделать.  

Очень  вероятно,  что  уйдет  с  сайта:  •  Не  нашла  нужную  информацию  

•  Устала  искать  на  этом  сайте  («Вряд  ли  здесь  это  есть»)  

Страница  «Заповедная  карта»  

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

Она  хочет  узнать  подробнее  про  тур  «Ветер  перемен  –  2013»  и  «Кенозерский  град  Китеж»  (они  как  раз  в  июле  –  тогда,  когда  она  планировала  брать  отпуск).  Но  не  может  понять,  как  на  сайте  найти  подробную  информацию.  

Ксюша  копирует  название  тура  и  идет  в  поисковую  систему,  чтобы  найти  на  другом  сайте  подробную  информацию  о  нем.  

Ксюша  уходит  с  сайта.  

Рекомендации  

Сделать  текст  более  наглядным:  •  Структурировать  его  •  Выделять  основные  моменты  

Пример:  фрагмент  статьи  «Образовательные  программы  за  рубежом:  волонтерство»  

Виды  программы:  

Краткосрочные  –  от  2  недель  до  1  месяца.  Долгосрочные  –  от  2  месяцев  до  1  года.  Участвовать  в  программе  можно  не  один  раз.  

Рекомендации  

Каждая  статья  должна  «наводить»  пользователя  к  следующему  возможному  действию:  •  Объяснять,  какими  могут  быть  следующие  шаги,  чтобы  что-­‐то  сделать.  По  возможности,  

предлагать  ему  это  сделать  или  давать  ссылки  на  места,  где  он  это  может  сделать  

•  Давать  ссылки  на  информацию,  которая  теперь  ему  может  быть  интересно  

•  Предлагать  смежную  информацию,  которая  ему  может  быть  интересна  

Note:  сейчас  к  действию  призывает  кликабельная  ссылка  на  сайт-­‐источник  статьи.  

Пример:  статья  «Образовательные  программы  за  рубежом:  волонтерство»  

Подробную  информацию  о  конкретных  программах  или  ссылки  на  нее.  

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

Ссылки  на  несколько  статей  по  смежной  теме,  которые  есть  на  сайте  (с  их  названиями)  

Добавить  

Рекомендации  

Оптимизировать  по  статьям  навигацию  внутри  разделов:  В  данный  момент  в  разделах  предусмотрена  сортировка  статей  по  дате  выпуска.  Когда  статей  на  сайте  будет  много,  пользователю  будет  сложно  ориентироваться  в  них.    

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

Пример:  раздел  «Приложения»  на  сайте  te-­‐st.ru  Преимущества  примера:  

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

 

Рекомендации  

Добаить  форму  для  отправки  сообщения.  

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

Добавить  подписи  к  фотографиям  

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

Пример:  

Recommended