Мысли об интерфейсе Facebook / Habr

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

При мне менялись технологии и концепции. Тачскрины, голосовое управление, сенсоры движения, тачпэды, не говоря о всяких мышах — все это органично вписывалось в мой мир взаимодействия с приборами, и на этом пути не было ни особых потрясений, ни революций. Я спокойно и естественно считал себя типичным early adopter. Я был в сетях Fido и Compuserve, писал электронные письма до Эпохи интернета, общался в чатах и конференциях годы до появления ICQ, хранил файлы в «облаке» чуть ли не до рождения некоторых нынешних стартаперов в модной области Cloud. У меня даже несколько лет был собственный блог задолго до сегодняшнего блог-сумасшествия и десятков доступных платформ для блоггинга.

И так далее, и тому подобное.

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

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

Любопытно выяснить почему это так. Аргумент «сделано для нового поколения» не принимается. Обладай новое поколение марсианской логикой, это ощущалось бы во всем, а не только Фейсбуке. Но в подавляющем большинстве случаев «новое поколение» находит удобным то, что нахожу удобным я и что является удобным по всем стандартным канонам. Можно легко объяснить почему молодое поколение выбирает ёмкостные экраны вместо резистивных, или почему оно предпочитает общение в Whatsapp-е, а не в Usenet. Но понятие удобного, логичного, хорошего интерфейса, как и кошмарного и нелогичного, не изменилось! Фейсбук — кошмарен и нелогичен.

Что еще интереснее, в его алогичности нет, казалось бы, никакой надобности. Отбросив миллиардную клиентскую базу, интересующую лишь биржу с инвесторами, и сопровождающую ее техническую (также невидимую и не очень интересную конечным пользователям) проблему масштабируемости и отказоустойчивости сервиса, мы получим достаточно тривиальную программу-скрипт. Ну в самом деле, «пост-лайк-фотка» — что может быть элементарнее в реализации, это как раз задача на условный уикенд в студенческой общаге! Добавочную стоимость Фейсбуку придают 100500 серверов, зеттабайты данных и охват всех жителей Земли по два раза, но сам-то скрипт можно было сделать/доделать логичным, чтобы сестра самого Цукерберга не путалась в понятии «share with friends»?

Единственное мое объяснение — это делается специально. Мы не только не должны знать какая информация собирается Фейсбуком от наших действий и как она потом используется в рекламных и других целях, мы вообще не должны знать к чему наши действия приводят! Вы пишете пост с фоткой мокрой киски, старательно проставляете тэги, дарите Фейсбуку еще десяток связей и потенциальных предпочтений. И если другие платформы в обмен на это предлагают хотя бы относительное обязательство опубликовать пост для выбранного вами круга лиц, то Фейсбук не предлагает даже этого. Пост появится на неясный временной промежуток в вашем тайм-лайне и в ленте непонятно каких друзей (в мобильных клиентах вы не можете быть уверены даже с лентой «близких друзей»). Будучи неадресуемым, пост затеряется навсегда через контролируемое тем же Фейсбуком время t. При желании скрыть пост вы даже не узнаете от кого его скрыли и что произойдет при шеринге. Вам легче будет выучить права доступа в Linux, нежели понять как наследуется приватность в Фейсбуке, и входит ли подмножество «друзья друзей друзей» в множество «друзья друзей».

Запутывая логику интерфейса, Фейсбук практически получает право показывать (или не показывать) ваш пост кому-угодно за пределами ближайшего вашего круга. Вместо привычного перехода на посты в по уведомлениям у вас может появиться установка тупейшего — под стать Фейсбуку — приложения «Дни рождения» (или как его там), которое с прапорщицкой прямотой и анекдотичностью «молдавского вируса» раз за разом просит вас послать себя всему свету. Ах, вы думали, что по иконке уведомлений можно перейти только на посты, а не на приложения? Думайте дальше, а лучше — вообще не думайте! Бескорыстно добавляйте связи и рекламные скиллзы Фейсбуку, в нем вы не просто не потребитель, а товар, вы еще и бесправный товар: вместо вашей киски друзьям друзей запросто подсунут рекламную.

