«Система личных сообщений 2.0» или «две истории»

    Статья посвящена системе личных сообщений, но только в новом формате, который, по моему скромному мнению, больше подходит под систему ценностей «web 2.0».
    Больше ничего не скажу, хоть пытайте!


    Я хочу рассказать вам две истории: веселую и грустную. Очень много лет, месяцев, недель и дней меня не посещали идеи. Вообще никакие. Даже самые глупые.

    Веселая история заключается в том, что в мою голову наконец-то пришла хоть какая-то идея, и я этому рад. Я радовался целый год. И даже больше!

    Плохая новость заключается в том, что за год я ничего не сделал с этой прекрасной идеей, никому ее не рассказал, и никому не показал. Как ни печально, но это факт.

    Шутки — шутками, а потехе — час! Сегодня я расскажу вам все самое сокровенное, а внимательный читатель, чем черт не шутит, вынесет из этого повествования что-нибудь полезное.

    Вступление (интересное — потом)

    Уже даже ленивый знает, что вышел новый iPod Nano, iPhone 3g, и что-нибудь еще. Знает он и то, что на дворе — кризис расцвет так называемого «поколения П» «Поколения Веб 2.0». Существует множество споров по поводу того, что же такое Веб 2.0, я приведу список самых важных (на мой, конечно же, взгляд) отличий этого самого Веб 2.0. Итак,
    1. Контент наполняется за счет посетителей (пользователей) сайта.
    2. Пользователи могут добавлять особо понравившиеся записи (статьи, комментарии, прочее) в свой список Избранного.
    3. Пользователи могут добавлять других пользователей в список своих «друзей».
    4. Пользователи могут общаться со своими «друзьями» посредством системы личных сообщений.
    5. Интерфейсные приблуды, такие как скругление углов, тени, полутона, пастельные цвета, и всеобщее стремление к облегчению дизайна (для лучшего усвоения информации).
    А теперь остановимся немного подробнее на пункте №4 (Пользователи могут общаться со своими «друзьями» посредством системы личных сообщений). Казалось бы, что здесь такого сложного? Сложного много, и это даже не технические проблемы (потому что сейчас, при желании, написать можно все, что угодно), а скорее проблемы самого смысла мироздания: «мы делаем так, как делают это все, и нам наплевать, что как-то иначе для пользователя будет удобнее». В этом нет ничьей вины, но сути дела это не меняет.

    Оставайтесь на связи, и я расскажу вам, какое решение проблемы вижу. Я покажу несколько картинок, и на их основе постараюсь состряпать «нечто» удобное и красивое.

    Собственно, интересное

    Немного выше я обещал показать картинки. Их есть у нас. Это скриншоты нескольких сайтов, где используется типичная (и не очень) система личных сообщений. Потом я постараюсь выделить сильные стороны, ошибки, и состряпать что-то свое, с учетом всех поправок.

    К свободе, к свету!
    Всеми нами горячо любимый Хабрахабр
    картинка Хабра

    Многими ранее любимая Мамба (она же Знакомства.Мейл.ру, Знакомства.Рамблер.ру, etc)
    еще картинка

    И, наконец, последняя картинка — сайт БестПерсонс (не нужно вспоминать здесь о безопасности сайта, он тут в качестве «положительного героя»)
    image

    Разбор полета
    Что общего на всех этих скриншотах? Правильно, везде изображена страница личных сообщений (что вполне логично, я ведь обещал рассказывать именно про них =).
    А еще в каждом из этих примеров есть свои плюсы и минусы, учитывая которые можно состряпать что-нибудь адекватное суровой действительности. Не буду расписывать все (попытался, да как-то перехотелось =), просто перечислю то, что (лично мне) хотелось бы видеть на подобной странице:
    1. Никаких выпадающих окон, ни-ка-ких!
    2. Древовидное ведение дискуссии (создает возможность делить дискуссию на несколько смысловых веток, что очень удобно при общении, отличном от обсуждения вчерашней пьянки, и тд.)
    3. Отображение всей истории с конкретным пользователем на текущей странице (объединение папок Входящие и Исходящие)
    4. Отображение списка всех друзей на текущей странице (на той самой, где у нас уже есть вся история общения с выбранным пользователем)
    5. Отображение значка-уведомления о состоянии каждого ответа (прочитано/не прочитано)
    6. Возможность вывести не только список друзей, но и всех пользователей (не забыв при этом про пункт №1!)
    7. Обновление всего этого дела с помощью ajax, и чем чаще — тем лучше.

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

    последняя картинка

    Не менее интересное, но уже почти конец

    На днях (после конструктивных диалогов в комментариях) начну реализовывать все описанное выше (для себя, и не только; с учетом замечаний и предложений), тогда увидит свет вторая часть этой статьи (исключительно практическая), а на сим смею откланяться, да и удалиться восвояси =)

    Всем приятного вечера!

    Пользуясь случаем, хочу передать привет своей маме, вчера у нее был День Рождения =)

    Оркестр, занавес, финал!..

    Share post

    Comments 72

      +4
      Ну, как-то так =)
        +1
        А что, если система ЛС будет customizable?

        Все-таки комфорт — вещь весьма субъективная. Следовательно, каждому что-то нравится, что-то — нет, в любом варианте. Советую попробовать создать настраиваемую систему на основе шаблонов оформления.

        Чтобы пользователь сам выбирал стиль общения: чат(групповой е? =)), email. Какие «штуковины» отображать: время до секунд или минут, выделения прочитанных сообщений и т. д :)
          –1
          ну, взять например древовидные комментарии: ими можно пользоваться, а можно и не пользоваться. То же, в принципе, и со всем остальным.
          по поводу группового — я думал об этом, можно использовать идею инбоксов, с возможностью подключения к дискуссии других людей. Решил про это пока не писать (в статье), но мысль такую поимел )
          0
          Согласен. Треды нужны, выпадающие окна — нет.

          И google придумал Wave, кстати — отличная технология обмена сообщениями.
          +1
          А что это за скин для ФФ?
            –2
            Default
            +4
            Вот даже не знаю, как вам сказать…
              +1
              А у вас по дефаулту не такой разве скин?.. Не может быть… ;-)
                0
                Думал, MacOS-like скин для виндового клиента =)
                  +8
                  Как установить Safari?
                  Очень просто. Надо взять FireFox и поставить на него скин MacOS

                  Как установить Opera?
                  Очень просто. Надо взять FireFox и поставить на него скин Opera

                  Как установить Interenet Explorer?
                  Увы, это невозможно. Потому что ни одному нормальному человеку не придет в голову устанавливать скин Internet Explorer на Firefox.

                  ;-)
                    –1
                    кстати, сижу сейчас у девушки в ie, и кажется начинаю понимать, почему все так яростно его ненавидят =)) Боковая плашка с обновлениями комментариев, кстати, не работает :)
                      +17
                      :-))) Если ты даже когда приходишь к девушке, все равно садишься за комп, идешь на хабр и читаешь коментарии к своей статье, это уже не лечится… :-)))) Никак. Ничем. :-))))
                        +13
                        Прочитал ей, она грит: и заметь, ага, это не я сказала! =)
                          0
                          Они все так говорят ((((
                      +4
                      Как установить Interenet Explorer?
                      Очень просто. Надо взять FireFox и проследовать этим инструкциям.

                      Опубликовано на правах ереси

                      ;-)

                        0
                        Смотри-ка все-таки пришло кому-то в голову…
                          0
                          По-моему, это даже на хабре где-то было (возможно по мотивам этой статьи).
                            0
                            Вы правы, топик на эту тему проскакивал. Я склоняюсь к мысли, что его автор в деле маскировки лисы под осла ушёл значительно дальше, чем упомянутый мною источник выше.
                          0
                          есть и такой…
                      0
                      Вы не поверите…
                        –1
                        так вы знаете? расскажите, пожалуйста! =)
                        +1
                        просто это маковский файрфокс
                        +2
                        На днях начну реализовывать все описанное выше для себя, и не только
                        А можно с этого места поподробнее?
                          0
                          Напишу, как минимум, скелет. Чтобы потом в свои проекты встраивать. Ну и поделюсь, если кому-нибудь будет интересно.
                          +3
                          Все равно как ни крути, а древний формат E-mail удобнее всего, и что характерно пластичнее и настраиваемее (правда уже на уровне программы клиента).

                          Или вам никогда не звонили (!) со словами — «я тебе отправила сообщение в контакте, обязательно прочитай и отпишись».
                            +1
                            я вКонтакте давно уже не сидел =)
                            +5
                            Думаю проблема не в том, что никто не может до такого додуматься, а в отсутствии внимания к деталям, не являющимся центральными в проекте (например те же ЛС). Нехватка времени, упадок мотивации при длительной разработке больших проектов, вот и появляется принцип «Лишь бы было».
                              +1
                              Ну взять хотя бы вКонтакте, Одноклассников, и иже с ними. Там люди только и делают, что пишут на стены и ЛС =) Тем не менее, там все менее удобно, к сожалению для посетителей.
                              +1
                              У вас отличная идея, я искренно желаю вам успеха и с удовольствием посмотрю на результат.

                              Меня только немного напрягло описание основных особенностей Web 2.0, а именно возможность обмениваться личными сообщениями с друзьями. По моему глубокому убеждению эта возможность относится к Web 1.0, и отлично реализована уже 10 лет назад. А если вспомнить различные некоммерческие сети, то и того раньше.
                                –1
                                Я думаю, я просто немного неточно выразился.
                                  +1
                                  Я думаю, что в вашу идею можно добавить удобную возможность категоризации сообщений при помощи расстановки тегов(которая фолксономия). Что-то подобное пытались сделать в G-Mail.
                                +3
                                Мне понравилась вот такая реализация личных сообщений. www.picatom.com/q/111-185.html (ссылка на скриншот)
                                  0
                                  спасибо, изучу перед сном
                                    +1
                                    Вот что-то подобное и было описано в статье, спасиб за ссылку.
                                      +4
                                      Это не мне, скорее моей жене спасибо, её реализация ЛС.
                                        0
                                        ого, как все сурово! жена молодец, правда по скриншоту я так и не понял, как там все устроено =)
                                          +2
                                          Если в кратце, то кроме обычных входящих\исходящих\новых, есть еще режим диалога, что-то вроде смс в iphone. Плюс справа, уже существующие диалоги, с возможностью перемещаться по ним (ajax), ну и всякие мелочи, вроде автоподзагрузки и т. д.
                                          +2
                                          Какой у жены ник на хабре? Таких девушек нужно жёстко отплюсовать поощрять:-)
                                            +3
                                            К сожалению никакой, не успела до закрытия, а чтобы выписать ей инвайт, мне пока-что еще не хватает кармы.
                                              0
                                              Завяжу себе узелок на память до следующей раздачи инвайтов. На мой взгляд, она его более чем достойна.

                                              Можете попросить её написать топик о том, как она пришла к ваводам, почему нужно делать тот интерфейс так, а не иначе? Интересно было бы проследить за ходом мысли автора, ибо решение, на мой взгляд, вполне удачное.
                                                +1
                                                Буду очень благодарен ;)

                                                Как только попадет на сайт, обещает сразу же написать, возможно даже с какими-то техническими моментами.
                                      +1
                                      Идеальная система сообщений это плюрк :)
                                        –1
                                        о нееет! =)
                                          0
                                          да да да ;-)

                                          А вообще, я серьезно.
                                          Таймлента — организация сообщений во времени
                                          Плюрки — группировка обсуждения по темам
                                          Комментарии — обсуждение

                                          Конечно в плюрке в данный момент нехватает нормального поиска и возможности поставить произвольную метку на плюрки и комментарии, но если добавить эту возможность, то как система сообщений плюрк смотрелся бы очень неплохо.
                                            +1
                                            как программистский труд — плюрк великий сайт, на мой взгляд.
                                            по удобству — я бы поспорил.
                                            тем более, что плюрк — нехуясебечаттинг микроблоггинг =)
                                              0
                                              ну это он позиционируется как микроблоггинг, а если каждый плюрк будет приватным и адресованным только одному человеку, то получится система личных сообщений в чистом виде
                                                –1
                                                имхо, проще если они будут просто написаны статикой, в обычной, привычной форме. таймлайн плюрка — для большого кол-ва сообщений
                                        –1
                                        интересно, мне понравилось! )
                                        в плане удобства мне очень нравится реализация в контакте и Look At Me.
                                        (И маму вашу с днем рождения :)
                                          +1
                                          о, в Look At Me еще не видел личных сообщений, нужно будет посмотреть, спс =)
                                          (спасибо, что дочитали до конца =)
                                          –2
                                          Я так понимаю вы хотите создать агрегатор сообщений, единую точку обмена, так сказать?
                                          Подобный сервис, как обычно, упрется в нежелание раздавать пароли от своих аккаунтов на разных сервисах.
                                          А так же надо будет парсить сайты источники, что тоже не есть гуд.

                                          Кстати в чем проблема личных сообщений я не понял, из текста.
                                          А теперь остановимся немного подробнее на пункте №4 (Пользователи могут общаться со своими «друзьями» посредством системы личных сообщений). Казалось бы, что здесь такого сложного?Мысль потерялась тут Сложного много, и это даже не технические проблемы (потому что сейчас, при желании, написать можно все, что угодно), а скорее проблемы самого смысла мироздания: «мы делаем так, как делают это все, и нам наплевать, что как-то иначе для пользователя будет удобнее». В этом нет ничьей вины, но сути дела это не меняет.
                                            +1
                                            Нет, вы неправильно поняли. Это просто концепция (идея) самой сути личных сообщений на сайте (отдельно взятом). То есть, такую можно сделать на Хабре (к примеру), или на любом другом сайте. Это просто мой непрофессиональный взгляд на повседневную вещь, которую еще есть куда дорабатывать, чтобы лично мне было удобнее ей пользоваться. Сейчас разрабатываю один сайт, как минимум там будет такая система (схема) работы сообщений, потому что мне, как пользователю, такое нравится больше чем все то, что я вижу сейчас.

                                            а по поводу цитаты, другими словами: мы поговорим о личных сообщениях, потому что везде они фиговые и неудобные, и тут пришел я, и научил всех жить =))
                                              +1
                                              Ясно. Так сказать виденье проблемы.
                                              Удачи в реализации!
                                                –1
                                                спасибо =)
                                            +1
                                            «Интерфейсные приблуды, такие как скругление углов, тени, полутона, пастельные цвета, и всеобщее стремление к облегчению дизайна (для лучшего усвоения информации)»

                                            Какая-то противоречивая фраза.
                                              +1
                                              Интерфейс личной почты во всяком случае должны быть спроектирован так, чтобы пользователь в нём не разбирался ни секунды — чтобы всё было интуитивно ясно.
                                              Необходимые, на мой взгляд, возможности:
                                              — отображение первых 20-30 символов сообщения в списке.
                                              — фон ячеек прочитанных сообщений выделяется более светлым цветом.
                                              — ссылка «Читать сообщение» где-то возле заголовка обязательно. Надоело кликать по заголовку из двух восклицательных знаков.
                                              — ссылка на юзера, отправившего сообщение ведёт на его профиль, а не на сообщение (да, бывает и так). При этом в списке сообщений она пишется шрифтом меньшего размера, чем весь остальной текст.
                                                0
                                                Если сделать еще накрученнее чем на хабре, то боюсь гениального вы ничего не изобретете, когда я проектировал сообщения (2-3 недели назад), то пришлось понаблюдать за друзьями и родственниками, многим из них «в контакте» стал стандартом, но тем не менее пожелания были… а вот как пользоваться сообщениями на хабре никто не понял…
                                                Конечно, все зависит от аудитории для которой вы делаете, поэтому не забывайте о ней, и выпадающие окна бесят не всех, google talk on-line довольно удобен, хоть и открывается в отдельном окне.
                                                Удачи! Хотелось бы оценить результат.
                                                  +1
                                                  Мне кажется, что GMail отлично справляется с этой задачей. Конечно он не интегрирован в какой-то сайт в качестве личных сообщений, но кто его знает, может быть в следующем году? ;)
                                                    –1
                                                    думаю, на Рождество =)
                                                    –1
                                                    И еще ИМХО неплохо было бы иметь настраиваемые уведомления по смс. Для тех сайтов на которых редко бываешь, сразу по приходу сообщения. Для тех на которых бываешь постоянно, если уже неделю не появлялся.

                                                    Приведу пример. Я админю один форум, но на нем не сижу, решаю только технические вопросы (если что сломалось или новую приблуду поставить). Так вот когда что-то накое надо сделать люди пишут мне в личку, а так как мне по большому счету на него побоку могу туда неделями не заходить, а если иметь уведомления то я в сразу получу смс и все будут рады. Конечно приходят уведомления на почту, но и ее я проверяю раз в 2-3 дня.
                                                      –2
                                                      Много утомительного самолюбования и грамм смысла.

                                                      Жаль, но ваши гениальные идеи:
                                                      1. Супер. Реализовано почти везде.
                                                      2. В беседе с 500 сообщений эти деревья с корнями вырвут мозг.
                                                      3. Реализовано на free-lance.ru больше 2-х лет назад.
                                                      4. Реализовано на free-lance.ru больше 2-х лет назад. Плюс пользователей можно раскидывать по папкам. Когда у вас 500 друзей ваша идея будет здорово смотреться.
                                                      5. Реализовано на free-lance.ru больше 2-х лет назад.
                                                      6. Суперидея! Хотел бы посмотреть как это будет выглядеть при количестве пользователей хотя бы за 1000, а ещё интересно — нафига это делать.
                                                      7. Люди с трафиком непременно обрадуются.
                                                        +1
                                                        Т. е. 2 пунката из 7-ми «Супер!» и предитог «грамм смысла»? :)
                                                          –1
                                                          Знаком вообще термин «ирония»?
                                                          Поражаюсь здешним зачаткам разума.
                                                        0
                                                        Личные сообщения — это, конечно, хорошо, но в идеале их основная цель заключается в нахождении другого вида общения, будь-то Skype, ICQ, e-mail — что угодно. Не всегда хочется доверять информацию посредникам, не всегда удобно следить за миллионом мест, где с кем-либо переписываешься.
                                                          0
                                                          Прошу прощения, но чем ваша идея отличается от того, что реализовано сейчас на Хабре? Извините если не внимательно читал.
                                                            +1
                                                            ну прочитайте еще раз, там же об этом и написано =)
                                                              0
                                                              Я присоединюсь к вопросу, пожалуй. Смотрел на картинку довольно долго, но разительных отличий не увидел.
                                                                –1
                                                                ответил на этот вопрос комментарием ниже, если не сложно — прочитай там, не люблю по 10 раз все переписывать :)

                                                                + к сказанному там — картинку выбрал неудачно, там нет дерева комментариев,
                                                                плюс еще многое не дорисовал, когда будет рабочий пример — будет видно
                                                            +1
                                                            Сильно похоже на «инбоксы» сайта Dirty.ru. Но там ваша идея, скажем так, немного видоизменена.

                                                            При написании сообщения одному пользователю создаётся так называемый «инбокс» — пост с немного урезанным функционалом, где также присутствует стандартное древовидное размещение комментариев, и самое главное — ВОЗМОЖНОСТЬ ДОБАВЛЕНИЯ В ПЕРЕПИСКУ НОВЫХ УЧАСТНИКОВ. Таким образом, один инбокс может стать вполне себе приличным местом для переписки двух пользователей, с удобными комментариями (и их практически безграничным количеством), с постоянным доступом к этой переписке в нужном разделе сайта.

                                                            А если захотите, такой инбокс может стать чем-то вроде группы по интересам, например. В таком случае создаётся письмо с определенным текстом (даже с картинкой можно ;) ), после чего в список адресатов добавляются дополнительные пользователи. Добавление происходит по никам. Легкое администрирование подобной группы состоит в возможности добавлять/удалять людей, и делается это только создателем инбокса. На мой взгляд — это самое элегантная и изящная реализация личных сообщений, к тому же еще и многофункциональная.

                                                            В общем, ваша идея в том или ином виде уже существует, но ваша реализация этой идеи тоже претендует на жизнь. К тому же, если вы пришли к такой идее сами — у вас большой мыслительный потенциал, поздравляю ;)
                                                              +1
                                                              Почтовая система Хабра разрабатывалась мной под сильным влиянием тех самых инбоксов. Мы её, правда, так ещё и не допилили окончательно.
                                                                0
                                                                кстати, пост о создании тематических инбоксов на хабре неожиданным образом исчез из архивов ;) надеюсь, скоро допилите, темат. инбоксы на хабре ой как не помешают!
                                                                –1
                                                                спасибо за рассказ о инбоксах, но я появляюсь на Лепре, и про инбоксы наслышан, и про них писал уже где-то выше, что пока писал статьи — пришла идея и это добавить, но пока что рано.
                                                                Все дело в том, что статью хотелось поскорее дописать, пора было уходить, поэтому финальная картинка и сам конец — немного смазаны и не доработаны, к сожалению :( когда буду делать практический пример — всю разницу будет видно, надеюсь :)

                                                              Only users with full accounts can post comments. Log in, please.