Всегда интересно, как те проблемы, с которыми сталкиваешься в повседневной работе с дизайн-системой, решают команды в других компаниях. В этом посте рассмотрим, чем хвастается в своём Figma Community команда Вконтакте.
Библиотеки в целом производят приятное впечатление порядка и демонстрируют хорошие архитектурные решения. О ляпах тоже поговорим.
Что можно найти:
- VKUI Base Library — центральная либа, в которой содержатся 1800 иконок во всевозможных размерах, а также токены цветов для светлой и тёмной темы интерфейса.
- VKUI Color Palette — Несемантическая палитра для автогенерируемого файла palette.json. Он используется в приложении VK для iOS и Android. Предполагаю, что из неё дизанйеры берут цвета для семантической, которая находится в файле VK Base Library.
- Web Color Palette – Несемантическая палитра для веба. Нужна, пока цвета на вебе и в мобилках отличаются. В будущем планируют сделать единую палитру и тянуть цвета из Base.
- VKUI Web Library — либа с компонентами для сайта vk.com. Стили типографики на базе SF, а также минимальный набор из 24 типов компонентов.
- VKUI iOS Library — яблочная либа. Стили типографики на базе того же SF, а также их версии для поддержки Dynamic Type для слабовидящих. 25 типов компонентов.
- VKUI Android Library — вёдерная либа. Стили типографики на базе Roboto и 25 компонентов.
- VK App for iPad — файл с примерами дизайна приложения для iPad. Ключевые экраны, когда какие компоненты использовать, где всплывают уведомления, как работает свайп для удаления в списках и всякое такое. Можно подсмотреть паттернов.
- Плагин VKUI Toolkit — содержит единственную команду Prepare Icons, которая позволяет контурные версии иконок готовить к проду, конвертируя их в залитые для последующей публикации в VKUI Base Library.
Связи в библиотеках
VKUI Base — иконки и цвета
КАК СДЕЛАТЬ СВОЮ БИБЛИОТЕКУ СЕМПЛОВ ДЛЯ KONTAKT
Платформенные библиотеки мобилок берут иконки и цвета из Base:
iOS — типографика и компоненты
Android — типографика и компоненты
Web Color Palette
Библиотека веба берёт цвета из Web Color:
Web — типографика и компоненты
Иконки
Само исполнение иконок вполне на хорошем уровне. Любопытно, что иконки и токены собраны в одном файле, я считаю это архитектурной ошибкой. В перспективе это помешает интегрировать эту библиотеку в другие сервисы, поскольку у них могут быть свои палитры. Если какой-нибудь Delivery Club захочет оставить свою айдентику, он не сможет использовать библиотеку VK Base, потому что будут мешать ненужные токены цветов VK. Поэтому библиотеку иконок нужно отделять от библиотеки токенов.
Также бросилось в глаза огромное количество размеров: 12, 16, 20, 24, 28, 32, 36, 48, 56. Это решение я считаю неудачным. Такое обилие форматов приводит к тому, что одна и та же иконка теоретически может встретиться в 9 размерах. В Озоне количество размеров стремится к минимуму: 16, 24, 32, 72.
Парсим данные вконтакте. Что такое API? Программируем на python. Как спарсить данные через API?
Палитры
Мобильные приложения VK имеют поддержку тёмной темы, и поэтому используют подход с семантической палитрой, про который я немного писал .
Веб-версия использует семантическую палитру вперемешку с несемантической, что не круто. Многие компоненты имеют отвязанные стили. Оба подхода нормальны, поскольку поддержка тёмной темы на вебе не столь критична, как на мобильных. Напомню, что Apple может удалить приложение из App Store, если у него не будет поддержки тёмной темы. Но в идеальном мире и у веба тоже должна быть поддержка ночного режима и нужно использовать семантику.
Для переключения тем в макете дизайнеры VK используют плагин Appearance , который позволяет переключать нужную тему в один клик.
Палитра мобилок в VKUI Color Palette
Стили типографики
Тут всё круто. Типографические системы хранятся в трёх местах и разделены по платформам: Web, iOS и Android. Уважение гайдам, все дела.
На вебе используется системный эпловский шрифт San Francisco, который доступен только на маках. Все остальным сайт открывается на Roboto.
VK Sans в качестве интерфейсного шрифта по понятным причинам не используется, поскольку он хорошо подходит для бренда и плохо бы читался на мелких размерах.
Типографика для веба в VKUI Web Library
Любопытно, что в iOS-библиотеке есть поддержка Dynamic Type : пользователи с плохим зрением могут регулировать размер шрифта, а дизайнеры могут тестировать, как будет вести себя интерфейс на любых значениях.
Дизайнеры VK проделали большую работу со своей дизайн-системой, за что хочу выразить им большой респект.
Конец первой части. Про сами компоненты библиотек поговорим в следующей.
Источник: slashdesigner.ru
Библиотека в соцсетях: 5 принципов контент-маркетинга и 7 бесплатных способов расширения аудитории
Большие возможности информирования и вовлечения новых читателей дают социальные сети, но воспользоваться технологиями решаются не все библиотеки. Статья поможет библиотечным маркетологам доработать стратегию развития сообществ.
Зачем научным библиотекам социальные сети?
Социальные сети рассматриваются библиотечным маркетингом как интернет-сообщества или площадки (хабы) общения, с помощью которых пользователи обмениваются информацией, объединяются в группы (исходя из социального статуса, круга интересов, схожих целей), получают возможности поиска единомышленников.
Выделим три базовых функции библиотечных информационных ресурсов, присущие в полной мере и каналам соцмедиа: 1) привлечение новых пользователей и их мотивирование к чтению, 2) неформальная коммуникация с читателями и отработка механизмов обратной связи, 3) информирование подписчиков и их вовлечение в событийную активность, 4) самопрезентация библиотеки и вуза.
Весь этот нехитрый функциональный ряд направлен на интенсификацию коммуникации библиотечного подразделения вуза с читателями и на преодоление общей технологической неграмотности студентов и представителей профессорско-преподавательского состава.
Страницы библиотек в социальных сетях, в отличие от блогов или официальных вузовских сайтов, имеют и свою специфику. Например, привлечение пользователей здесь предполагает неформальный стиль общения и следование «трендам», то есть изменениям, обусловленным подвижностью информационного пространства.
Находим «свой» контент
Теперь перейдем от теории к практике. Перед созданием страницы или канала вашей библиотеки необходимо понять, чего вы хотите и какими сообщениями планируете привлекать пользователей. Разбираться в вопросах контента можно сколь угодно долго: о содержании соцмедиа написаны десятки диссертаций, научных статей и записей в блогах, поэтому в рамках материала ограничимся пятью рекомендациями:
1. Стиль сообщений. Принятые нормы общения в социальных сетях предполагают осознанный отказ от элементов канцелярского стиля и излишнего официоза. Пользователи этих площадок плохо воспринимают официально-деловой стиль и в сообществах информационной направленности предпочитают ему публицистический, в развлекательных группах текстовый контент нередко разбавлен элементами разговорного стиля. Это связано с тем, что пользователи расценивают соцсети как более личное, интимное, пространство.
2. Привлекательная графика. Сообщения, не содержащие изображений, анимаций, видео, имеют более низкие показатели вовлеченности и получают меньше реакций по сравнению с публикациями с иллюстративными и мультимедийными материалами. Качественная графика и/или выполненные на хорошем профессиональном уровне видеофрагменты сделают ваши сообщения наглядными, привлекут больше внимания.
3. Свобода информации. Контент группы или брендированного аккаунта библиотеки в социальной сети не должен замыкаться в пространстве одной организации. В мире происходит много событий, которые оказывают влияние на деятельность каждой библиотеки и её вуза. Постоянно изменяется как внутренняя, так и внешняя информационная среда, в которую вовлечен ваш университет.
И эти изменения могут стать теми желанными информационными поводами, которые следует «отрабатывать» в сообществе.
4. Планирование. Создайте контент-план, в котором будут изложены примерные темы и даты выхода публикаций в вашем сообществе. Это поможет систематизировать работу.
5. Контент по расписанию. Публикации должны появляться с определенной периодичностью. В социальных сетях для размещения сообщений по плану предусмотрены механизмы отложенной публикации контента. Проанализировав статистику сообщества и сверившись с «контент-планом», вы легко «услышите голос аудитории», т.е. сможете понять, в какое время ваши пользователи наиболее активны, и легко составите расписание отложенных публикаций.
Выбираем площадку
Для определения подходящей вашей библиотеке социальной сети необходимо провести исследование целевой аудитории. Предположим, что такое исследование уже было сделано и вам известны необходимые параметры (пол, возраст, достаток, круг интересов). В дальнейшем, упрощая, мы будем понимать под целевой аудиторией группу студентов (бакалавров и магистров) в возрасте от 17 до 23 лет.
Наибольшей популярностью среди данной молодежной аудитории пользуются социальные сети «ВКонтакте», YouTube, Instagram*. Каждая сеть имеет свои особенности. «ВКонтакте» – одна из так называемых универсальных социальных сетей (в их список можно добавить Facebook*, Diaspora, «Одноклассники»), в ней есть инструменты создания и продвижения как традиционного текстового, так и мультимедийного контента (видео, прямые трансляции). YouTube представляет собой симбиоз видео-хостинга и социальной сети, а в Instagram* пользователи делятся графикой, фотоснимками, короткими видеофрагментами и «историями» – подборками контента, исчезающими через определенное время.
Особняком от остальных сетей существуют мессенджеры: например, Discord, Signal, Snapchat, Telegram, Viber, WhatsApp. Функционально эти платформы близки традиционным социальным медиа, но их основное предназначение – моментальная коммуникация, что, впрочем, не мешает многим компаниям и блогерам вести успешные каналы и группы.
Кратко рассмотрим наиболее популярные на постсоветском пространстве социальные сети.
Facebook*
Социальная сеть Марка Цукерберга имеет довольно высокий потенциал роста для определенной нами модельной целевой аудитории в будущем. Тем не менее, в настоящее время Facebook* выбирают студенты в основном из Москвы и Санкт-Петербурга, а учащиеся региональных вузов, как правило, приходят в социальную сеть на старших курсах или по окончании учебы. Ситуация меняется, и маркетологи Facebook* прилагают немало усилий, чтобы найти подход к русскоговорящей молодежной аудитории, однако текущая динамика этих изменений вызывает сомнения в целесообразности использования этой платформы для привлечения выбранной ранее целевой аудитории.
«ВКонтакте»
Социальная сеть предлагает две модели ведения сообществ: это группы и публичные страницы. Различия между моделями минимальны, но у каждой есть свои особенности. Например, создатели групп «ВКонтакте» могут приглашать пользователей в сообщество в личных сообщениях, а владельцы публичных страниц – нет. Записи публичных страниц открыты всем пользователям Интернета, а в группах есть возможность скрыть публикации от посторонних глаз. Группы «ВКонтакте» могут существовать в закрытом режиме.
Есть еще одна модель ведения библиотечной страницы – в простом пользовательском профиле. Ведение сообществ из персональных аккаунтов не приветствуются администрацией «Вконтакте», к тому же студенты вряд ли захотят видеть у себя в друзьях связанный с университетом профиль, администратору которого будет доступна информация с личной страницы студента.
«ВКонтакте» – универсальная социальная сеть и дает широкие мультимедийные возможности, например, подкасты, прямые трансляции и видеоархивы, опросы, публикации больших историй, интерфейсом напоминающие уже привычные блоги «Яндекс-Дзен», Medium, Telegra.ph. Весь этот инструментарий доступен как администраторам сообществ, так и авторам личных страниц.
YouTube
Видеохостинг YouTube подходит библиотекам, которые хотели бы разместить в Сети свой видеоахрив, подкасты и презентации. Платформа позволяет завести канал, в котором вам предстоит публиковать видео, а при необходимости вести трансляции с мероприятий. Контент, размещенный в YouTube, можно встраивать в публикации на сторонних веб-сайтах и в других социальных сетях. Есть возможность монетизации, которая доступна после привлечения на канал 1000 подписчиков и 4000 часов просмотра ваших видео за 12 месяцев.
Некоторые начинающие авторы youtube-каналов ошибочно считают, что для размещения подходит любое видео, но это не так. Популярные видеоролики в YouTube сегодня соперничают по стоимости производства с телевизионными программами. Например, каналы «вДудь», «Droider», «Varlamov», «Парфенон» и другие производят видео очень высокого качества. В то же время многие блогеры, напротив, совершают элементарные ошибки во время подготовки материалов и теряют свой шанс выбиться в лидеры. Платформа рекомендует новичкам учитывать следующие требования к контенту.
1. Видео должно иметь хорошее качество. Современный негласный стандарт платформы: 720–1080 p. Не рекомендуется публиковать фрагменты с «пересветами», пикселизацией и другими артефактами, если они не являются эстетическим элементом ролика или частью авторского замысла. В общих случаях зрители должны различать лица спикеров и ведущих.
2. Низкое качество звука, присутствие посторонних шумов и неразборчивая речь также негативно сказываются на просмотрах видео. Такие ролики платформа, вероятно, не станет активно продвигать и рекомендовать.
3. Описание видеоролика не должно содержать произвольных текстов, спама, не относящихся к видео ссылок. Недопустим «кликбейт», то есть несоответствие аннотации, графической «обложки» и заголовка содержанию вашего ролика.
Надеемся, что, следуя рекомендациям, вы сможете подготовить увлекательный контент и привлечете на канал первых посетителей..
Instagram*
Эта соцсеть возникла на заре развития возможностей фотографирования в гаджетах. В Instagram* пользователи обмениваются снимками и видеороликами, и это, пожалуй, главная «фишка» платформы. Без привлекательных видео и фотоматериалов поддерживать активность и развивать аудиторию вашего профиля не получится. Существуют и технические ограничения: без гаджета (поддерживаются платформы iOS и Android) добавлять в профиль контент нельзя. Для ведения аккаунта Instagram* с компьютера потребуется установить один из эмуляторов Android, например бесплатный и свободно распространяемый пакет Nox.
Как привлечь пользователей?
Типичная ситуация: ваша группа или канал созданы и там уже размещен какой-то контент, но пользователей всё нет и нет. Ситуация на первый взгляд тупиковая, но все же имеет несколько бесплатных и недорогих решений. Остановимся на бесплатных, которые может использовать ваша научная библиотека.
1. Размещайте гиперссылки, ведущие на ваши сообщества, на сайте вуза и библиотеки. Призывайте читателей подписываться.
2. Используйте почтовую рассылку своего университета для расширения аудитории ваших сообществ. Например, подготовьте подборку новостей библиотеки, обзор книжных новинок, информацию о предстоящих семинарах, не забыв упомянуть про свои группы и каналы в социальных сетях. Если сообщение будет достаточно информативным и привлекательным, пользователи обязательно перейдут на целевую страницу.
3. Оформите страницу сообщества должным образом. Такая страница должна содержать контактную информацию, время работы и адрес вашей библиотеки, геометку и описание. Добавляйте графические элементы: обложку группы или канала, фоновые изображения. Помните, что красиво оформленные страницы получают больше пользовательского внимания.
5. Не забывайте, что публикации должны отвечать потребностям потенциальной аудитории, решать конкретные задачи, развлекать, информировать о действительно важных для читателей изменениях в работе научной библиотеки.
6. «Дружите» в Сети с публичными библиотеками, некоммерческими организациями и библиотеками других вузов, обменивайтесь опытом (а также ссылками и репостами).
7. Консультируйтесь по вопросам продвижения в социальных медиа со специалистами в области библиотечного маркетинга. Получайте информацию из всех доступных вам источников: помогут профессиональная литература и периодика, авторитетные ресурсы для маркетологов и SMM-специалистов, научные конференции по библиотечному делу.
Что еще почитать?
Халилов, Д. Маркетинг в социальных сетях. – М.: Манн, Иванов и Фербер, 2017. – 240 с.
Debra Lucas-Alfieri, Marketing the 21st Century Library: The Time is Now. – Elsevier, 2015.
Источник: lala.lanbook.com
Библиомания
Сначала придумайте название группы и подберите аватар. Название должно быть максимально коротким. Лучшим вариантом аватара является оригинальная картинка.
Описание группы должно быть максимально конкретным и емким. Достаточно 2-3 строк, больше пользователь читать не захочет.
Добавьте в «Ссылки» вашей группы ссылки на ваши другие виртуальные представительства, а в них – ссылку на группу.
Добавьте в группу аудио, видео и фотографии, которые прямо или косвенно относятся к вашей библиотеке.
Обменяйтесь ссылками с группами-друзьями, которые вам близки тематически.
Ищите интересные темы для обсуждения, вовлекайте участников группы в разговор.
Поздравляйте участников группы «С Днем рождения!». Пишите на их стене поздравления, используя книжно-библиотечные темы и прикрепляйте в подарок изображения.
Отмечайте на фотографиях и видео ваших читателей.
Добавьте интересные фото и видео со ссылками в описании на вашу группу в тематически близкие сообщества.
Для поддержания активности и количества участников группы необходимо постоянно обновлять информацию, писать новости, добавлять альбомы, аудио и видеозаписи, открывать новые обсуждения и удалять спам.
Публикуя свои новости «Вконтакте», помните про небольшой размер, простоту и доступность текста; емкость содержания. Постарайтесь показать, чем ПОЛЕЗНА ваша группа.
Не упускайте возможности «Вконтакте» для создания событий и приглашения на библиотечные мероприятия.
Оценивая работу с библиотечной группой «Вконтакте», на первое место нужно поставить активность пользователей, критериями которой являются:
Посещаемость. При нормальной вовлеченности пользователей группу ежедневно посещают 1-3% от всех участников (поэтому библиотечные группы из 10-12 человек – это несерьезно).
Количество тем и сообщений в обсуждениях. Ведь в группу вступают прежде всего для того, чтобы общаться.
Количество сообщений на стене, на которой не только администраторы, но и пользователи могут выкладывать фото, аудио, видео, задавать вопросы, делиться информацией, спрашивать или спорить.
Частота новых сообщений, количество комментариев к записям и «лайков»
Комментарии к фото и видео, количество «лайков».
Участие в опросах.
Работа в социальной сети не приводит к моментальному наглядному результату. Говоря языком маркетинга, вы повышаете узнаваемость бренда (т.е.библиотеки), завоевываете лояльность пользователей, продвигаете свои услуги и ищите новых партнеров. Может быть, лучшим результатом вашей деятельности в сети станут новые совместные проекты с виртуальными друзьями, а не рост книговыдачи?
Источник: bibliomaniya.blogspot.com