Ну да ладно, Фейсбук не ругал только ленивый. На самом деле я не ругаю — глупо ругать ставшую популярной именно такой, как есть, платформу —лишь рассуждаю вслух о столь демонстративной алогичности. Сотням миллионов юзеров Фейсбука она абсолютно безразлична, что означает лишь одно: сотням миллионов юзеров безразличен их собственный контент. Он

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

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

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

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

Фейсбук находится намного дальше от пользовательского идеала, нежели мог и должен был быть. При всей свой глобальности и фантастическом количестве пользователей, он оказывается пустышкой, раз не может похвастаться ни контентом, ни, как оказалось, должностью социального связного. Можно ругать ветреную моду, можно спорить о том, запутает ли форма для поста посложнее статуса “я сходил в туалет” неопытных пользователей, можно спрашивать почему нет древовидных комментариев, но если пост человека не появляется в ленте его всамделишных друзей, о чем еще тут можно говорить?! Это, черт возьми, самая базовая, первичная функциональность!

Я скептически отношусь к социальным сетям и мне не близка мода повального эксгибиоционизма. Вместе с тем, не могу не признать их практическую пользу. Только благодаря Фейсбуку моя мама может видеть фотографии внучек в момент события, а не через годик-другой после него. Когда-то (во времена ручного сжимания картинок, их архивации и отсылки по электронной почте) я послал другу фотографии, отснятые на 3-м дне рождения его сына аккурат к его… шестилетию. Удобство загрузки контента и интеграция с мобильным платформами — замечательная вещь. Ради этого можно простить и сеть из миллиарда человек, и немного рекламы, и назойливость вида “а не маловато ли у тебя друзей?”. Но только в том случае, если вы хотя бы минимально контролируете процесс, если чувствуете себя индивидуальностью в социуме, а не анонимно-бессловесной его частью. Интересно, что G+ или LinkedIn мне такое чувство дает, а Фейсбук — нет. И делает это специально. Почему?

Жизнь в соцсети №1: интерфейс Facebook, создание страницы, управление профилем и другие важные моменты

Если уважаемый Читатель сделал всё пошагово из предыдущей статьи, то в итоге он должен был очутиться на приветственной странице. А значит, пришло время освоить интерфейс Facebook: после создания своей страницы при регистрации понять, как происходит управление страницей в Facebook, оформить ее по своему вкусу,  постараться не потеряться во всём многообразии настроек и заставить работать соцсеть № 1 на полную.  

Предположим, что друзья «Вконтакте» уже добавлены на этапе регистрации (или этот пункт просто проигнорирован – не все же в vk.com зарегистрированы!). Что дальше нам предлагает интерфейс Facebook? Почитаем ликбез по конфиденциальности, меткам и доступу к пользовательским данным.

Управление Facebook в плане конфиденциальности

Вкратце – кому надо, информацию можно показать, а от кого не надо – скрыть.Метка – довольно распространенное в соцсетях явление. Привлекает внимание «отмеченного» и его «Facebook-друзей» с гарантией 100%!Запоминаем: рулить настройками – через «замочек».А про это вообще можно пока забыть. Мы ж сюда не играть пришли!

После краткой «теории» пользователю стоит вовсю заняться практикой.  А именно, запустить управление страницей Facebook, начав насыщать ее информацией!

Личная страница Facebook: оформление профиля

Фейсбук предлагает начать с фото профиля. Для этого на приветственной странице есть даже кнопка «Добавить фото». Алгоритм прост – жмем ее, выбираем фотку на ПК (устройстве с которого «сидит» пользователь), загружаем. Сразу виден результат!

Итак – вот она, личная страница профиля Facebook. С виду уже много всего (хотя о Вас, кроме фото, нет еще практически НИКАКОЙ информации). Что ж, знакомьтесь – интерфейс Facebook «собственной персоной». Просто куча всего! И всё это можно нажать, заполнить, настроить.

Не теряемся, делаем всё последовательно, «маленькими шажками». Что нам явно предлагает Фейсбук? Ну конечно, красивую «примочку» — поставить «Обложку»!

