Текст книги "Шаблоны проектирования веб-приложений"

GROUPS/SPECIAL INTEREST COMMUNITY (ГРУППЫ/ОСОБЫЕ СООБЩЕСТВА ПО ИНТЕРЕСАМ)

Проблема

Пользователям необходим способ соединяться с другими людьми, обладающими схожими интересами и опытом, чтобы они могли изучать и делиться своими знаниями и мнением, выстраивать взаимосвязи, расти профессионально, расширять свои сети и т. д.

Решение

Разрешите пользователям присоединяться и создавать группы, также имеющие отношение к форумам или онлайн-сообществам (рис. 9.47).

Рис. 9.47. Сайт LearnHub, поддерживающий сообщества в сфере образования, позволяет пользователям присоединяться к существующим сообществам или основать свое собственное сообщество

Зачем

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

Как

Группы или онлайн-сообщества являются виртуальными местами, где пользователи со схожими интересами могут делиться информацией и соединяться друг с другом. В то же время сообщество может быть организовано в форме дискуссионных групп вокруг определенной темы (например, Usenet); групп, созданных внутри приложения социальной сети (например, Facebook), дискуссий вокруг социальных объектов, таких как фото, музыка, фильмы, книги и т. д. (например, YouTube, Flickr); комментариев в ответ на запись в блоге (например, Livejournal.com); сообществ, созданных компаниями, чтобы поддержать своих потребителей (например, форумы поддержки компании Dell).

Группы могут создаваться динамически, используя теги совместного доступа (рис. 9.48), либо пользователи могут создавать их, напрямую основываясь на своих определенных интересах (рис. 9.49). Динамическое создание групп является прекрасным способом отыскать людей, разделяющих такие же интересы. Однако подобные косвенно созданные группы могут быть нежизнеспособными, поскольку пользователи не выбирали, стать им частью такой группы или нет. С другой стороны, напрямую созданные группы требуют от пользователей присоединения к ним и могут иметь больше шансов на выживание.

Рис. 9.48. Сайт 43 Things создает группы динамически, основываясь на тегах

Рис. 9.49. Сайт Facebook позволяет пользователям создавать свои собственные группы

Также группы могут создаваться вокруг определенных событий посетившими их людьми, либо теми людьми, кто намеревается посетить эти события. События просто являются частью группы с местоположением и датой. Хороший пример представляет собой сайт SlideShare (www.slideshare.net), где пользователи могут создавать группы, основываясь на событиях. Преимуществом групп, основанных на событиях, является то, что они могут предоставить пользователям возможность вступать в группы касательно определенных дат или местоположений.

Разрешите пользователям создавать общедоступные или приватные группы

Группы, созданные пользователями, могут быть либо общедоступными, либо приватными (рис. 9.50). Общедоступные группы полезны для массово популярных тем, таких как кулинария, туризм, политика и т. д., в которые наиболее вероятно пригласить участвовать многих пользователей. Эти общедоступные группы могут породить множество специализированных подсообществ, в зависимости от интересов их пользователей. Приватные группы обычно создаются пользователями, которые имеют очень специфические цели или связаны с темами, чувствительными по своей природе.

Рис. 9.50. Сайт Facebook разбивает группы на открытые, закрытые и секретные. Открытые группы представляют собой общедоступные группы. Секретные группы являются приватными группами. А закрытые группы наполовину общедоступны, поскольку они предполагают разрешение администратора группы на вступление

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

Поощряйте пользователей присоединяться и участвовать

Пользователи в основном предпочитают вступать в те группы и сообщества, которые являются активными. Вот почему так важно показывать индикаторы групповой активности, такие как количество пользователей, число записей, количество ответов, частота записей и т. д. (рис. 9.51). Также полезно отображать галерею активных пользователей группы. Это можно реализовать, показывая аватары пользователей в части обсуждения и/или показывая галерею новых и активных участников сообщества.

(а)

(б)

(в)

Рис. 9.51. Сайт Flickr показывает пользователям количество участников группы (а), «фотопул» (б) и список текущих обсуждений (в), чтобы отобразить активность и интересы в группе

Показывайте пользователям группы их друзей

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

Создавайте сообщества, где пользователи могут найти нужные идеи и советы

Необязательно иметь сообщества, запущенные только пользователями. Они могут быть основаны компаниями, чтобы поощрить комментарии и обратную связь от потребителей (рис. 9.52).

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

