[КЕЙС НОВИЧКА] Изучаем главную страницу Golos.io. Инструкция. Часть 1
Авторы: @ladyzarulem, @fainder
Уважаемые новички! Предлагаем вам "обзорную экскурсию" по главной странице Голоса, той странице, которую вы видите после регистрации на сайте и тогда, когда нажимаете не логотип Голоса слева вверху.
Этот пост "без углубления" в технические тайны ), поскольку его цель - описать то, что мы видим, чтобы вы поняли значение множества кнопок, пиктограмм, блоков и полей на этой странице.
Меню сайта
Первая строка
Визуальное отображение элементов зависит от того, выполнен ли выход. Анониму будет предложено зарегистрироваться либо войти. Обратите внимание - отображается всего лишь три вкладки на втором трее, поскольку лента личных предпочтений еще не сформирована.
Пользователь, уже выполнивший вход, получает возможность опубликовать пост, ознакомиться с уведомлениями и видеть информацию о своем аккаунте.
Главная страница сайта GOLOS.IO, независимо от того, вошли вы на сайт или нет, состоит из верхней строки меню, вкладок с названиями лент, справа от которых в этом же поле отображается значок, управляющий отображением страницы. Далее следуют, собственно, сами посты (по умолчанию открывается вкладка "Популярное", справа присутствует рекламный банер, под ним расположено облако тегов:
Будем разбирать то, что мы видим, по-порядку, начиная с верхней строки, при условии входа на сайт.
Верхняя строка меню
- Верхняя строка начинается с Интерактивного логотипа. Кликнув по нему, вы вернётесь на главную страницу, где бы не находились.
- Далее следует "Поле поиска". DApp Golos использует форму поиска Google, действия в таком поле вам наверняка хорошо знакомы.
Поиск Google хорошо справляется со своими обязанностями, поскольку сайт проиндексирован поисковыми системами, а если нужного найти не удалось, внизу будет ссылка на общий поиск того же запроса:
- Справа от поиска размещена голубая овальная кнопка "Добавить пост". Пока мы нажимать ее не будем - рассмотрим позже, когда начнем изучать редактор для публикации текстов.
- Правее от кнопки "Добавить пост" вы видите пиктограмму "Колокольчик". Когда вам будут приходить уведомления о действиях, касающихся вашего аккаунта, справа вверху на колокольчике появится красный кружок с цифрой, равной количеству непрочитанных вами уведомлений.
- Интуитивно понятная "Кнопка изменения языка сайта" с пиктограммой, например, RU, расположена еще правее.
Есть выбор из русского, английского и украинского. Важно заметить, что речь идёт именно о языке интерфейса сайта. Статьи авторов Голоса остаются на том языке, на котором их написали, независимо от этих настроек.
- Далее мы видим "Аватарку личного блога" (научимся устанавливать ее позже, когда будем рассматривать настройку вашего блога).
- За аватаркой следует "Ваш ник" приложения Golos.io, с которым вы регистрировались.
- "Полоски и цифры" под ним отображают состояние "батарейки" вашего аккаунта - чем она выше, тем больше действий вы можете совершить. У аккаунтов с маленькой Силой голоса батарейка "разряжается" довольно быстро. Каждое действие, совершенное вами в приложении на блокчейне - это транзакция, на которую тратятся ресурсы. Позже мы также поговорим о бендвиче - пропускной способности аккаунта.
- В левом верхнем углу, в зависимости от размера окна, расположены три либо вертикальных, либо горизонтальных точки. Они вызывают "Меню пользователя", отображение также зависит от того, выполнен ли вход.
| Для анонима | После входа |
 |
 |
Вторая строка
На главной странице можно фильтровать посты, выбирая "НОВОЕ" - недавно опубликованные, "АКТУАЛЬНОЕ" - недавнее и уже набравшее популярность и открываемое по умолчанию "ПОПУЛЯРНОЕ". Пикограмма справа в виде двух горизонтальных полосок позволяет выбирать отображение страницы из трех вариантов, по умолчанию - крупная фотография и пост,можно выбрать отображение в виде плитки в две колонки или компактное отображение:
Если вы войдете в аккаунт и подпишитесь на выбранные блоги, у вас также появится вкладка с вашей личной подборкой - "ЛЕНТА".
Настройки отображения и категорий сохраняются также, если вы выберите нужный тег, например, можно посмотреть новые посты по тегу "фотография":
Итак, мы познакомились с основными полями, блоками, кнопками и пиктограммами на сайте. В следующей инструкции подробно разберем тему входа на сайт и настройку личного блога.
Авторы: @fainder, @ladyzarulem
Продолжение следует...
Авторы: @ladyzarulem, @fainder
Редакция: @ladyzarulem
Публикация: @lubuschka
Дизайн: @sxiii
26.02.2020
Напоминаем, что в рубрике "Кейс новичка" вас ждут полезные шпаргалки, шаблоны и лайф-хаки. Надеемся, что использование материалов, размещённых под этой рубрикой, значительно облегчит для вас процесс публикации собственных постов!
Голосуем за наших лидеров -
@ladyzarulem, @liga.avtorov, @vp-liganovi4kov и @epic90s!!!
Как это сделать - На вкладке Лидеры - выбрать пользователей, которые, на ваш взгляд, делают для приложения полезные действия (создают полезные сервисы, пишут интересные посты, активно коммуницируют, предлагают нововведения и инициативы, проводят конкурсы, ведут блог сообщества и другие). Набрать в окошке их ник и проголосовать.