Тут тоже ничего гиперсложного – из вариантов выпадающего списка выбираем нужное. Т.к. в «начале пути» фотографий в фотоальбоме профиля будет всего одна – непосредственно фото профиля – разумно «Загрузить фото»:

И вот уже страница стала чуть симпатичней 🙂 (или чуть ужаснее – зависит от предпочтений пользователя).

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

Несмотря на обилие пунктов, их заполнение не должно вызвать у пользователя затруднений – можно просто идти «сверху вниз», поле за полем. Конечно, пользователь может пропустить поле, раздел или блок «Информация» целиком – он носит исключительно рекомендательный для заполнения характер. Но, всё же, стоит помнить – внесенные данные повлияют на поведение алгоритмов соцсети Facebook в отношении пользователя: чем информации больше, чем она достоверней, тем более интересную, актуальную – релевантную – информацию будет предоставлять соцсеть в дальнейшем самому пользователю. Facebook – очень умная штука, кроме шуток.

Отдельная рекомендация для заполнения: в определенных полях при внесении пары-тройки букв будут появляться «выпадающие списки».  Выбор наиболее подходящего варианта из такого списка дает возможность «отметить» себя как члена определенного сообщества, которое уже зарегистрировано на площадке Фейсбук. И раз такое учреждение/организация/ВУЗ/школа присутствуют в выпадающем списке, значит, кто-то уже указал такую информацию на своей странице. Для пользователя это означает одно: возможность заполучить потенциальных «друзей», из «оффлайна» (например, коллегу), или новых знакомых, с которыми уже будет «общая нить».

Плюс, сразу появится доступ к потенциально интересной странице сообщества на Facebook.com:

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

Пользователь всегда может откорректировать/удалить данные, если допущена ошибка. Жмем на треугольник возле «Добавить»:

Видимость информации можно настраивать (вспоминаем только что освоенную теорию по «Конфиденциальности»):

Повторимся: все эти поля НЕ ОБЯЗАТЕЛЬНЫ к заполнению. Например, только что зарегистрированному в Facebook вполне достаточно будет заполнить информацию об учебе, работе и родном городе: более сложные вещи, такие как привязка других аккаунтов, можно оставить на потом.

Поиск в Facebook

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

Вот в нем-то (поле поиска) и пишем данные субъекта, которого нужно отыскать:

Привет из Матрицы!

Если человек, которого мы ищем, появился в выпадающем списке, надо просто на него нажать. Откроется страница профиля, но уже ЕГО:

Для чего мы искали его? Конечно, чтобы добавить в друзья! А ответом на вопрос как добавить в друзья на Facebook  служит недвусмысленная яркая кнопка, которую и нужно нажать.

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

Как запросили, так и отменяем.

Кстати, сразу следует оговориться: кнопка запроса в друзья может быть недоступна на чьей-либо странице. По простой причине – доступом к ней тоже можно «рулить».

Поиск можно сузить для получения более точных результатов. Например, вот так:

Возможности Facebook: подписки, рекомендации и многое другое

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

В правой части профиля перманенто висит блок «рекомендации». Именно он и будет «проводником» ко всему вышеуказанному.

В блоке могут «рекламироваться» игры и сообществаА могут «предлагаться» люди

Добавим пару подписок на интересные страницы, чтобы еще посильнее «оживить» профиль. Для этого в «Рекомендуемых страницах» пользователю нужно нажать на «Все»:

Подписка на страницу оформляется кнопкой «Нравится» в интерфейсе Facebook. Под подпиской подразумевается возможность получения на своей странице в «Главном» публикаций с заинтересовавшей страницы.

Можно выбрать, что именно мы хотим видеть

И увидит пользователь на «Главной» такой результат:

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

Раздел Фото в Facebook.com: один из основных

В современном мире мало кто способен долго акцентировать внимание на тексте. Большинство привыкло к более доступной, яркой информации: фото или видео.

А потому раздел «Фото» является таким важным в интерфейсе Facebook. Этот раздел позволяет публиковать фотографии (и видео), делать метки геолокации, оставлять метки на других пользователей FB.

