Заголовок может кого-то запутать. Нет - в этой записи не будет руководства: как построить свой личный кабинет без плагинов.
Я, пользуясь возможностями этого сайта, (так как именно здесь самая релевантная целевая аудитория) хотел бы в этой теме собрать все идеи, мысли, предложения, варианты - идеального личного кабинета.
У WordPress плагина WP-Recall уже сейчас внушительное количество разных видов личного кабинета (+2 дефолтных, в составе плагина. Они не описаны по ссылке). Но я чувствую в себе силы в скором времени приступить еще к одному варианту личного кабинета пользователя.
Про личные кабинеты плагина WP-Recall я рассказал в отдельной, 2-й главе книги "WP-Recall для новичка".
Приведу здесь сравнительную таблицу их возможностей (это из книги):
- чтобы и вы смогли оценить масштаб того - что есть.
Давайте в этой теме обсудим - что, по вашему мнению, должно быть в идеальном личном кабинете?
Как он должен представляться - какие блоки и зоны должны в нем быть?
И какие настройки для кабинета необходимы?
И будет вообще бомбически 💥, если у вас будут варианты ЛК, оформленные в виде набросков карандашом или есть готовый дизайн. Ваши комментарии по делу здесь очень нужны.
Я часто бываю на сайте behance и черпаю там вдохновение к очередному дизу. Но там представлены концепты, которые слишком индивидуальны - под приложения или какую либо финансовую систему. Не встречал я там такого широкого для масс дизайна кабинета.
Что-то в кабинете можно решить отдельным дополнением - как это произошло в дополнении User Info Tab - с одной стороны на него посмотреть - вроде относится к функционалу кабинета, но с другой - это как отдельный доп идеальное решение. Потому что этот доп расширяет только контент одной вкладки. На весь кабинет он не влияет. Важно понимать: какие из решений, и идей для кабинета, могут быть просто отдельным дополнением и подходить под все существующие на данный момент кабинеты.
Тема долгая, длинная... Поехали?
Автор публикации
Владимир, отличная тема для обсуждения. Мне уже не раз поступали те или иные просьбы по кабинету, но в большей части они решались стилями и что то передвинуть...
Я даже начинал делать кабинет, но не могу разорваться пока из за текущего.
Понятно, что кабинет уровня соц сети в принципе не нужен, но так как в соц сети просчитан каждый пиксель от маркетологов, до психологов, надо брать.
А может перенесем на форум обсуждение, не реально в комментах будет, буковок много хочется дать и скринов?
Я думал на форуме тему создать - но эта тема в один день бы исчезла с главной страницы и потом ее не найти. Тут хоть сама запись на главной повисит недели две - пока ее другие записи не подвинут. Но и даже когда подвинут - есть вероятность что подписчики в моей группе будут в нее заходить - и опять это + к тому что тему не потеряем в массе.
Скрины можно давать через яндекс диск - публикуя ссылку.
Почему я сам никаких идей и набросков не дал? оформив 6-ть макетов кабинетов - наступил такой момент как - "а мое видение верное?" Вот пусть пользователи и подскажут в каком направлении двигаться.
Еще полезно будет увидеть идеи по мобильным меню - смартфоны сейчас лидируют в интернете как устройство просмотра.
p.s. голосовать за эту запись хорошо конечно - но вопрос это не решит. Высказывайтесь по теме. Тут лайками не поможешь ))
Я считаю идеальным кабинет фейсбука в отличии от вк. Конечно понятно желание вк выкроить еще больше места для рекламы, но меня это напрягает.
Выпадающие менюхи, все куда пользователь заходи раз в сто лет убрано в отдельный пункт. Тот же профиль не нужен на виду кнопкой. левый сайдбар посвящен выбранным пользоватлем для показа каких то своих плюх, в нашем случаи могут быть допы. Главный экран кабинета, вот тут конечно не плохо стену, но пока ее нет. Тогда самое то твой доп, будет идеально без стены. забыл написать, слева так же инфо пользователя вверху, но в настройках приватность сего выставляемая пользователем.
Я в ужасе шарахаюсь от кабинета фейсбука - куча кнопок и скрытых меню. Вчера как раз пытался найти где там опция показывающая список всех ресурсов на которых я логинился через фейсбук. Убил кучу времени, но нашел.
На главной: Справа лишний навязчивый блок - кого я бы мог знать... Не скрыть. Переключение языка - не скрыть. Что реально переключение языка - реальная опция что она на виду? и политика конфиденциальности и куча ссылок которые на виду- но место им не справа а в футере. Это лишнее.
В кабинете тоже оляписто все и привет из 2000-х. Центральная область узкая для чтения.
А в ней весь контент
Про стену ты сказал - это сделается отдельным допом - т.к. функционал подходит для всех уже написанных кабинетов. Это явно расширением делать надо. Стена будет - надо чуток расширить доп Universe Activity
А мне нравится, когда лента новостей аккуратная и не растянута на пол страницы. Специально искала возможность ее сузить. Нашла. Вот так получилось https://yadi.sk/i/US5hV4V83SDbmo
и https://yadi.sk/i/yfSB48Iy3SDbmy В ленте же только анонсы записей, так для чего делать их крупный план?
Про аляпистось - это конечно субъективно. Кому-то нравится минимализм, а кому-то нет. Я считаю, что кабинет - это рабочее место, в котором должны быть доступен и на видном месте весь функционал, как ЛК, так и сайта. Чтобы зашел в кабинет и увидел, куда ты можешь двигаться дальше по сайту. Меню сайта - для всех, а кабинет - для авторизованных и должен быть более информативен. Ну как-то так.
А меня фейсбук вообще не вставляет. Заморочен он как-то
На самом деле все сети заморочены))
Но куда теперь деваться)
ВК как-то логичнее. Я в фейсбуке тоже плутаю, а если там видео включишь то я его до сих пор не знаю как с мобильника отключить. То свернешь окно то еще куда попадешь. Ад какой-то. По теме пока не готов сказать. Надо записи поискать помнится я этой темой страдал и даже пометки делал.
ВК самый логичный из прочих. Ещё помню Гугл Круги был, дык там кнопку выйти нельзя было найти да и осмыслить то зачем оно нужно было тоже ни как 🙂
Фейсбук, ютуб, гугл - это антисайты с кривыми программистами. Для кого они их делают - непонятно. Но не для людей точно. Ничего нет под рукой, кнопки надо искать. А как раз ВК - самый топовый сайт по удобству, который я видел.
Точно, с кривыми программистами)) Люблю я такие посты, конкретики ноль по существу вопроса, но все плохо.
Может по теме лучше писать, а не о своем мнении о соц сети.
Что во фразе: "Ничего нет под рукой, кнопки надо искать" вам непонятно? Куда ещё конкретнее? Написано вроде по-русски. Я по теме и пишу, это вы тут чушь пишете, что фейсбук прекрасен. Кабинет должен быть удобен для пользователей. Фейсбук неудобен. ВК здесь отличный пример для подражания в плане удобства. Это не мнение, а факты.
Продолжайте и дальше восхищаться вк или любой другой соц сетью. Удобен или нет кабинет для вас, уже все поняли.
Пишите конкретику по теме или заканчивайте флуд. Тут нет обсуждения соц сетей. Как и удобен понятие сугубо личное, что удобно напишите какие функции на виду или что на главной и тд. Тогда будет прок от поста и можно что то уже смотреть.
Я наверно привык к фесбуквскому кабинету. Я именно про кабинет, главная там вся на ленту новостей, кстати и всякий другой хлам. Кстати сразу лайфхак, если хочешь что бы появилось именно на главной твоя новость, пости именно с главной, тогда появится в ленте и все увидят. Если постить с профиля, она вроде как и пишет что и ты увидишь ее на главной, но другие не увидят или большая часть, там все связано со всякими фильтрами и тд.
Владимир, посмотрите ЛК на сайте evrl.to. Мне очень нравиться.
Для тех кому регаться неохото - вот скрин https://yadi.sk/i/8kv3rPXt3S5YCz
Симпатичный и аккуратный сайт.
Спасибо за вариант.
Классный кабинет!
Мне нравится личный кабинет, как на playground
Сбоку разделы, вся инфа по центру. В каждом разделе, если есть уведомления, появляется их количество. По аналогии, в реколбаре выводятся уведомления о новых темах, комментариях, ответах и т.д.
Спасибо кто хоть примеры живых кабинетов дает - что нравятся вам. Но давайте без оффтопа. Цель этой записи чтобы вы, нам программистам дали толчок. А мы уже воплотим в жизнь в экосистеме WP-Recall. Я же не только для себя эту тему создал - все могут подчерпнуть из нее идеи.
Просто нужны конкретные идеи, а не то кто где кривой и не удобный. Пишите что в кабинете удобно и как вы видите его.
Вот есть неплохой кабинет, социализирован по самое не балуй.
Вообще если заглянуть в лес тем и вбить скажем Community или buddypress, можно идей под черпнуть.
Вбивал. Под бадипресс тему я с 100 километров увижу - т.к. они все на одно лицо. Твой пример как раз оттуда. Похожая тема уже в ядре WP-Recall - Sunshine.
Я не правильно написал, ночь и не сварение головы))
Хотел обратить внимание на всякие френды, стену, друзья и остальное. То есть сам кабинет может быть любой, но вот функционал его делает. Либо это просто акк, либо это кабинет с социализацией.
Провел небольшой опрос по своим...в общем к внешнему виду как раз меньше всего требований. Представлен в разных видах и практически все ок. А вот по свистелкам нет, первое место стена для городских сайтиков и различных развлекаловок. Второе место оповещения на кнопках и мыло.
Отсюда делаю вывод - не внешним видом единым)
Ладно - функционал под вкладками оставим в стороне. Это тема другого вопроса.
Итак:
Аватарка - и ее загрузчик быть должны? Вроде да. Прямоугольная? круглая? или тупо квадрат? справа? слева? посередине? сверху или снизу? Большая или маленькая - относительно обложки?
Обложка кабинета? 50 на 50. Если и нужна - то какой высотой? Как в sunshine? или все же меньше по высоте?
Аватарка и обложка - нужны ли они на всех вкладках личного кабинета? В вк вот только на странице профиля. А на других вкладках авы там нет. В шаблоне ЛК Theme Control - так же. Но удобно ли это и необходимо?
Кнопки - сейчас три зоны для них: https://otshelnik-fm.ru/glava-2-lichnye-kabinety-v-wp-recall/#structure - actions, counters, menu. А надо столько? может загнать их в один угол? - это же важный вопрос.
И надо учитывать что у юзера может быть активировано 70 допов и в кабинете будет 50 вкладок - куда их все прятать и как?
или 20 кнопок со счетчиками - как этот кейс сделать красивым? Из области menu кнопки при переполнении строки складываются в всплывающее (мобильное) меню. Гемор это организовать вначале был - но отладили и удобно вроде работает?
Произвольные поля профиля... Сколько боли и вопросов они привели. Есть темы что их выводят сразу, некоторые сразу под спойлером их прячут... И я доп делал чтобы их в вкладке выводить User Info Tab. Но так вот - нужно выводить поля? Где и как? Но не забываем что полей может быть и 40 штук и все они разные - у какого-то поля - куча текста. у каких то просто цифра выводиться будет. Как эту массу выводить и где?
Каждый сайт использует разные наборы допов, ему нужны свои произвольные поля в профиле и произвольные вкладки - и цель этой темы разобраться - как же удобно все это выводить чтобы угодить максимум пользователей?
Так то я могу построить под определенный сайт любой кабинет чисто под этот проект - но этот кабинет уже под все остальные не подойдет. Поэтому и хотелось бы найти золотую середину и что-то максимально удобное для всех сделать.
Хотел много букв написать, но решил время выбрать и макетик собрать для наглядности мысли. Буду пытаться найти время.
У меня пожелания самые простые: Аватарка и обложка нужны на всех вкладках личного кабинета, тем более когда заходишь на страницу другого пользователя и просматриваешь его "вкладки". Ава в левом верхнем углу - тупо квадрат, относительно обложки, чуть меньше по её высоте. Обложка кабинета не более 200 - 250 px по высоте (и выбор обложки желательно только из предложенных на сайте). Кнопки в вертикальный ряд под обложку (шириной примерно на уровне с аватаркой). Произвольные поля профиля "спрятать" (под спойлер и т.п.) - можно отдельной кнопкой "Информация о пользователе" прямо под аватаркой и выводить без разницы как, на усмотрение разработчика (Логин, Имя Фамилия и Статус не прятать).
А еще идея - настройки личного кабинета - эта вкладка (вернее кнопка ее вызова) она должна быть как сейчас в общем списке кнопок в зоне menu? А может ее смысл делать где-то отдельно? например рядом с именем? Вот я тут накидал визуально https://yadi.sk/i/_cZ03tl43SPeTn
Вообще отдельно наверно будет в самый раз. Я бы вообще объединил все технические кнопки в одно место и не занимал даже для владельца визуальное место. Да и нужны они даже не каждый день.
а какие это технические кнопки? Мне только настройки на ум приходят.
А с этой кнопкой как я предложил - не будет так же как с кнопкой "подробная информация"? Просто не будут видеть. Ведь на форуме часто задают вопросы - "а где выводятся поля профиля?" Пока не ткнешь в эту иконку - не видят.
Вот боюсь что и с этой кнопкой начнутся так же - "где мои настройки?" ))
Я имел ввиду профиль и всякие личные счетчики. Клацнул и выпал список или перешел к этой инфе. А саму обложку сделал бы поуже в половину от дефолта.
Кабинет только с получением стены теперь можно считать замкнутым пространством, в котором уже будут проводить время и это социальный эффект. Но мы начинаем грузить обложкой иконками с подписями и тд. Или как ты предлагал обложку грузить на главной и все. Центр многих сайтов определенных тематик или направленности легко сместится сейчас в профиль за счет стены.
И это проверено временем.
Отсюда уже надо как то продумать профиль/кабинет двух видов. Социальный под стену и общей направленности.
В социальном даже можно велосипед не изобретать и пойти по пути скажем вк, там личка еще как личка и не переехала в мессенджер(хотя думаю переедет как в фб)
То есть получаем два двигателя, личка и стена отсюда вид кабинета.
К социальной обязательно поддержку твоих допов, поддержка темой. Я пока сформулировать не могу точно, но полный рабочий социальный акк теперь есть. Сам кабинет + стена + личка + твои допы и еще остаются друзья. Все в принципе есть. Осталось представить все в дизе))
Да, я тоже считаю, что кнопки "настройки" и "профиль" можно убрать. Но вынести их в виде иконок, при наведении на которые, будет подсказка. Только вот иконки эти лучше где-нибудь в углу расположить, например, в правом верхнем. А то, как у вас на скриншоте показано, или, если тем более это будут кнопки или ссылки, они портят дизайн обложки. Вообще,было бы здорово, если бы можно было некоторые кнопки вкладок выносить в виде ссылок в боковой сайдбар или еще куда-нибудь. Конечно, это наверное, индивидуально, но могу говорить только за себя: если бы страницы вкладок можно было выносить отдельными ссылками, то было бы больше возможностей разнообразить дизайны ЛК. Или я может, чего не знаю и эти ссылки можно как-то получить? Пробовала у себя, но они ведут только в лк админа.
Нарисовал кабинет какой бы я хотел примерно. Так то ничего нового. Просто нравится тем что простой и понятный. Что б был просто на белом фоне, и добавлять можно было много фоток. При добавлении фото на аватар они добавлялись друг за другом по очереди. Если человек хочет удалить не нужное фото, то при наведении на фото выводился крестик, и при нажатие удалялся.
На фото что б люди могли кликать, и при клики фото увеличивался, и ниже фото тоже что б был рейтинг. И люди оценивая - рейтинг плюсуется так же к аккаунту.
1 вариант
И 2 вариант , кнопки доавбить и чс в виде иконок.
1 вариант https://s8.hostingkartinok.com/uploads/images/2018/02/7dd03d7023090614bd24a0214a9ec041.jpg
2 вариант https://s8.hostingkartinok.com/uploads/images/2018/02/655c32781cb40326340528bc73b3d06a.jpg
и так же этот же шаблон что б отображался на мобильной версии совсем по другому)) не стал рисовать
Здравствуйте, а если я сделаю html+css красивого кабинета, натянуть сможете ? или подскажите как натянуть дизайн, я сделаю как руки дойдут и выложу
Сделать самостоятельно можно взяв за основу любой из существующих кабинетов. Смотрите как они сделаны и действуйте по аналогии.
Боюсь что я по вашей верстке делать не буду - т.к. цель данной темы собрать мнения и решения не основываясь на одной конкретной. А подсказать как и что... Тут не подскажешь - т.к. материала там на целое руководство.