Описание страниц блога¶
(в разработке)
Требования к блогу ¶
Блог должен быть доступен для поисковых роботов и индексации поисковыми системами так как основное назначение блога - привлечение новых пользователей на сайт.
У всех страниц блога должен быть отдельный URL для входа на статью:
- из поисковиков по ключевым словам;
- из наших страниц в соц.сетях, где будет публиковаться анонс на статью;
- со страниц соц.сетей пользователей, которые ей поделились;
- с блогов/видео блогов/страниц соц.сетей наших партнеров, которые нас рекламируют и отправляют людей на наш сайт;
- для ознакомления пользователя по рекоммендации службы поддержки;
- из возможной рассылки подписанных пользователей.
Главная страница ¶
На главную страницу блога можно попасть перейдя по сквозной ссылке в подвале сайта.
На главной странице блога есть 4 основных блока:
- Блок категорий;
- Блок со списком статей;
- Кнопка More под списком статей;
- Блок со сквозными ссылками.
В блоке категорий расположенном в виде горизонтального переключателя выведены все категории статей.
В блоке со списком статей на главной странице блога выдятся статьи из всех категорий и подкатегорий блога в виде плитки. Сортировка статей осуществляется по дате. Вверху статьи с ближайшей к текущей датой.
При нажатии кнопки More выводятся дополнительные статьи в виде плитки под списком сатей.
Категории блога ¶
На текущий момент блог делится на 3 основных категории в каждой из которых 3 подкатегории.
- TMP Life
- TMP News
- International money and people
- GEO TMP info
- For Passenger
- News for passangers
- Local money
- Local info for passanger
- For Driver
- News for drivers
- Local money and driver
- Local info for driver
Блок категорий состоит из 3-х блоков:
- Переключатель основных категорй;
- Блок с названием основной категории;
- Переключатель подкатегорий.
При нажатии на одину из категорий в списке статей без перезагрузки страницы выводится список статей выбранной категории.
Список статей ¶
При загрузке страницы или при переключении категории выводится список статей в виде плитки, по 3 статьи в ряд. Максимальное количество при загрузке страницы 9 статей.
Под списком расположена кнопка "More" при нажатии на которую под список статей выводятся другие статьи соответствующие выбранной категории/подкатегории. Полсе каждого нажатия выводится до 9-и статей. Если статей в текущей категории/подкатегории больше чем выведено после нажатия на "More", то кнопка остается видимой и можно нажимать её еще раз. Если статей осталось 9 или меньше, кнопка "More" скрывается.
Разные категории в списке статей выделяются своим цветом. Название статьи выделяется цветом соответствующим категории.
Элемент списка¶
Элемент списка - это краткая информация о статье.
Он содержит:
- Картинка с иконками (является ссылкой на страницу статьи);
- Рубрика (является ссылкой на страницу определенной рубрики;
- Название статьи (является ссылкой на страницу статьи);
- Дата публикации;
- Регион, к которому привязана статья (весь мир, определенная страна, город) (Регион является ссылкой на страницу статей, привязанных к определенному региону). "пока не делаем"
При наведении над каждой картинке в списке статей появляется затемненный прозрачный фон.
На данном фоне появляются иконки:
- Иконка "Добавить в мою библиотеку" - знак "+" в кружочке - в левом вехнем углу + надпись "direct to your Library";
- Иконка "Useful" - двуцветная "+" (красно-зеленый) и количество пользователей, отметивших статью полезной - в левом нижнем углу - временно неактивна;
- Иконка комментария и количество комментариев - в правом нижнем углу.
Иконка "Useful"
При нажатии на иконку она окрашивается в цвет рубрики, которой принадлежит статья (голубой, красный или синий), и данная выбранная статья появляется также во вкладке блога My Library.
При повторном нажатии цвет иконки возвращается в исходный. И она уходить из вкладки пользователя My Library.
Страница статьи ¶
Пример структуры страницы статьи при загрузке страницы
После прокрутки страницы, когда заголовок и кнопки соц. сетей уже не видны, должен появляться фиксированный сверху блок, включающий:
- Логотип сайта;
- Название статьи;
- Блок "Поделиться".
Структура статьи (в порядке размещения на странице):
- Название категории;
- Заголовок статьи;
- Дата публикации
- Регион;
- Блок "Поделиться";
- Картинка или видео;
- Текст статьи;
- Кнопка Useful (полезно);
- Сквозные ссылки для пассажира, перевозчика и партнера;
- Комментарии;
- Блок Related articles (Статьи по теме) - 6шт.
Название категории ¶
Название категории выводится в самой верхней части страницы.
Заголовок статьи ¶
Заголовок статьи при загрузке страницы выводится в верхней части страницы под категорией статьи.
Дополнительно после прокрутки заголовка статьи в верхней части окна браузера появляется фиксированный блок в котором отображается логотип, заголовок статьи и блок "Поделиться".
После прокрутки страницы вверх до начала заголовка, фиксированный блок пропадает.
Дата публикации ¶
Дата выводится над изображением статьи в формате "месяц день, год". Например - December 1, 2017.
Регион "в разработке" ¶
В этот блок выводим регион для которого размещена статья. Это может быть весь мир, страна или город.
Блок размещается справа от даты публикации.
Картинка или видео ¶
На странице статьи выводится или тематическое изображение или видео.
Изображение должно быть по размерам не менее 1200 пикселей в ширину для корректного отображения на странице статьи.
Текст статьи ¶
Текст статьи выводится под изображением статьи.
Размер статей на сайте не превышает 12000 символов.
Статьи по размеру 4-х типов:
- Маленькие статьи - до 1000 знаков
- Средние статьи - от 1000 до 3000 знаков
- Большие статьи - от 3000 знаков
- Максимум - 12000 знаков
Кнопка Useful "в разработке" ¶
!!! Временно не размещаем. Вернемся к ней минимум через 6-12 месяцев(июнь-декабрь 2018)
Под статьей размещается кнопка Useful, чтобы пользователь смог отметить, что статья была полезной для него.
Нажате на кнопку увеличивает счетчик (люди которые посчитали статью полезной), повторное нажатие уменьшает.
Комментарии к статье ¶
Блок комментариев распологается под блоком со сквозными ссылками в виде отдельных строк.
Все комментарии проходят модерацию.
В каждом комментарии отображается:
- Аватар комментатора;
- Дата комментария;
- Текст комментари;
- Ответ модератора (если есть).
После загрузки страницы выводится до 5-и комментариев.
Под блоком с комментариями если их больше 5-и показываем кнопку More со счетчиком оставшихся комментариев. Например More(35). При нажатии на неё добавляются еще 5 комментариев. Если осталось 5 или меньше коментариев кнопка More скрывается.
Ответы на комментарии "в разработке"
Ответы на комментарии мы будем писать сами, пользователи сайта не могут отвечать на чужие комментарии. Ответ выводится сразу под комментарием на который ответ дан.
Написание комментариев
Под блоком с комментариями выводим текстовое поле для написания комментария. Ограничение 250 символов. Под полем Расположен счетчик символов который при вводе уменьшается. Под строкой со счетчиком символов, расположена кнопка Add при нажатии на которую коментарий отправляется на модерацию. И полльзователю выводится сообщение об этом.
Редактирование комментариев "в разработке"
В течении получаса пользователь должен иметь возможность отредактировать свой комментарий нажав ссылку Edit под своим комментарием.
Сквозные ссылки ¶
Сквозные ссылки размещаются под текстом статьи в виде горизонтальнных плиток. Они предназначены для пассажира, перевозчика и партнера.
Каждая ссылка состоит из:
- тематической иконки/изображения;
- текста с описанием ссылки;
- сама ссылка с текстом "→Do it now" ведущий на определенный раздел сайта.
За основу взят пример с Uber, но вместо 2-х ссылок у Uber, делаем 3:
- Для пассажира - Воспользуйся услугами такси в другой стране, без проблем по лучшей цене!
- переход на Главную страницу;
- Для перевозчика - Заработай деньги без посредников! Отвези иностранцев!
- переход на страницу Биржи;
- Для партнера - Заработай деньги с TaxiMyPrice! Стань нашим партнером!
- переход на страницу со списком партнерских программ.