Информативность - наше всё

[AlexCooper 1415]

Обозначаем проблему

Помню время, когда я только вернулся в майнкрафты, вступил обратно в клан и впервые зашел в клановый Личный кабинет (Скрины под стремным спойлером). Выглядел в принципе он тогда так же, как выглядит сейчас: нелогично-огромные иконки (они меня больше всего угнетают), плитки в 3 ряда, и недостаточно информативный «предпросмотр». Причем, приходится даже скроллить страницу, чтобы просмотреть лишь названия разделов. Вначале я подумал, что это сделано под мобильную версию, там бы это было в тему, но потом я ужаснулся, узнав, что тут даже нет в планах мобильной версии

 

Скрытый текст

Раздел «Личный кабинет»

При виде этого возникает только вопрос «Зачем?»

 

Раздел «Управление кланом»

 

 

Предлагаем решение

Дело в том, что до сих пор меня на долю секунды вводит в ступор оформление личного кабинета. Поэтому, в свободное время, я сел и подумал: «а почему бы не сделать хоть что-нибудь свежее и похожее на личный кабинет». Например, сделать все эти плитки табами, а содержимое подгружать аяксом, чтобы не перезагружать страницу вовсе, и удобно переключаться между разделами

 

Собственный сомнительный образец

Поэтому, я взял за основу текущий личный кабинет и просто набросал разметку того, как я это вижу. Получилось примерно так:
 

На скриншоте показан ПРОСТО ПРИМЕР для наглядности, где я практически ничего не менял с текущей разметки. Естественно, при наличии нормальной фантазии и вкуса, можно реализовать очень симпатичный интерфейс

 

Как мы видим, табы слева отвечают за переключение между разделами, в то время как справа уже отображен необходимый контент, подгрузку которого можно реализовать через аякс (хоть для начала можно и просто ссылками). Таким образом, мы получаем:

1. Удобную навигацию между разделами
2. Информативный и компактный внешний вид
3. Эстетическое удовлетворение от вменяемого личного кабинета

Разумеется, над блоками контента справа тоже следовало бы поработать, т.к. некоторых они могут ввести в заблуждение.

При необходимости могу запилить вам html-шаблоны разделов, после чего останется их только интегрировать в ЛК (Не бутстрап. Своё, чистое)

[SnowlyS 1690]

Кто снесёт тему, тот кам

[asgardec 5072]

[exkalibyr 99]

Like

[RomaKot12 86]

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

[DRAGUN 96]

Идея хорошая, реализация не очень. А то что это работает никто не отрицает, мы к этому привыкли, на многих популярных сайтах используется данный приём. Но выключка текста по правой стороне конечно "ТОП" 

 

[AlexCooper 1415]

14 минут назад, DRAGUN сказал:

Идея хорошая, реализация не очень. А то что это работает никто не отрицает, мы к этому привыкли, на многих популярных сайтах используется данный приём. Но выключка текста по правой стороне конечно "ТОП" 

 

 

Прям из темы бахну:

Еще раз повторюсь, я брал действующий экскалибурский ЛК и просто потягал элементы в нужные мне места. Над красотой в рамках этого сайта я не могу работать, т.к. это не макет «с нуля» Этот скрин сделан просто для примерного понимания разметки, которую я предлагаю

[Vityacle 57]

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

[Medu3a 86]

Вау, действительно неплохо. Хотелось бы что-то подобное в реальности увидеть, а то разделы и вправду хромают. Лайк