Я очень рад работать над разделом комментариев для этого сайта. CSS-Tricks является домом для отличных дискуссий, спасибо всем вам, прекрасные люди. Дизайн раздела комментариев важен, потому что он должен демонстрировать эти замечательные обсуждения, поддерживать эти замечательные обсуждения и обеспечивать все функциональные возможности ветки обсуждения на основе WordPress.
Первым шагом здесь является подготовка нашего файла Photoshop к тому, чтобы у него была хорошая чистая область для дизайнерских комментариев. Мы используем сетку 2/3 1/3, поэтому мы быстро ее смоделируем. Мы не будем делать здесь ничего слишком прогрессивного. В главном 2/3 столбце будет статья, а ниже - комментарии. Никаких модных комментариев на боковой панели или во всплывающем окне или чего-то подобного.
Чтобы сориентироваться, мы смотрим на комментарии к v9. Все, что вы ожидаете, есть. Граватары, имена, даты, текст, ссылки для ответов… Мы решили отказаться от значка RSS. WordPress генерирует RSS-каналы для потоков, но он используется очень редко, и «Подписка на комментарии», предлагаемая JetPack, является лучшей альтернативой для пользователей, желающих не отставать от темы.
В v9 мы показываем только ответную ссылку на: hover. Есть медиа-запрос, чтобы всегда показывать это на маленьких экранах, но это немного неловко. Там мы сможем лучше. В версии 9 у нас также есть система «фичеринга» и «закапывания» комментариев. Я лично курирую комментарии и использую эти ярлыки. Возможно, очевидно, что у избранных комментариев есть немного пользовательского интерфейса, который их отличает и привлекает внимание людей, просматривающих комментарии. Скрытые комментарии в v9 просто скрыты, но мы можем сделать там кое-что более интересное. Спам-комментарии или грубые комментарии просто удаляются, но есть особый класс комментариев (например, «Отличный пост!»), Которые не заслуживают удаления, но я предпочитаю не обращать внимания на 1) доказать остальным пользователям, что я заботиться об их времени и 2) учить пользователей, что неубедительные комментарии - это отстой. Я написал больше о курировании веток комментариев здесь.v10 понадобится вся эта функциональность, только лучше. Например, хорошим дополнением будет стиль комментария автора.
Цитированные комментарии - еще одна важная функция. Я специально выбрал только один уровень вложенности. Например, вы можете оставить ответ на комментарий, но не можете оставить ответ на ответ. Вы просто ответите на исходный комментарий, и он появится в этой подпетке. Я сделал этот выбор, потому что я лично запутался и не люблю читать цепочки комментариев, которые лежат дальше этого.
В итоге мы немного переходим в Photoshop и добавляем несколько вещей на страницу. Сейчас мы в хорошей форме, чтобы продолжить проектирование этой важной области.