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

1. Как получить доступ к уже созданной странице

Создавать корпоративные страницы может любой пользователь Google+. Сразу же после того, как вы создали корпоративную страницу, вы получаете доступ к ней через ваш профиль. Справа от вашего аватара, под вашим именем расположено небольшое выпадающее меню, которое содержит все ваши страницы. Кликайте по нужной и выступайте от имени бренда!

2. Как добавить людей в круги вашей корпоративной страницы

Особенность корпоративных профилей Google+ — невозможность добавить в круги страницы никакого пользователя, до тех пор пока этот пользователь не добавит страницу первым. Увидеть уже добавивших очень просто — открывайте вкладку «Circles» и кликайте по ссылке «People who’ve added you».

3. Как узнать URL вашей корпоративной страницы Google+

Google выдает уникальный номер страницы при ее создании, и состоит он из множества цифр, без какого-либо осознанного значения. Разумеется, вспомнить их потом совершенно невозможно, но если все таки нужно дать адрес свой страницы кому-то еще, то воспользуйтесь ссылкой «Get started», которая расположена под именем пользователя на вашей корпоративной странице. Вы попадете на удобную админскую страницу, где в числе прочего есть и блок «Tell the world» в котором и находится желаемый URL.

4. Как убрать ненужные разделы

Страницы Google+ имеют множество функциональных элементов, которые могут оказаться просто ненужными вам. Например, если ваша корпоративная страница не будет содержать видео или фотографий — просто уберите соответствующие вкладки. Сделать это можно в Профиле вашей страницы, нажав на кнопку «Edit Profile» в правом верхнем углу и затем перейдя во вкладки «Photos» или «Videos».

И уже тут вы можете выбрать отображать ли их, или скрыть.

5. Как связать ваш корпоративный сайт со страницей Google+

Google предлагает очень простые в настройке кнопки G+ и код, которые помогут связать вашу корпоративную страницу и корпоративный профиль в социальной сети. Эти кнопки привлекут внимание посетителей вашего сайта к новой вашей социальной площадке, но будут также и означать, что вы связали страницу и профиль G+ через Google Direct Connect.

Чтобы найти коды и кнопки, обратитесь к ссылке «Get Started», расположенной под названием вашей компании и картинкой пользователя на главной странице.

6. Как запретить другим пользователям делиться вашими постами

Если вы не желаете, чтобы пользователи размещали ваш пост у себя на стене, воспользуйтесь опцией «Lock this post», которая доступна при создании новой записи, через небольшую стрелочку под четырьмя маленькими иконками внизу. Разумеется, активация этой опции не спасет вашу запись от простого копирования в буфер обмена, но, по крайней мере, другие пользователи не смогут делиться вашими записями в своих профилях, если вам это зачем-то нужно.

7. Как спрятать счетчик ваших последователей

Возможно, вам захочется спрятать счетчик ваших последователей до тех пор, пока там не появится хоть сколь-нибудь внушительное число. Сделать это просто — перейдите в профиль вашей корпортаивной странички и выберите пункт «Change who is visible here», который находится сразу же под списком добавивших вас пользователей. Теперь вы сможете выбрать показывать ли эту информацию, или оставить ее при себе.

8. Как добавить ссылки на страницу «About»

В добавлении ссылок в профиль Google+ предоставляет вам полную свободу. Чтобы поделиться ссылкой, нажмите на кнопку «Edit Profile», окгда вы находитесь на странице «About», а затем нажмите на ссылку «Recommended Links».

9. Как использовать круги

Не стесняйтесь использовать функционал, предоставляемый «кругами» в Google+. Группируя ваших последователей по их расположению, интересам, отношению к вашей компании или по каким-то еще значимым для вас характеристикам, вы можете распространять для каждой группы максимально интересную информацию. Чем больше людей сможет получать на вашей странице интересую им информацию — тем болше будет последователей у вашего бренда.

Чтобы создать новые круги, воспользуйтесь кнопкой «Circles».

10. Как использовать фотографии профиля

Возможность отображать фотографии сверху вашего профиля — это действительно великолепная возможность, предлагаемая Google+.

Фотографии,которые отображаются в этом месте находятся в специальном альбоме «Scrapbook photos», и именно первые 5 фотографий из него попадают на главную страницу вашего профиля.

Максимально используйте предлагаемую возможность. Постарайтесь привлечь внимание посетителей или покажите сразу самое важное, что вы хотели бы продемонстрировать. Проявите немного юмора, как Google Chrome или расположите самые выгодные стороны своей работы, как «Алтима«.

Создатели этого проекта видят его миссию в популяризации визуального языка во всем мире. Цель Noun Project — собрать и систематизировать все символы городской визуальной культуры в одну он-лайн библиотеку. Создатели проекта подчеркивают, что визуальный язык прекрасно понимается всеми людьми и всеми культурами в мире, и это действительно чудесная вещь.

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

The Noun Project

Итак, начнем!

С каждым днём веб-интерфейсы становятся всё более похожими на традиционные десктоп приложения. И главная задача — это, естественно, достижение большего уровня интерактивности и удобства для пользователя. Добиться всего этого можно используя такой старый добрый скриптовый язык, как Javascript. Который благодаря технологии AJAX обрёл практически безграничные возможности. Но не будем обобщать, а поговорим о самом популярном фреймворке jQuery. Именно на его основе хочется показать (интересных примеров очень много) красоту и возможности современной разработки веб-интерфейсов. Вдохновляйтесь и берите на вооружение!

Меню и навигация

Красивые реализации меню, анимация.

• Lava Lamp
• jQuery UI Tabs
• Navigation Effect
• jQuery Menu: Dropdown
• iconDock

Работа с контентом

Закладки, «аккордионы», слайдеры…

• Slick Tabbed Content
• Incredible Login Form
• Horizontal Accordion
• Agile Carousel

Фотогаллереи, слайдшоу, работа с картинками

• JQZoom
• GALLERIA
• Slider Gallery
• jQuery Thumbs
• jQuery Cycle
• ThickBox

Всплывающие подсказки и диалоговые окна

• Coda Bubble
• qTip
• jQuery Impromptu
• jGrowl

Работа с формами, проверка введенных данных/валидация.

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

• jQuery Validation Plugin
• Ajax Username Check
• Masked Input Plugin
• Autocomplete
• Jeditable

Расширенная функуциональность форм, украшательства

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

• Farbtastic
• File Style
• jNice
• jQuery date picker

Это лишь малая часть всего того, что можно реализовать с помощью jQuery. Ведь ещё есть работа с таблицами данными и графиками, создание контекстных меню, WYSIWYG-редакторы, всевозможные анимации, древовидные меню и прочие фишки…

Ссылки для дополнительной информации:

• 45+ Fresh Out of the oven jQuery Plugins
• 37 More Shocking jQuery Plugins
• 75 (Really) Useful JavaScript Techniques
• The ultimate jQuery Plugin List
• 45+ New jQuery Techniques For Good User Experience