На главной странице есть 4 крупных блока: шапка сайта, два сайдбара (боковые панели) и центральный раздел с лентой записей. Посмотрим, какие элементы и функции содержит в себе каждый блок.
Начнём с шапки сайта.
1. Пользователей сайта приветствует логотип с призывом «Думайте» и символом дерева. На наш взгляд, образ дерева с корнями, кроной и листвой хорошо передаёт образ знаний, познавательной деятельности и развития.
- Подробная статья о том, как мы разрабатывали логотип и какие он несёт смыслы, представлена здесь: https://dzen.ru/a/ZTes1JVb4kHeKui0
2. Рядом с логотипом находится иконка меню, позволяющая свернуть/развернуть левую боковую панель, которая отвечает в основном за навигацию по сайту.
3. В центре шапки сайта находится строка поиска. Поиск работает по трём сущностям: записи, пользователи, тематики. Есть выдача быстрых результатов во всплывающем окне и возможность перейти на отдельную страницу поиска по каждой сущности.
4. В правой части шапки находится кнопка «Добавить запись» и «Уведомления». На сайте можно создавать записи двух типов: статья и видео. Логика работы уведомлений аналогичная ВКонтакте - есть возможность быстро просмотреть новые уведомления, либо перейти на отдельную страницу.
5. В правом углу шапки находится кнопка «входа на сайт» или иконка пользователя, если вы уже авторизованы. По нажатию на иконку всплывает меню с основными разделами личного кабинета.
Теперь посмотрим на центральную часть сайта.
Она состоит из ленты записей, настроек ленты и списка фильтров.
1. Лента записей состоит из плиток, каждая из которых содержит краткую информацию о содержании публикации, иконку и имя автора, картинку, и статистические результаты оценки качества записи и количества просмотров, комментариев.
2. На старте сайта, который запланирован на май 2024 года, будет доступен один вариант отображения ленты и плиток записей – тот, который показан на картинке. Но после реализации первых этапов доработок, станут доступны ещё несколько: компактный (с кратким списком без картинок), в два столбика, развёрнутый – с большой картинкой. Менять режим отображения ленты можно будет кликом на иконку, которая расположена справа над лентой.
3. Третий ключевой элемент любой ленты на сайте – это набор сортировок и фильтров. Он открывается при клике на иконку, расположенную слева над лентой. Сортировки и фильтры отличаются в зависимости от типа открытой страницы: Главная/Новое/Полезное/Мои подписки и т.д. Сортировки позволяют менять порядок отображения записей – например, отсортировать их по дате или по качеству оценки. Фильтры позволяют отсеять ненужное – например, оставить только статьи или скрыть записи, которые вы уже смотрели.
Левый сайдбар (боковая панель)
Он называется навигационным, так как содержит информацию об основных разделах сайта и позволяет быстро переходить от одной новостной ленты к другой. Обратим внимание на его основные блоки:
1. Кнопки общих и персональных* лент сайта: Главная / Мои подписки* / Рекомендации* / Новое / Полезное
2. Список из восьми категорий сайта. На картинке он сейчас показан в свёрнутом виде. Когда вы только зарегистрируетесь он будет развёрнут, но по мере появления подписок, он свернётся, уступив место в сайдбаре более важным для вас уже персонализированным разделам. Основные категории сайта выглядят так:
- Здоровье и Среда обитания
- Семья и Отношения
- Экономика и Труд
- Политика и Общество
- Наука и Технологии
- Культура и Искусство
- Прошлое и Будущее
- Мировоззрение и Духовность
Над формулировками и названиями категорий пришлось достаточно долго поразмышлять, чтобы они получились объёмными, логичными и целостными, а список не был слишком большим. Напомним, что по этим восьми категориям на сайте выстроена система роста и развития пользователей, и для этого любой создаваемой записи указывается одна из категорий.
3. Список тематик, на которые вы подписались. Показываются до 5 самых востребованных тематик, остальные сворачиваются. В конце списка есть также кнопка «Актуальные тематики», по нажатию на которую можно увидеть те тематики, которые сейчас наиболее активно обсуждаются на сайте.
4. Список пользователей, на которых вы подписаны. Принцип тот же самый - показываются до 5 самых часто читаемых вами авторов, остальные сворачиваются. Напротив каждого автора показывается количество новых опубликованных им записей. В конце списка пользователей есть также кнопка «Единомышленники», по нажатию на которую открывается список пользователей с близкими вам взглядами.
Подробнее о том, как система выявляет ваших единомышленников, можно прочитать здесь: https://dzen.ru/a/ZTIWkwlmuCeqCexO
5. Раздел «Техподдержка» и несколько информационных страниц сайта.
Левый навигационный сайдбар в развёрнутом виде доступен на всех основных страницах сайта, кроме страниц чтения Статьи и просмотра Видео. Там он свёрнут, а вместо него находится система оценки записи по критериям “Полезности” и “Интересности”.
Правый сайдбар
Правый сайдбар содержит информацию о пользователе и несколько дополнительных блоков, которые могут меняться в зависимости от открытой страницы.
1. В первом блоке правого сайдбара содержится кнопка «Моя страница» для быстрого перехода в личный профиль, а также краткая статистика основных показателей пользователя: активность, количество баллов знаний, количество подписчиков и пользователей в круге доверия.
2. Счётчик количества пролистанных записей. Он помогает отслеживать, как много материалов в ленте вы уже просмотрели и как много времени провели на сайте. Это инструмент самоконтроля. При желании счётчик можно отключить.
3. В правом сайдбаре могут появляться и другие дополнительные блоки. Например, на странице Тематики/Тега будет отображаться список пользователей, внёсших наибольший вклад в наполнение Тематики, то есть те авторы, кто создал наибольшее количество записей по выбранной тематике (учитывается также и качество созданных записей). На страницах основных Категорий показываются знатоки категории – то есть пользователи, достигшие наивысшего уровня в категории. И так далее.
Увидеть прототипы других страниц сайта можно в фотоальбоме по ссылке: https://vk.com/albums-222137447
Мы стараемся разрабатывать все страницы и функционал сайта так, чтобы они были интуитивно понятны большинству пользователей. Но если логика какого-то раздела будет неочевидной, то всегда можно нажать на иконку «вопроса» или перейти в раздел «О проекте», чтобы подробнее узнать про работу сайта.
А пока сайт не запущен интересующие вопросы или свои идеи можно написать в комментариях – пишите, мы всегда рады обратной связи.
- Мы в ВКонтакте https://vk.com/dumaite_ru
- Мы в Телеграме https://t.me/dumaite_ru
- Мы в Ютубе https://www.youtube.com/@dumaite_ru
- Мы на Бусти https://boosty.to/dumaite
- Мы в Дзене https://dzen.ru/dumaite
