Дизайнеру на заметку — что необходимо нарисовать для сайта на LiveStreet 1.0

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



Список необходимых экранов

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

000 — Главная страница
а) вид для авторизованного и неавторизованного пользователя
б) Прямой эфир — комментарии / публикации
в) Попап-блок с текстом комментария для Прямого эфира
г) Попап-блок со статистикой голосов
д) Пользовательское меню
е) Панель «Создать» (черновик, топик, блог, сообщение, событие, галерея)
ё) Системные сообщения («ошибка» / «OK»)
ж) Сортировки — Интересные / Новые +k /Обсуждаемые / TOP (период: За 24 часа / За 7 дней / За 30 дней / За все время)
з) Информер о новом сообщении

010 — Авторизация
а) неверный логин/пароль

020 — Напомнить пароль

030 — Регистрация
а) регистрация завершена

100 — Лента блога
а) Виды топиков: пост, голосование, ссылка, фотоотчет | черновик, закрытый
б) Информация о блоге

110 — Топик
а) Голосование (+ / — / воздержался)
б) В тексте — Ссылка, ссылка-пользователь, заголовки (H5, H6, H7), цитата, код
в) комментарии — новый, мой, прочитанный, активный. Выделенный топикстартер.
г) написать комментарий

200 — Блоги
а) Сортировки — Название / Кол-во читателей / Рейтинг
б) Попап-блок с информацией о блоге
в) поиск

300 — Люди
а) Выборки:
— по активности — Все / Онлайн / Новые
— по рейтингу — Все / Положительные / Отрицательные
— по алфавиту (поиск с автоподстановкой)
— по стране и городу
б) Сортировки: Ник / Сила / Рейтинг
в) статистика — гендерная и количественная

400 — Профиль пользователя («чужой») — Информация
а) добавить заметку
410 — Стена
420 — Публикации (топики / комментарии)
430 — Избранное (топики / комментарии)
440 — Друзья (аналогичен разделу «Люди»)
450 — Активность

500 — Профиль пользователя («свой») — Информация
520 — Публикации (топики, комментарии, заметки, черновики)
530 — Избранное (топики / комментарии)
540 — Друзья (аналогичен разделу «Люди»)
550 — Активность

560 — Сообщения (список цепочек)
а) поиск писем
561 — Новое письмо
562 — Новое письмо
563 — Избранное
564 — Блокировать

570 — Настройки профиля
571 — Настройки аккаунта
572 — Настройки сайта

600 — Создать пост
а) Блок «Доступные теги»
б) предпросмотр топика

610 — Создать блог

700 — Активность
а) добавить людей

800 — Текстовая страница (Например «О проекте»)

810 — Страница ошибки (404)

Бонус — список сайтов для анализа

Проекты, на которые я бы рекомендовал посмотреть, прежде чем начинать рисовать



Кроме того, для тех, кто работает в команде рекомендую сервис Worksection — именно с помощью него велась удаленная работа, при разработке Synio.

P.S.

Если у кого-то из дизайнеров есть инвайт на Dribbble, буду признателен за приглашение – спасибо borodox за инвайт и отдельное спасибо KaMaToZzz за помощь в его получении!
При продвижении сайта очень важно своевременно и правильно оценивать его текущие позиции. Встречайте новый сервис для оптимизаторов! Line.pr-cy.ru — мониторинг позиций сайта.

15 комментариев

avatar
Спасибо! Полезная информация!
avatar
Все сайты в списке такие однотипные)) Как будто 1 человек рисовал.
avatar
Отличные по стилю проекты в представленном списке, все понравились.
avatar
большинство из них имеет мало общего с классическим видом livestreet (блог), а вывод сеткой (плиткой) — это все-таки плюшка.
avatar
нужно смотреть чуть глубже — вся соль в деталях.
avatar
тогда лучше указать это в топике. Профи и так знают как с любовью подходить к деталям, а вот новички в первую очередь обратят внимание на стилистику и общий вид сайтов.
avatar
Если уделять внимание деталям — любой шаблон можно сделать конфеткой. В деталях и мелочах всегда была вся соль ;)
avatar
Хороший список для дизайнеров. Я бы ещё добавил к этому как минимум
600 — Создать пост
в) модальное окно для добавления изображений

А в бонусном списке сайтов от силы 2-3 можно взять для анализа. Остальные же «клонированые» и перестилизованные. Грамотный верстальщик с мало-мальским эстетическим чутьём может сделать что-то подобное и сам, без каких-либо макетов, глядя на доноров.
avatar
а то *лять после кривых анализов нахлынет на нас волна хабро-лукон-сноб дизайнов :)
avatar
а какие сайты из списка для анализа сделаны на LiveStreet?
avatar
nashizdat.com точно
avatar
Спасибо. НАШ похож на стандартное оформление, и в футере явно указана ссылка на движок. А вот с остальными как? Интересно, Slon+Snob и сайты группы LaM/TheVillage — они тоже на LS?
avatar
Slon — Bitrix
avatar
Понял, спасибо. Симпатичный получился Битрикс у Слона;)
avatar
Не за что.
Да, выглядит очень даже не плохо.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.