Несколько компаний используют сообщества, чтобы отладить свои продукты и предложения услуг. Сайт Salesforce.com использует сообщество обмена идеями IdeaExchange, чтобы поощрить идеи от пользователей и попросить их продвигать или понижать идеи карты их продукции (см. ссылку ideas.salesforce.com/popular/ideas_under_consideration).

Связанные шаблоны проектирования

Облако тегов (TAG CLOUDS) является важным механизмом навигации для динамически создаваемых групп, потому что пользователи могут выбрать соответствующий тег и перейти в ожидаемую группу (см. главу 5). В дополнение к этому, поскольку пользователи участвуют в сообществах, они могут зарабатывать репутацию (REPUTATION), основанную на качестве их вклада.

MESSAGING (ОБМЕН СООБЩЕНИЯМИ)

Проблема

Одной из причин, по которым пользователи участвуют в онлайн-сообществах, является возможность общаться друг с другом. Это может проявляться в форме беседы (т. е. чата) или в качестве сообщения, на которое можно ответить позже. Также в некоторых случаях пользователи могут пожелать отправить массовое сообщение, т. е. послать сообщение нескольким людям одновременно и, возможно, им не нужен ответный отклик.

Решение

Разрешите пользователям общаться друг с другом либо синхронно (например, через чат), либо асинхронно (например, отправкой сообщений, напоминаниями и т. д.) (рис. 9.53).

Рис. 9.53. Сайт Facebook предлагает пользователям несколько настроек сообщений: отправка по электронной почте, чат в режиме реального времени (зеленый маркер отображает, что пользователь находится в онлайне), а также толчок (невербальное сообщение)

Зачем

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

Как

Разрешите пользователям общаться друг с другом как синхронно в режиме реального времени, используя возможность мгновенного обмена сообщениями (например, чат), так и асинхронно, отправляя друг другу сообщения или размещая сообщения в расшаренном общедоступном месте. Наиболее распространенной настройкой асинхронного обмена сообщениями является разрешение пользователям отправлять приватные сообщения к кому-либо (рис. 9.54), а также размещать комментарии в общедоступных местах (например, «стены» на сайте Facebook).

Рис. 9.54. Сайт LinkedIn позволяет пользователям общаться друг с другом, используя опцию «Отправить сообщение» («Send a Message»)

Для содействия чатам показывайте онлайн-статус друзей

Поскольку синхронный обмен сообщениями предполагает одновременное пребывание пользователей в онлайне, чтобы начать общение, отображайте, находятся ли пользователи в онлайне (рис. 9.55; см. следующий шаблон PRESENCE INDICATOR для дополнительных деталей).

Рис. 9.55. Сайт Facebook показывает пользователям количество их друзей, находящихся в онлайне

Поддерживайте вещательные сообщения

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

Такие вещательные сообщения предпочтительнее, чем сообщения, адресованные определенному пользователю в сети. На сегодняшний день существует несколько различных способов для реализации такой потребности: например, «стены» (на сайте Facebook), заметки (на сайте Orkut) и комментарии (на сайте MySpace) (рис. 9.56).

Рис. 9.56. Сайт Facebook позволяет пользователям размещать комментарии на «стенах» своих друзей

Разрешите пользователям отображать свои предпочтения по обмену сообщениями

Поскольку вещательные сообщения, такие как комментарии и заметки, являются частью профиля пользователя, они видимы каждому, кто получил доступ к этому профилю. Тем не менее позвольте пользователем управлять доступом, чтобы они могли определить, кто может писать и просматривать комментарии (рис. 9.57).

(а)

(б)

Рис. 9.57. Сайт Facebook позволяет пользователям определять, кто может писать комментарии на стене (а). Он также дает возможность исключить определенных пользователей из написания комментариев (б)

Очень важно, чтобы эти предпочтения, будучи один раз установленными, были четко отображены на страницах профиля пользователя (рис. 9.58).

Рис. 9.58. Сайт Yahoo! Answers отображает предпочтения общения пользователей на страницах их профилей. В данном примере пользователь предпочитает не общаться через мгновенный обмен сообщениями или электронную почту

Связанные шаблоны проектирования

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

Наличие индикатора присутствия (PRESENCE INDICATOR) может помочь объединить онлайн-статус пользователя и желание общаться с ним.

