Комментарии к дизайну, рекомендации и примеры
Стиль комментариев - часто пропускаемая часть дизайна блога. В конце концов, они находятся внизу страницы, и их не видно, пока посетители уже не увидят ваш сайт, и они действительно для работы больше, чем что-либо еще. Зачем тратить много времени на их оформление и выделение??
Но хороший стиль комментариев может отличить ваши дизайны от конкурентов. Потратив время на разработку ваших комментариев и формы комментариев, вы сможете произвести огромное впечатление на ваших постоянных посетителей. Это подсознательно подразумевает, что вы заботитесь о своем мнении и хотите, чтобы они участвовали в обсуждении на вашем сайте..
Ниже вы найдете несколько лучших практик и примеров создания красивой системы комментирования вашего следующего блога..
стайлинг Комментарии просмотров
Стиль ваших комментариев может оказать огромное влияние на общее восприятие вашего блога посетителями. Это показывает, что вы достаточно заботитесь о том, что ваши читатели должны сказать, чтобы выделить время для того, чтобы продемонстрировать свои замечания в стильной и удобной форме..
Резьбовой или плоский вид?
Стоит ли писать комментарии или просто упорядочивать их в хронологическом порядке - это всегда сложный вопрос. Есть несколько вещей, которые следует учитывать при попытке решить.
Во-первых, если вы хотите, чтобы ваши посетители активно обсуждали ваши посты друг с другом, то многопоточные комментарии способствуют этому, особенно если у вас большой объем комментариев..
С другой стороны, резьбовые комментарии иногда злоупотребляют. Комментаторы могут ответить на первый комментарий в ветке чем-то совершенно не связанным, просто чтобы их комментарии отображались ближе к началу комментариев (конечно, вы можете всегда модерировать их, чтобы предотвратить это, но это дополнительный уровень работы для админ).
Если вас больше интересует, чтобы комментаторы отвечали непосредственно на статью, а не друг на друга, тогда иметь четкие комментарии имеет больше смысла.
Оба варианта имеют свои плюсы и минусы, поэтому вам действительно нужно взвесить преимущества и недостатки каждого из них, прежде чем принимать решение.
Лучшие практики
Вот несколько советов по созданию более эффективных дизайнов комментариев..
Подчеркните комментарии автора
При разработке ваших комментариев вы должны сделать что-то, чтобы комментарии автора или администратора выделялись среди других на странице. Это может быть добавление значка в комментарий или изменение цвета фона.
Этот тип стилей помогает комментаторам видеть ответы непосредственно от автора и может помочь в обсуждении..
Включить граватар
Людям нравится видеть лица других людей, когда они обсуждают. Включив Gravatars, вы автоматизируете этот процесс и поощряете обсуждение.
Бонусные очки: Используйте собственное изображение Gravatar для тех, у кого нет своего, а не стандартные геометрические изображения или монстры.
Отдельные комментарии от трекбэков
Обратные ссылки на самом деле не являются частью обсуждения (по крайней мере, не происходит в вашем блоге) и не должны включаться в другие комментарии.
Дайте трекбекам свою особую область, либо над (если вы обычно получаете больше комментариев, чем трекбэки), либо под всеми остальными комментариями (если вы обычно получаете больше трекбеков, чем комментариев).
Используйте элементы дизайна, которые имеют смысл
При оформлении ваших комментариев думайте об элементах дизайна, которые имеют смысл в зависимости от типа контента. Речевые пузыри, кавычки, простые рамки и чередующиеся цвета фона - все это улучшает ваши комментарии и улучшает читабельность.
Размещайте ваши комментарии
Если вы регулярно получаете более 20 или 30 комментариев в своем блоге, рассмотрите возможность разбиения этих комментариев на страницы, чтобы сократить время загрузки страницы..
Разбитые на страницы комментарии также могут привести к тому, что у вас будет больше комментариев, чем у вас, так как переход на новые страницы почти всегда заставляет людей чувствовать, что их больше..
Сделать возможным прямую ссылку на отдельные комментарии
Включение якорной ссылки на каждый отдельный комментарий облегчает посетителям делиться своими комментариями с другими..
Если кто-то особенно хорошо обсуждает комментарии в вашем блоге, он может захотеть пригласить других присоединиться, и прямая ссылка на его последний комментарий или ветку, в которой он комментирует, облегчает это..
Примеры: аккуратные комментарии
Rockbeatspaper
Baekdal.com
Subtraction.com
GoodBytes.be
Squarespace
BlogLESS
Snook.ca
Particletree
Hickensian, Hicksdesign
Dezinerfolio
Проектирование Формы комментариев
Ваша форма комментария должна быть удобной для пользователя и поощрять посетителей к участию в обсуждениях, происходящих в вашем блоге. В то время как хороший дизайн формы комментариев, вероятно, не принесет вам тонны комментариев в одночасье, плохо разработанная форма определенно может помешать вашим читателям комментировать..
Соображения и лучшие практики
При разработке формы комментария необходимо учитывать множество факторов: от того, следует ли включать дополнительные меры предосторожности при рассылке спама, до того, как обрабатывать ответы. Ниже приведены некоторые советы для принятия этих решений, а также некоторые другие.
Размещение вашей формы комментария
Это очень важное соображение при разработке вашей общей системы комментирования. Вы хотите, чтобы форма вашего комментария находилась непосредственно под самой записью или в конце комментариев??
Лучший способ решить - спросить себя, хотите ли вы, чтобы комментаторы активно обсуждали сообщение друг с другом или просто сосредоточили свои комментарии на самом сообщении.
Если это первый вариант, поместите форму комментария в конце комментариев. Если это последний, то разместите его прямо под постом, над комментариями.
Предотвращение спама
Даже если вы используете утилиту для предотвращения спама, такую как Akismet, добавление немного защиты от спама непосредственно в вашу форму может еще больше снизить количество получаемого вами спама..
Существует два распространенных варианта: один - капча, которая может быть затруднена для многих пользователей (хотя некоторые системы кодирования заметно лучше других); другая - основанная на вопросах система, часто использующая простое математическое уравнение, комментаторы должны ответить до того, как их комментарий будет отправлен.
Требование учетной записи или разрешение альтернативных входов
Если вы получаете особенно большой объем спам-комментариев или у вас есть проблемы с оскорбительными комментариями, то может потребоваться учетная запись для комментаторов. Другие варианты включают разрешение пользователям войти в систему с другой учетной записью, такой как Twitter, Facebook Connect или OpenID..
Требование входа в систему заставляет людей чувствовать себя более ответственными за комментарии, которые они оставляют, что может означать меньшее количество оскорбительных или спам-комментариев. Конечно, требование входа в систему может также уменьшить количество комментариев, которые вы получаете, так как некоторые люди просто не будут беспокоиться.
Обработка ответов
Если вы хотите, чтобы ваши посетители могли отвечать непосредственно другим комментаторам, важно решить, хотите ли вы встроенную форму комментариев, которая появляется, когда комментатор нажимает на ответ, или вы хотите, чтобы она просто перенаправляла их в форму комментариев уже страница.
Любой из них подходит, хотя первый вариант иногда менее запутан (как вы знаете, что вы определенно отвечаете на определенный пост, а не комментируете в целом).
Позиционирование полей формы
То, как вы размещаете и маркируете поля в форме комментария, может сильно повлиять на удобство использования этой формы. У Usability Post есть отличная статья, которая освещает это более подробно.
Форма Инструкции
Сделайте так, чтобы ваши комментаторы могли видеть, какие поля в форме комментариев они должны заполнить. Также дайте им понять, что такие вещи, как их адрес электронной почты, не будут обнародованы..
Проверка
Ваша форма комментария должна указывать вашему комментатору, что его комментарий был успешно опубликован, даже если вы держите все или некоторые комментарии для модерации.
Если вы делаете модерирующие комментарии, убедитесь, что вы указали, что комментарий появится после того, как он прошел модерацию, чтобы ваш посетитель не заканчивал публикацию нескольких комментариев, думая, что первый не прошел.
Предоставить предварительный просмотр
Позволить вашим комментаторам предварительно просмотреть свои посты перед отправкой - хорошая функция юзабилити, которую пропускают многие блоги Это также может означать, что ваш блог получает комментарии более высокого качества, так как комментаторы с большей вероятностью прочитают и отредактируют свои комментарии перед публикацией.
Примеры: Формы комментариев
Интернет Zillionaire
Аутентичная скука
FreelanceSwitch
Оактри Креатив
BrianYerkes.com
Abduzeedo
WPDesigner.com
Designworkplan
Doc4 рекламное агентство
Mac Appstorm
Productivedreams.com
Источники и ресурсы
- 77 вдохновляющих дизайнов блогов для комментариев - 1-й веб-дизайнер
- Анализ дизайна: Комментарии - Snook.ca
- Вдохновение дизайна интерфейса: 36 Чистых Проектов Формы Комментария - Блог Dzine
- 10 лучших руководств по работе с комментариями WordPress - DesignM.ag
- Отделение трекбэков от комментариев - Pro Blog Design
- Элементы дизайна - SmileyCat, в частности, разделы «Комментарии блога» и «Формы комментариев блога»
