Мир дизайна сайтов развивается непомерными скачками, сменяются тенденции, появляются новые объекты для представления и управления информацией. Среди всего этого обилия мне кажется недостойно обделенным формат вывода сообщений. Сообщение — чрезвычайно важная единица любого сайта, чему бы он не был посвящен, люди хотят огласить своё мнение, поделиться опытом, задавать вопросы и просто общаться. Однако за долгий путь всеобщего прогрессирования сам формат вывода не претерпел значительных изменений.
![](https://habrastorage.org/r/w780q1/files/ad3/b48/a97/ad3b48a975134d75b7eee23ac2413567.jpg)
Еще в 2004 когда у меня только появился интернет и я зарегистрировался на своём первом форуме сообщения представляли собой прямоугольные блоки идущие друг за другом.
![](https://habrastorage.org/r/w1560/files/b5a/096/160/b5a09616097f4721b669c9305a7bcc02.png)
Менялись стили, объекты наполнения, но концептом вывода сообщений все так же оставались прямоугольные блоки на всю ширину сайта идущие друг за другом. До сегодняшнего дня наиболее значимой ступенью(по моему мнению) было оформление вывода в виде дерева, что позволило упростить восприятие вопрос-ответной связи.
Чем же так плох устоявшийся формат вывода сообщений?
vk.com
![](https://habrastorage.org/r/w1560/files/b6f/61b/956/b6f61b9560c44426839f7b4f12d7f7ad.png)
• Большие пустые области по бокам и это вовсе не минимализм или же изъятие «шума», это продиктовано форматом вывода сообщений.
• При активном общении группы лиц усложняется понимание вопрос-ответной связи.
reddit.com
![](https://habrastorage.org/r/w1560/files/b9a/516/146/b9a516146dfd440a83a13dbc79d2ef90.png)
• Не производительное использование места (если сообщение размером в одно слово все равно затрачивается вся ширина сайта.
youtube.com
![](https://habrastorage.org/r/w1560/files/3af/60c/e2d/3af60ce2d8a04d3e8fe1a7ac542d7a23.png)
• Комментарий занимает всю строку.
• От нас скрыты(возможно важные/интересные) комментарии, показаны только крайние в ветке.
Положение на странице
![](https://habrastorage.org/r/w1560/files/be4/73b/373/be473b3738de4f5d88055af7dd754457.png)
Сообщения должны заполнять всю доступную площадь. Так как они — главная цель для пользователя. Каждое из них должно быть легко читаемым(не должно быть перекрытия). Доступ к не уместившимся на страницу должен быть легким и интуитивно понятным.
Вопрос-ответная связь
![](https://habrastorage.org/r/w1560/files/333/daa/b82/333daab82bd64fa6974ac838131bca44.png)
Соответствуя плотному заполнению страницы нельзя забывать о связь между сообщениями, иначе для пользователя они будут бесполезны. Заполняя страницу плиткой из сообщений мы теряем последовательность между ними, так как в угоду более плотному размещению будем основываться на размерах сообщения. Следовательно нужна та выборка сообщений при которой связь между ними не так важна. Наиболее логичным представлением структуры сообщений является дерево. Для нашего представляения из дерева можно выделить дочерние сообщения первого уровня. Связь между ними отличается только на временной линии в остальном нам безразлично их положение относительно друг друга.
Выделение важности для пользователя
![](https://habrastorage.org/r/w1560/files/931/a16/9d9/931a169d9733495e8b63280a1d4f220c.png)
Как читатель выбирает какое из сообщений он хочет прочесть? Безусловно есть те, кто читает все сообщения подряд, однако думаю большинство предпочитают читать «между строк» чтоб сэкономить время. Не зря же появились аплеты для ускоренного чтения. Есть и другие варианты выбора, например: рейтинг сообщения — количество лайков и дизлайков; преобладание того или другого может заставить пользователя обратить внимание на сообщение. Это гораздо сокращает время пути пользователя к ключевой информации среди остальной на экране. Он как бы идет уже по проторенному пути первого зашедшего, прочитавшего и разместившего свое мнение в виде рейтинга или комментария. Видя сколько ответов у комментария пользователь сможет оценить его приоритетность для себя. Но важно отображать суммарное количество ответов в ветке.
Размер сообщения
![](https://habrastorage.org/r/w1560/files/33e/71f/2c5/33e71f2c58024e888e9331be6541a982.png)
Он должен соответствует информационному весу. Это вовсе не значит что размер = содержимому. Например кто-то изложил свои мысли в соответствии с заветами «войны и мира», однако это все не значит что они столь же ценны. За сим необходим механизм отображения полного содержимого сообщения. Исходя из форматов газетных и журнальных публикаций для читателя приятнее воспринимать текст разбитый на не большие по ширине колонки. Прочитав небольшую строку человек быстрее разбивает ее на составляющие для понимания. В случае с текстом большой ширины прочитав строку необходимо цельно хранить ее в памяти, а так же место чтения что бы после понимания информации вернуться к нужному месту.
Заключение
Я считаю что «сообщению» — как основной единице обмена информации должно быть уделено больше внимания. А создание формата вывода превосходящего текущие по юзабилити станет отправной точкой в новом обороте развития дизайна сайтов.
Для примера
Оригинальные комментарии
Мой вариант вывода
![](https://habrastorage.org/files/ad3/b48/a97/ad3b48a975134d75b7eee23ac2413567.jpg)
Еще в 2004 когда у меня только появился интернет и я зарегистрировался на своём первом форуме сообщения представляли собой прямоугольные блоки идущие друг за другом.
![](https://habrastorage.org/files/b5a/096/160/b5a09616097f4721b669c9305a7bcc02.png)
Менялись стили, объекты наполнения, но концептом вывода сообщений все так же оставались прямоугольные блоки на всю ширину сайта идущие друг за другом. До сегодняшнего дня наиболее значимой ступенью(по моему мнению) было оформление вывода в виде дерева, что позволило упростить восприятие вопрос-ответной связи.
Чем же так плох устоявшийся формат вывода сообщений?
Я приведу недостатки(по моему мнению) на примере популярных сайтов
vk.com
![](https://habrastorage.org/files/b6f/61b/956/b6f61b9560c44426839f7b4f12d7f7ad.png)
• Большие пустые области по бокам и это вовсе не минимализм или же изъятие «шума», это продиктовано форматом вывода сообщений.
• При активном общении группы лиц усложняется понимание вопрос-ответной связи.
reddit.com
![](https://habrastorage.org/files/b9a/516/146/b9a516146dfd440a83a13dbc79d2ef90.png)
• Не производительное использование места (если сообщение размером в одно слово все равно затрачивается вся ширина сайта.
youtube.com
![](https://habrastorage.org/files/3af/60c/e2d/3af60ce2d8a04d3e8fe1a7ac542d7a23.png)
• Комментарий занимает всю строку.
• От нас скрыты(возможно важные/интересные) комментарии, показаны только крайние в ветке.
Я предлагаю другой концепт, не радикальный, однако имеющий свои особенности
Положение на странице
![](https://habrastorage.org/files/be4/73b/373/be473b3738de4f5d88055af7dd754457.png)
Сообщения должны заполнять всю доступную площадь. Так как они — главная цель для пользователя. Каждое из них должно быть легко читаемым(не должно быть перекрытия). Доступ к не уместившимся на страницу должен быть легким и интуитивно понятным.
Вопрос-ответная связь
![](https://habrastorage.org/files/333/daa/b82/333daab82bd64fa6974ac838131bca44.png)
Соответствуя плотному заполнению страницы нельзя забывать о связь между сообщениями, иначе для пользователя они будут бесполезны. Заполняя страницу плиткой из сообщений мы теряем последовательность между ними, так как в угоду более плотному размещению будем основываться на размерах сообщения. Следовательно нужна та выборка сообщений при которой связь между ними не так важна. Наиболее логичным представлением структуры сообщений является дерево. Для нашего представляения из дерева можно выделить дочерние сообщения первого уровня. Связь между ними отличается только на временной линии в остальном нам безразлично их положение относительно друг друга.
Выделение важности для пользователя
![](https://habrastorage.org/files/931/a16/9d9/931a169d9733495e8b63280a1d4f220c.png)
Как читатель выбирает какое из сообщений он хочет прочесть? Безусловно есть те, кто читает все сообщения подряд, однако думаю большинство предпочитают читать «между строк» чтоб сэкономить время. Не зря же появились аплеты для ускоренного чтения. Есть и другие варианты выбора, например: рейтинг сообщения — количество лайков и дизлайков; преобладание того или другого может заставить пользователя обратить внимание на сообщение. Это гораздо сокращает время пути пользователя к ключевой информации среди остальной на экране. Он как бы идет уже по проторенному пути первого зашедшего, прочитавшего и разместившего свое мнение в виде рейтинга или комментария. Видя сколько ответов у комментария пользователь сможет оценить его приоритетность для себя. Но важно отображать суммарное количество ответов в ветке.
Размер сообщения
![](https://habrastorage.org/files/33e/71f/2c5/33e71f2c58024e888e9331be6541a982.png)
Он должен соответствует информационному весу. Это вовсе не значит что размер = содержимому. Например кто-то изложил свои мысли в соответствии с заветами «войны и мира», однако это все не значит что они столь же ценны. За сим необходим механизм отображения полного содержимого сообщения. Исходя из форматов газетных и журнальных публикаций для читателя приятнее воспринимать текст разбитый на не большие по ширине колонки. Прочитав небольшую строку человек быстрее разбивает ее на составляющие для понимания. В случае с текстом большой ширины прочитав строку необходимо цельно хранить ее в памяти, а так же место чтения что бы после понимания информации вернуться к нужному месту.
Заключение
Я считаю что «сообщению» — как основной единице обмена информации должно быть уделено больше внимания. А создание формата вывода превосходящего текущие по юзабилити станет отправной точкой в новом обороте развития дизайна сайтов.
Для примера
Оригинальные комментарии
Мой вариант вывода