PRESENCE INDICATOR (ИНДИКАТОР ПРИСУТСТВИЯ)

Проблема

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

Решение

Показывайте пользователям отображение, находится ли другой пользователь в онлайне (рис. 9.59). Тем не менее уважайте предпочтения приватности каждого пользователя и отображайте их онлайн-статус соответственно.

Рис. 9.59. Сайт Meebo, онлайн-агрегатор мгновенного обмена сообщениями, показывает пользователям их контакты и онлайн-статусы. Как и другие настольные агрегаторы мгновенного обмена сообщениями, он группирует офлайн-пользователей отдельно и различает контакты и типы аккаунтов мгновенного обмена сообщениями различными изображениями

Зачем

Важной составляющей приложений, основанных на сообществах, является продвижение взаимодействия и общения среди своих участников. Несмотря на то что это может быть достигнуто посредством обмена офлайновыми сообщениями, вроде электронной почты, внедрение общения в режиме реального времени лучше продвигает сущность сообщества. Именно поэтому известие о том, в онлайне ли пользователь, является важным – поскольку оно может подсказать другим, что они могут начать беседу.

Как

Как и в программах мгновенного обмена сообщениями (например, ICQ, MSN Messenger, Skype), используйте изображение статуса или какие-то другие маркеры, чтобы отобразить, находится ли пользователь в онлайне.

Разрешите пользователям отображать их статус активности

Недавним направлением стало позволение пользователям отображать свой статус активности посредством своего индикатора присутствия (рис. 9.60). Этот подход также известен как распределение статуса (популяризован сайтом Twitter, который позволяет пользователям отправлять короткие сообщения, информируя других о том, что они делают в данный момент). Распределение статуса подобно статусным сообщениям в программах для мгновенного обмена сообщениями, где пользователи отображают свой текущий статус как «Занят», «Недоступен», «Готов поболтать», «Кушаю» и т. д., исключая то, что многие подобные программы предлагают предустановленные настройки такого выбора для пользователей в дополнение к возможности устанавливать свои собственные статусные сообщения пользователями.

(а)

(б)

Рис. 9.60. Сайт Facebook предоставляет пользователям возможность отображать, над чем они работают (а). Как только пользователи отобразят свой статус, он становится видимым другим пользователям (б)

Разрешите пользователям устанавливать собственные статусы

По причинам приватности или любым другим некоторые пользователи могут предпочесть не отображать свой индикатор онлайн-присутствия или статус для остальных пользователей. Либо они могут захотеть (или не захотеть) разрешить видеть свой онлайн-статус только определенным пользователям. Чтобы обеспечить такие предпочтения, разрешите пользователям определять тех, кто может (и не может) просматривать их статус.

Связанные шаблоны проектирования

Индикаторы онлайн-присутствия полезны не только для того, чтобы информировать о том, находятся ли другие пользователи в онлайне. Также они полезны в принятии решения, стоит ли начать с ними беседу. По этой причине шаблон PRESENCE INDICATOR часто сопровождается внедрением шаблона MESSAGING.

SHARING (СОВМЕСТНЫЙ ДОСТУП)

Проблема

Пользователи могут пожелать поделиться (осуществить совместный доступ) контентом – фотографиями, видео, новыми статьями и т. д. – с другими пользователями. Контент, который становится доступным, может принадлежать или не принадлежать тому человеку, который им делится.

Решение

Разрешите пользователям делиться контентом с другими (рис. 9.61).

Рис. 9.61. Сайт SlideShare предлагает несколько настроек совместного доступа. Когда кто-то загружает слайд-шоу, он автоматически разрешает совместный доступ к нему для других. В дополнение к этому пользователи могут нажать кнопку «Разрешить совместный доступ к этому слайд-шоу» («Share this slideshow»), чтобы пригласить определенных людей просмотреть его. Либо они могут разрешить совместный доступ к нему всем без исключения, разместив ссылку на ресурсах вроде Digg, Reddit и MySpace

Зачем

Существует несколько причин, по которым пользователи могут пожелать разрешить совместный доступ к информации (Porter, 2008):

• поддерживать семью и друзей информированными;

• делиться уникальным и приятным опытом;

• отвечать взаимностью;

• помогать найти ответы на чьи-то вопросы или провести исследование;

• представить людей друг другу;

• поделиться информацией.

