Главная страница: различия между версиями

Материал из Wiki SVOI
Перейти к навигации Перейти к поиску
 
(не показано 7 промежуточных версий 2 участников)
Строка 1: Строка 1:
<p>Далее мы рассмотрим оформление главной страницы: расскажем о всех модулях, которые можно вывести, а также покажем, как их настраивать. Главная страница - лицо вашей организации, поэтому к ее оформлению следует подойти тщательно.
 
 
<p>В данном разделе мы рассмотрим оформление главной страницы: расскажем о всех модулях, которые можно вывести, а также покажем, как их настраивать. Главная страница - лицо вашей организации, поэтому к ее оформлению следует подойти тщательно.


</p>
</p>


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


'''Вариант 1:'''
'''Старый дизайн:'''
[[file:Main1PNG.PNG|1100px|center|frameless]]
[[file:Main1PNG.PNG|1100px|center|frameless]]
<br>
<br>
Строка 12: Строка 14:




'''Вариант 2:'''
'''Новый дизайн:'''
[[file:главнаяФ.png|1100px|center|frameless]]
[[file:главнаяФ.png|1100px|center|frameless]]


Строка 20: Строка 22:
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">[[Опросы]]</strong></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">[[Опросы]]</strong></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">[[Новости]]</strong>(В варианте 1 есть опция - вывести 2 ряд новостей. Чтобы выполнить такую настройку, обратитесь к клиентскому менеджеру)</p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">[[Новости]]</strong>(В варианте 1 есть опция - вывести 2 ряд новостей. Чтобы выполнить такую настройку, обратитесь к клиентскому менеджеру)</p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Информация о днях рождения</strong>(доступно только в '''варианте 2''')</p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Информация о днях рождения</strong>(доступно только в '''новом дизайне''')</p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Группы</strong><span>(доступно только в''' варианте 2''')</span><br></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Группы</strong><span>(доступно только в''' новом дизайне''')</span><br></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Благодарности коллег</strong><span>(доступно только в''' варианте 2''')</span></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Благодарности коллег</strong><span>(доступно только в''' новом дизайне''')</span></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Полезные ссылки</strong><span>(доступно только в '''варианте 2''')</span></p>
*<p data-renderer-start-pos="278"><strong data-renderer-mark="true">Полезные ссылки</strong><span>(доступно только в '''новом дизайне''')</span></p>
*'''Ссылка на ваши [[сервисы]]'''<span>(доступно только в '''варианте 2'''). </span>В случае, если вы не добавляли в сове рабочее пространство функцию "Сервисы", данная кнопка не выводится на главный экран
*'''Ссылка на ваши [[сервисы]]'''<span>(доступно только в '''новом дизайне'''). </span>В случае, если вы не добавляли в сове рабочее пространство функцию "Сервисы", данная кнопка не выводится на главный экран
Для того, чтобы изменить дизайн главной страницы, необходимо&nbsp;
 
Вы можете управлять порядком блоков в боковом меню. Они будут отображаться в том порядке, который был указан. Для управления данной функцией необходимо перейти в [[Настройки Организации|настройки пространства]](данная функция работает только в новом дизайне). Перемещение блоков осуществляется перетаскиванием нужных элементов по усмотрению администратора пространства.
Вы можете управлять порядком блоков в боковом меню. Они будут отображаться в том порядке, который был указан. Для управления данной функцией необходимо перейти в [[Настройки Организации|настройки пространства]](данная функция работает только в новом дизайне). Перемещение блоков осуществляется перетаскиванием нужных элементов по усмотрению администратора пространства.


Строка 39: Строка 43:
баннера.
баннера.


Отдельно необходимо выделить баннеры в центре страницы – они имеют ряд особенностей. Максимум можно вывести 5 баннеров. В случае, если вы решите не прикреплять их, а также при выборе опции '''«убрать баннеры»''', автоматически будут выведены системные баннеры с акциями наших партнеров. Поэтому необходимо заранее продумать этот момент. Стоит отметить, что размеры баннеров отличаются, в зависимости от платформы - размер баннера для мобильного приложения не будет совпадать с размером баннера для ПК. Рекомендуемый '''размер''' баннера для компьютера: '''1160х350'''.
Отдельно необходимо выделить баннеры в центре страницы – они имеют ряд особенностей. Максимум можно вывести 5 баннеров. В случае, если вы решите не прикреплять их, а также при выборе опции '''«убрать баннеры»''', автоматически будут выведены системные баннеры с акциями наших партнеров. Поэтому необходимо заранее продумать этот момент. Стоит отметить, что размеры баннеров отличаются, в зависимости от платформы - размер баннера для мобильного приложения не будет совпадать с размером баннера для ПК. Рекомендуемый '''размер''' баннера для компьютера: '''1160х350'''.
Суть баннеров состоит в возможности перехода пользователей на конкретный ресурс - поэтому для создания баннера Вам понадобится '''обложка'''(размер обложки для верхнего баннера - 440х497, для баннеров, находящимся под блоком "Опросы" - 440х389) и '''ссылка''', по которой будет переходить пользователь. При наведении курсора на баннер появляется видимость того, что баннер '''кликабелен'''. Это сделано для того, чтобы пользователь понимал, что&nbsp;данный блок не является декоративным и содержит дополнительную информацию.
 