При попадании в фотораздел можно «создать альбом» или просто загрузить фото на Facebook.com.

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

Заносим данные, жмем «Опубликовать» — получается красота!

С альбомом разобрались. Пробуем грузить одиночное фото: 

К фотографии можно «навесить примочек» — метку на друга, подпись, точку геолокации. Само фото попадет в «Хронику» (так называется альбом, транслирующийся прямиком в «Ленту» и на «Главную».

Вот так фотоактивность на странице пользователя и будет выглядеть.

Уважаемый Читатель: наберись терпения – этот нудный обзор подходит к концу. Всё важное уже рассмотрено, осталась «Произвольная программа». Говоря это, подразумеваем блок «Еще»: 

В нем есть масса пунктов, заполнение которых в полной мере раскроет всей соцсети (или никому не раскроет – всегда помним о всемогуществе блока «Конфиденциальность») самые разные черты, умения и интересы пользователя. Но заполнение этих блоков не является затруднительной задачей – особенно если Читателю удалось «усвоить» всё вышеизложенное. Так что оставляем «Еще» в качестве домашней работы 🙂 .

В заключение: с каждым часом, проведенным внутри Facebook, пользователь всё больше будет «понимать» соцсеть №1. И даже когда его страница превратится в нечто такое (см. рисунок ниже) – это уже не будет его пугать своей перегруженностью, всё будет восприниматься, будто «так и надо»! 

Уважаемый Читатель, спасибо, что «продержался до конца» и добро пожаловать в Facebook!

 

 

 

Похожее

Как пользоваться интерфейсом Фейсбука

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

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

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

Очень удобно, что все опции оповещения находятся над фотографией-аватаром («Запросы на добавление в друзья», «Последние сообщения» и «Уведомления»), так что вы всегда будете находиться в курсе основных фейсбук-событий, касающихся вас.

Опция «Поиск друзей» очень проста и доступна. Если у вас есть какой-либо контакт, связывающий вас с человеком, которого вы ищете, то в Фэйсбук вы обязательно найдёте его. Диапазон поиска в Фейсбуке очень широк – от QIP до Yahoo!. Таким образом, если человек имеет доступ в интернет с любого ресурса, то вы непременно свяжетесь с ним.

Опция «Профиль» откроет перед вами, собственно, весь набор того, что в Facebook есть (с «внешней стороны», так сказать).

Тут наглядно выведены «Последние события», отражены комментарии и последние залитые вами на ресурс фотографии.

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

как пользоваться ФБ. Первые шаги. Как создать и начать продвигать страницу в Фейсбук. Пошаговый гайд

Если Вы хотите научиться пользоваться социальной сетью Facebook (фейсбук), то эта статья для Вас.

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

Основное отличие Facebook от привычных нам социальных сетей «Одноклассники» и «В контакте» в том, что это сеть международная, доступная практически в каждом уголке земли, за исключением нескольких стран, где по религиозным или политическим соображениям она запрещена государством (Ирак, Иран, Сирия, Китай).
Facebook была создана ещё в 2004 году и за это время получила возможность поиска друзей по множеству параметров: по адресу электронной почты, номеру ICQ или QIP, скайпу, через импорт из других социальных сетей.

Регистрация в Facebook абсолютно бесплатна и доступна, сейчас в сети общаются чуть больше одного миллиарда человек.

1. Как зарегистрироваться в Facebook.

Зарегистрироваться в Facebook могут любые пользователи старше 13 лет . Для этого нужно иметь доступ в Интернет, знать адрес своей электронной почты и номер мобильного телефона.

Сам процесс регистрации несложен.
Рассмотрим его подробно:
В любой поисковой системе вводим Facebook (фейсбук). В открывшемся перечне ссылок ищем нужную с адресом, — https://ru-ru.facebook.com/ и переходим по ней.

1.2. Первое, что мы увидим — окно регистрации (входа), в котором нужно будет ввести свои данные.

(Рисунок 1)

Имя и фамилию можно писать по-русски, в дальнейшем они автоматически будут переведены на английский язык. Пароль может быть любым, но не менее 6 знаков и достаточно надёжным. Адрес электронной почты может использоваться только один раз, то есть если кто-то из вашей семьи уже зарегистрирован на Facebook с этим адресом (или номером сотового телефона), то ваша попытка будет отклонена.
Окно регистрации обычно сразу открывается на русском языке, но если вдруг произойдёт какой-нибудь сбой, нужный язык можно выбрать на языковой панели внизу страницы.

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

Шаг 1. Поиск друзей с помощью контактов электронной почты и скайпа.

(Рисунок 2)

Шаг 2. Конкретизация личной информации: родной город, школа, ВУЗ, место работы. По введённым данным поисковая система Facebook подберёт возможных друзей. Почему возможных? Мир велик, и вам будет предложено найти своих знакомых среди огромного количества людей, которые могли жить с вами в одном городе, учиться в школе с таким же названием или работать в одноимённой организации.

Шаг 2 — ввод личной информации

(Рисунок 3)

Шаг 3. Выбор интересных страниц. Для этого нужно мышкой выделить понравившиеся ссылки и подтвердить нажатием кнопки «Сохранить и продолжить». Можно выбирать неограниченное число заинтересовавших вас страниц, все новости по выбранным темам будут автоматически появляться в ленте новостей.

Шаг 3 — поиск групп по интересам

(Рисунок 4)

Шаг 4. Добавление фотографии (в том числе и с веб-камеры).

(Рисунок 5)

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

(Рисунок 6)

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

2. Интерфейс Facebook. Навигация по странице.

С главной страницы возможен переход ко всем основным возможностям Facebook.
Верхняя горизонтальная панель открывает доступ к информации и управлению своим аккаунтом. Слева находятся кнопки быстрого доступа: «Запросы на добавление в друзья», «Последние сообщения», «Уведомления».

(Рисунок 7)

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

Хочу обратить ваше внимание на две последние кнопки. Так как Facebook неоднократно обвиняли в нарушении конфиденциальности пользователей, его разработчики

Facebook (Фейсбук) — социальная сеть, характеристики

Социальная сеть Facebook – крупнейшая в мире, ежемесячная аудитория которой достигает 2 млрд пользователей. Ресурс был основан Марком Цукербергом и его друзьями во время обучения в Гарвардском университете в 2004 году. Официально социальная сеть принадлежит компании Facebook Inc., которая также владеет сервисами WhatsApp и Instagram.

История Facebook

2003 год. Марк Цукерберг учится в одной из частных школ Нью-Гемпшира. Там он узнает о справочнике («Книга лиц»), который ежегодно публикуется в учебном заведении. Марк выступает с предложением создать сетевой ресурс на базе публикаций, но получает отказ. Тогда он взламывает компьютерную сеть Гарвардского университета, копирует фото студентов и создает сайт Facemash, который в первые два часа существования набрал 22 000 просмотров, но скоро был закрыт. После снятия обвинений в нарушении неприкосновенности частной жизни Цукерберг снова открыл ресурс для своих однокурсников.

2004 год. Марк запускает в работу социальную сеть Thefacebook для студентов Гарвардского университета. К продвижению сайта присоединяются другие талантливые студенты, в команде Цукерберга появляются программист, художник, финансовый директор. К середине года сеть распространилась в университетах Бостона, Нью-Йорка и других учебных заведениях США и Канады.

2005 год. Социальная сеть получает свое сегодняшнее доменное имя Facebook.com.

2006 год. Регистрация на сайте становится доступной для всех пользователей старше 13 лет, имеющих электронную почту.

2007 год. Компания Microsoft покупает 1,6 % акций Facebook, оценив весь ресурс в 15 млрд долларов.

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

2010 год. Стоимость Facebook достигает 41 млрд $. Это третье место в США после Google и Amazon. Разработчики сайта меняют интерфейс групп после подписания соглашения с сервисом Skype о его интеграции в социальную сеть.

2012 год. Система дополняется функцией подтверждения подлинности профилей популярных личностей. В мобильной версии соцсети появилась кнопка Share – «поделиться».

2013 год. Новая функция поиска Graph Search позволяет быстро находить файлы мультимедиа внутри сети, сохраняя приватность материалов с ограниченным просмотром. В конце года объявляется о падении прибыли компании на 95 %.

2015 год. Число пользователей соцсети достигает одного миллиарда.

В 2017 Facebook по-прежнему остается самой популярной соцсетью в мире. Разработчики дополняют систему новыми сервисами, улучшают работу старых.

Регистрация на Facebook

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

• зайдите на сайт Facebook.com;
• заполните регистрационную форму: укажите имя, фамилию, адрес электронной почты, пароль, дату рождения. Нажмите «Регистрация»;
• система предложит вам найти друзей с помощью электронной почты. Можно воспользоваться сервисом или отказаться от него;
• далее необходимо заполнить основные данные профиля. Это не обязательное требование, но информация помогает быстро найти в сети друзей, одноклассников, коллег;
• добавьте фотографию, любую на свое усмотрение;
• подтвердите адрес электронной почты, указанный в профиле. Для этого необходимо перейти по ссылке из письма подтверждения.

Регистрация завершается нажатием кнопки «Подтвердите свой аккаунт».

Интерфейс Facebook

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

• строка поиска – позволяет быстро найти приложение, страницу, человека по ключевому слову;

• хроника – открывается при клике по имени пользователя;

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

• публикатор «О чем вы думаете» – позволяет делиться с подписчиками своими мыслями, интересными материалами, фотографиями. Все, что пользователь загружает в эту строку, появляется в хронике, в ленте друзей;

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

Интерфейс социальной сети интуитивно понятен и постоянно дорабатывается в соответствии с интересами пользователей.

Функции Facebook

Функционал социальной сети – это основной фактор, привлекающий людей. Facebook является «пионером» большинства возможностей и постоянно радует своих поклонников новыми интересными функциями. Базовый функционал включает:

• мгновенную отправку сообщений зарегистрированным пользователям в любую точку мира. Письмо из Москвы может быть доставлено человеку, находящемуся в соседней комнате или на Командорских островах, одинаково быстро. Через сообщения можно отправлять вложения в виде наклеек, фотографий;
• создание фотоальбома, добавление и редактирование фотографий. Изображения можно публиковать в своей ленте, делать их доступными для комментирования друзьями и другими пользователями.

Помимо широко известных и всем понятных функций, Facebook предоставляет зарегистрированным пользователям и другие возможности:

• обмен короткими видеосообщениями внутри чата. Когда оба собеседника находятся в сети, значок камеры в чате начинает двигаться. После его нажатия начинается запись видео в режиме реального времени. Ролик можно отправить собеседнику, у которого есть возможность записать ответ;
• сохранение ссылок, страниц. Чтобы пользователям не приходилось просматривать ленту в поисках понравившейся ссылки, разработчики сайта предложили функцию сохранения. В правом верхнем углу поста необходимо нажать на стрелку и выбрать нужную опцию. Сохраненные ссылки отображаются в левой части главной страницы – в разделе «Сохраненное»;

• скрытие статуса онлайн. Это позволяет избавиться от излишнего внимания в виде потока сообщений от собеседников. Слева внизу, под списком чата необходимо кликнуть по значку «Параметры», выбрать «Расширенные настройки» и отключить чат;
• синхронизацию календаря Google c календарем Facebook. На главной странице в разделе «Мероприятия» необходимо выбрать из списка нужное событие и кликнуть правой кнопкой мыши «Копировать адрес ссылки». Затем в календаре Google слева необходимо щелкнуть по стрелке справа от строки «Другие календари» и выбрать «Добавить по URL». В открывшееся окно вставьте ссылку. После этого все важные события из Facebook будут также сохраняться в календаре Google;
• блокировку обновлений пользователей. Неинтересные публикации групп, друзей можно заблокировать с помощью опции «Отменить подписку». Ее выбирают в выпадающем меню при клике на стрелку рядом с постом;
• запрет на слежку. Плагин Facebook Disconnect для Chrome и Firefox заблокирует передачу информации о ваших действиях социальной сети;
• доступ к чату с рабочего стола. Система удобна для общения, но требует запуска браузера и авторизации в соцсети. Чтобы чат работал на рабочем столе, необходим клиент IM с функцией поддержи сообщений Jabber/XMPP: Adium, Pidgin, iChat. После запуска программы необходимо создать новую учетную запись. На Pidgin и iChat тип записи указывают Jabber or XMPP, на Adium – можно просто Facebook. Далее вводят логин и пароль соцсети.

Реклама в Facebook

Для создания рекламы на сайте необходимо определить первоначальную цель. Действия могут быть направлены на раскрутку бренда, увеличение числа скачиваний приложения, рост продаж и т. д. После этого определяют целевую аудиторию, место показа рекламы (Facebook, Audience Network, Instagram или все сразу), формируют бюджет и выбирают один из предложенных форматов.

Фото. Можно создать рекламу, используя фото со своей страницы. Публикация с изображением привлекает внимание, повышает узнаваемость товара/услуги.

Видео. Создание видеофайла имеет свои особенности. Например, для просмотра на мобильных устройствах подходят короткие рекламные ролики. Для более широкого охвата аудитории можно использовать длинные содержательные видео.

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

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

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

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

Стоимость рекламы зависит от размера вашей ставки, таргетирования целевой аудитории, сезонности, выбора оптимизации (клики, показы, дневной охват) и других параметров. 

Ссылки

Facebook для людей / Habr

В первой части статьи я рассказал о некоторых концептуальных провалах Facebook в области юзабилити. Сейчас я вооружился карандашом и бумагой и поставил перед собой такую вот задачу: если бы я был проектировщиком Facebook и мог бы сделать “все хорошо”, то с чего бы я начал?

Постановка задачи

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

Страница входа

Зайдем на facebook.com и выделим потенциальные проблемные места:

Постоянные пользователи достойны таких же больших полей для входа в аккаунт, которые сейчас есть только у тех, кто регистрируется. Функция “сохранить\забыть пароль” должна иметь более “бытовое” название, например, “Чужой компьютер”. При регистрации повторять email незачем: зачастую пользователи его копируют, а вот проверку пароля можно добавить (например, в виде функции “показать пароль”). Стоит предоставить возможность пользователю зарегистрироваться и по номеру телефона. День рождения и пол можно заполнить после регистрации. Интерфейс для смены языка больше ожидается в верхнем правом углу и его стоит дополнить иконками флагов стран.

С учетом всего этого, по адресу facebook.com может открываться вот такая страница (не пугайтесь кривых линий и моего ужасного почерка: в быстром бумажном прототипе это не имеет значения):

А если учетной записи еще нет, кликаем по вкладке “Регистрация”:

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

Основная страница

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

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

Верхняя панель с логотипом зафиксирована у границы окна браузера и остается там при прокрутке страницы:

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

Недостатками данного решения являются повышенный уровень визуального шума на странице (как минимум 10 пунктов меню из двух слов каждый) и вероятность возникновения у некоторых пользователей ассоциаций ссылок “Мои Фотографии”, “Мои друзья” и пр. с тем профилем, страница которого открыта в данный момент.

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

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

Заключение

Фактически, в представленном бумажном прототипе есть все самые основные с точки зрения концепции интерфейсы. Остались только страницы контента (фотографии, друзья и пр.), страница настроек и общие информационные страницы сервиса, но их юзабилити — это уже дело техники. Если на представленные карандашные наброски “навернуть” добротный графический дизайн и реализовать, то, как минимум я сам бы стал постоянным пользователем Facebook.

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

Facebook открыл доступ к новому дизайну веб-версии соцсети для некоторых пользователей

Обновленный веб-интерфейс самой крупной соцсети в мире, впервые обещанный в апреле, начал появляться для некоторых пользователей Facebook. Новый дизайн призван обновить предыдущий архаичный и захламленный интерфейс. Внешний вид обещает стать аккуратным и лаконичным, и один из самых ненавистных элементов интерфейса – боковая панель – должна уйти вовсе. Facebook называет это обновление просто – «The New Facebook».

 

 

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

 

 

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

 

 

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

 

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

Источник: cnet.com