Интересным побочным продуктом совместного доступа является то, что он позволяет пользователям увеличить свою репутацию внутри сообщества – посредством узнавания их как экспертов в некоторых областях (см. шаблон REPUTATION, рассмотренный ранее в этой главе). Также совместный доступ является основой социального взаимодействия. Для процветания сообщества (и его поддержания), как в офлайне, так и в онлайне, очевидно, что оно должно поддерживать совместный доступ и улучшать участие и взаимодействие среди своих участников.

Как

Портер (Porter, 2008) определил две формы совместного доступа: явную и скрытую. Скрытый совместный доступ происходит тогда, когда доступ к контенту осуществляется силами пользовательского участия в сообществе. Например, когда пользователи помещают страницу в избранное на сайте хранения закладок, загружают фотографии на Flickr или выкладывают видео на YouTube, данные позиции неявно внедряются в остальное сообщество до тех пор, пока они не будут отмечены как приватные. Скрытый совместный доступ даже не требует каких-либо определенных действий от других пользователей. Доступ на позиции распространяется с пользователями сообщества, как только файлы размещены или сделаны доступными в приложении (рис. 9.62). Явный совместный доступ, с другой стороны, предполагает от пользователей отправки прямого сообщения, обычно по электронной почте, на получение доступа к контенту в приложениях вроде Google Docs, Zoho, Delicious и т. д.

(а)

(б)

Рис. 9.62. Фотографии пользователей разрешены к совместному доступу для всех пользователей сайта Flickr (а) до тех пор, пока они не будут помечены как приватные после загрузки (б)

Разрешите пользователям осуществлять совместный доступ к контенту посредством электронной почты

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

Чтобы убедиться, что пользователь, инициировавший совместный доступ, является человеком, предусмотрите использование публичного теста (CAPTCHA) (см. главу 3). В дополнение к этому, чтобы подавить опасения о намерениях провайдера приложения собрать базу адресов электронной почты, включите ссылку на политику конфиденциальности.

Разрешите пользователям размещать контент на других сайтах

По мере увеличения пользовательского участия становится важным упростить процесс осуществления совместного доступа посредством приложений третьих сторон. Многие приложения и сайты контента сейчас разрешают пользователям продвигать контент в своих приложениях через такие сайты, как Digg, Facebook, Delicious и т. д. (рис. 9.63).

Рис. 9.63. Сайт SlideShare позволяет пользователям разрешать совместный доступ к презентациям во множестве веб-приложений

Устанавливайте постоянные ссылки

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

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

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

Использование формата, показанного в следующем совете, позволяет поисковым системам собирать постоянные ссылки и устанавливать связи между документами прежде, чем расшифруются связи от тега привязки (например <a>).

Совет

Включите постоянную ссылку на страницу при помощи HTML, используя, как показано ниже, rel="bookmark":

<link rel="bookmark" href="permalink URL"/>

Разрешите контенту быть встраиваемым

Разрешите такому контенту, как видео, музыка, длинные дискуссии и т. д., находиться в совместном доступе посредством его встраивания в другие приложения. Встраивание контента осуществляется простым способом: пользователь может копировать необходимый HTML-код (или JavaScript-сценарий) и вставить его на веб-страницу по своему выбору (рис. 9.64).

Рис. 9.64. Сайт YouTube не только упрощает пользователям встраивание видео на веб-страницы по их выбору, но также предлагает несколько вариантов настройки

Предложите печатные версии страницы

Не весь совместный доступ осуществляется в онлайне. Существуют пользователи, которые предпочитают делиться распечатанными материалами. Предложите им возможность просматривать версию страницы для печати или PDF-вариант (рис. 9.65). Затем они могут распечатать страницу или поделиться ею в офлайне. Если у них есть программа Adobe Acrobat, пользователи могут также оставлять комментарии по материалу.

Рис. 9.65. Сайт Knowledge@Wharton не только предлагает пользователям онлайн-настройки для чтения статьи, ее прослушивания и предоставления доступа другим пользователям, но также продвигает офлайн-использование, позволяя загрузку аудио и PDF-версии статьи

Связанные шаблоны проектирования

Чтобы предотвратить распространение спама или предложений от автоматизированных веб-пауков, часто предлагается использование публичного теста (CAPTCHA), когда пользователи делятся контентом с другими (см. главу 3). Совместный доступ (SHARING) также является первым шагом для сотрудничества (COLLABORATION).