Суть баннеров состоит в возможности перехода пользователей на конкретный ресурс - поэтому для создания баннера Вам понадобится '''обложка'''(размер обложки для верхнего баннера - 440х497, для баннеров, находящимся под блоком "Опросы" - 440х389) и '''ссылка''', по которой будет переходить пользователь.
 
 
 
По умолчанию на каждом боковом баннере выводится '''кнопка. '''Это стоит учитывать при подборе картинки, так как кнопка перекрывает часть картинки. Цвет кнопки - основной цвет Вашего пространства (подробнее в разделе [[Настройки Организации|<strong>"Настройки Организации"</strong>]]). Наличие кнопки позволяет пользователю понять, что при нажатии на баннер он получит дополнительную информацию. Переход осуществляется не только при нажатии на кнопку, но и при нажатии на любое место баннера.&nbsp;


В случае, если фотография для баннера не будет соответствовать указанному формату, она будет выводиться некорректно, т.к. будет автоматически обрезана до указанного формата.
В случае, если фотография для баннера не будет соответствовать указанному формату, она будет выводиться некорректно, т.к. будет автоматически обрезана до указанного формата.
Боковые баннеры выводятся не только в версии для ПК, но и в мобильной версии.&nbsp;
Боковые баннеры выводятся не только в версии для ПК, но и в мобильной версии.&nbsp;


Строка 57: Строка 66:
Чтобы настроить '''ссылки''' на ваши соцсети а также футер и хедер, свяжитесь с нами - наши сотрудники проведут соответствующую настройку по вашему желанию.
Чтобы настроить '''ссылки''' на ваши соцсети а также футер и хедер, свяжитесь с нами - наши сотрудники проведут соответствующую настройку по вашему желанию.


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




Строка 90: Строка 99:


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



Текущая версия на 05:52, 13 августа 2024


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

Настройки главной страницы

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

Старый дизайн:

Main1PNG.PNG



Новый дизайн:

ГлавнаяФ.png


На главной странице мы можем увидеть множество различных опций:

  • Баннеры

  • Опросы

  • Новости(В варианте 1 есть опция - вывести 2 ряд новостей. Чтобы выполнить такую настройку, обратитесь к клиентскому менеджеру)

  • Информация о днях рождения(доступно только в новом дизайне)

  • Группы(доступно только в новом дизайне)

  • Благодарности коллег(доступно только в новом дизайне)

  • Полезные ссылки(доступно только в новом дизайне)

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

Для того, чтобы изменить дизайн главной страницы, необходимо 

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


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

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

Баннеры

Баннер2.png

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

БаннерЛев.png

баннера.

Отдельно необходимо выделить баннеры в центре страницы – они имеют ряд особенностей. Максимум можно вывести 5 баннеров. В случае, если вы решите не прикреплять их, а также при выборе опции «убрать баннеры», автоматически будут выведены системные баннеры с акциями наших партнеров. Поэтому необходимо заранее продумать этот момент. Стоит отметить, что размеры баннеров отличаются, в зависимости от платформы - размер баннера для мобильного приложения не будет совпадать с размером баннера для ПК. Рекомендуемый размер баннера для компьютера: 1160х350.

Суть баннеров состоит в возможности перехода пользователей на конкретный ресурс - поэтому для создания баннера Вам понадобится обложка(размер обложки для верхнего баннера - 440х497, для баннеров, находящимся под блоком "Опросы" - 440х389) и ссылка, по которой будет переходить пользователь.


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

В случае, если фотография для баннера не будет соответствовать указанному формату, она будет выводиться некорректно, т.к. будет автоматически обрезана до указанного формата. Боковые баннеры выводятся не только в версии для ПК, но и в мобильной версии. 

Хедеры и футеры

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

Хедер.png


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

Футер.png

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

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


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

Меню

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


Группы

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

  • У групп может быть различное назначение(посвященные бизнесу или неформальным объединениям в организации, например, спортивный клуб)
  • Группы могут иметь свои новости, идеи, конкурсы. Общие разделы у группы и организации - мессенджер и витрина скидок.

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

Бейджи

Ex4.png

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

  • У каждого бейджа есть свое изображение. Рекомендуемый формат картинки для бейджа - 80х80

  • Каждому бейджу, как правило, присваивается причина. Причина может быть одна, также их может быть несколько. В случае, если причин несколько, отправитель бейджа выбирает одну из них. При желании, причину можно не указывать. В таком случае в графе "Причина" будет пропуск.

  • Помимо этого, к бейджу можно добавить описание.

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

  • Вы можете указать очередность бейджей. Это необходимо для того, чтобы....

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

Также бейджи выводятся в профиле сотрудника в разделе "Благодарности".

Полезные ссылки

Ex2.png

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

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


Поиск

Также необходимо более подробно рассмотреть все особенности поиска.

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

Для возврата в главное меню, воспользуйтесь меню слева или перейдите по ссылке на страницу "[HR|Вступление]"