홈페이지 » 웹 디자인 » 코멘트 디자인 고려 사항, 모범 사례 및 예

    코멘트 디자인 고려 사항, 모범 사례 및 예

    댓글 스타일은 블로그 디자인에서 종종 간과되는 부분입니다.. 어쨌든 그들은 방문자가 사이트에 대한 인상을 이미 가질 때까지는 볼 수 없었던 페이지의 맨 아래에 있으며 실제로 다른 어떤 것보다 더 많은 기능을 제공합니다. 스타일을 만드는데 많은 시간을 투자하고 정말로 눈에 띄는 이유는 무엇입니까??

    그러나 좋은 코멘트 스타일링은 경쟁 제품과 차별화됩니다. 귀하의 의견 및 귀하의 의견 양식을 디자인하는 시간을내어 귀하의 일반 방문자에게 큰 인상을 줄 수 있습니다. 그것은 무의식적으로 당신이 그들의 의견에 관심을 갖고 그들이 당신의 사이트에서 토론에 참여하기를 원한다는 것을 의미합니다..

    아래에서는 다음 블로그 디자인에서 멋진 코멘트 시스템을 만드는 몇 가지 모범 사례와 사례를 볼 수 있습니다..

    스타일링 댓글보기

    귀하가 귀하의 의견을 스타일 화하는 방식은 방문자가 귀하의 블로그에 대해 갖는 전반적인 인식에 큰 영향을 줄 수 있습니다. 독자가 세련되고 사용자 친화적 인 방식으로 의견을 말하기 위해 시간을 할애해야한다고 말하면.

    나사 식보기 또는 평면보기?

    스레드 된 주석을 갖든 단순히 시간 순으로 주문하든 항상 어려운 질문입니다. 결정할 때 고려해야 할 몇 가지 사항이 있습니다..

    첫째, 방문자가 서로의 게시물을 적극적으로 토론하기를 원한다면 스레드 된 댓글은이를 홍보하기 위해 먼 길을 간다. 특히 많은 댓글이있는 경우.

    반면에 스레드 된 주석은 종종 남용됩니다. 댓글 작성자는 댓글과는 완전히 다른 무언가를 가진 스레드의 첫 번째 댓글에 응답 할 수 있습니다. 댓글을 댓글 상단에 더 가깝게 표시하도록 할 수 있습니다 (물론 이러한 문제를 방지하기 위해 항상 댓글을 조정할 수 있지만, 관리자).

    댓글 작성자가 기사에 직접 회신하고 서로에게 회신하지 않는 데 더 관심이있는 경우 일반 댓글을 갖는 것이 더 적합합니다..

    두 가지 옵션 모두 장단점이 있기 때문에 결정하기 전에 각 장의 장점과 단점을 실제로 비교해야합니다..

    모범 사례

    보다 효과적인 의견 디자인을 만들기위한 몇 가지 도움말입니다..

    작성자 의견 강조하기

    의견을 디자인 할 때 작성자 또는 관리자 코멘트가 페이지의 다른 사람들과 돋보이게하기 위해 뭔가를해야합니다. 주석에 아이콘을 추가하거나 배경색을 변경하면됩니다..

    이 유형의 스타일링은 주석 작성자가 작성자로부터 직접 회신을보고 토론을 늘리는 데 도움을 줄 수 있습니다..

    Gravatar 포함

    사람들은 토론 할 때 다른 사람들의 얼굴을보고 싶어합니다. Gravatars를 사용하면이 프로세스를 자동화하고 토론을 유도 할 수 있습니다..

    보너스 포인트 : 표준 기하학적 이미지 나 괴물이 아닌 자신의 이미지가없는 사람들을 위해 맞춤식 Gravatar 이미지를 사용하십시오..

    트랙백과 별도의 코멘트

    트랙백은 실제로 토론의 일부가 아닙니다 (최소한 블로그에서 이루어지는 부분은 아닙니다). 다른 의견과 함께 인라인으로 포함하면 안됩니다..

    트랙백은 트랙백보다 많은 코멘트를 얻는 경우 또는 트랙백보다 일반적으로 트랙백이 더 많이 나오는 경우 다른 모든 코멘트 아래에 자신 만의 특별한 영역을 제공하십시오..

    센스를 만드는 디자인 요소 사용

    의견을 스타일링 할 때 콘텐츠 유형과 관련하여 의미있는 디자인 요소를 생각해보십시오. 연설 거품, 인용 부호, 간단한 테두리 및 배경색을 번갈아 사용하면 주석이 향상되고 가독성이 향상됩니다..

    댓글 달기

    일상적으로 블로그에 20 ~ 30 개 이상의 댓글을 올리는 경우 페이지로드 시간을 단축하기 위해 댓글을 페이지 매김하는 것이 좋습니다..

    페이지가 매겨진 주석은 새로운 페이지로 이동하면 거의 항상 사람들이 더 많은 콘텐츠를 가지고 있다고 느낄 수 있으므로 자신이하는 것보다 더 많은 의견을 제시 할 수 있습니다.

    개인적인 의견에 직접 링크 가능

    각 개별 댓글에 앵커 링크를 포함 시키면 방문자가 다른 사람들과 자신의 의견을 더 쉽게 공유 할 수 있습니다..

    누군가 당신의 블로그에있는 코멘트에서 특히 좋은 토론을하고 있다면, 다른 사람들을 초대하여 마지막 코멘트에 직접 링크를하거나 댓글을 달고있는 스레드로 쉽게 링크 할 수 있습니다.

    예 : 깔끔한 코멘트보기

    록 비트 종이
    백달 닷컴
    Subtraction.com
    GoodBytes.be
    사각 공간
    BlogLESS
    Snook.ca
    Particletree
    Hickensian, Hicksdesign
    디자인

    설계 코멘트 양식

    귀하의 의견 양식은 사용자 친화적이어야하며 방문자가 귀하의 블로그에서 일어나는 토론에 참여하도록 권장해야합니다. 좋은 의견 양식 디자인만으로는 밤새 의견을 낼 수 없지만 제대로 설계되지 않은 양식을 사용하면 독자가 독자의 의견을 막을 수 있습니다..

    고려 사항 및 모범 사례

    추가 스팸 예방 조치를 포함할지 여부와 답장 처리 방법에 대한 의견 양식을 디자인 할 때 고려해야 할 사항이 많이 있습니다. 다음은 이러한 결정을 내리는 데 도움이되는 몇 가지 도움말과 다른 것들입니다..

    귀하의 코멘트 양식 포지셔닝

    이것은 전반적인 주석 달기 시스템을 설계 할 때 매우 중요한 고려 사항입니다. 댓글 양식을 직접 게시물 자체 또는 댓글 끝에 올리시겠습니까??

    댓글 작성자가 게시물을 적극적으로 토론하거나 게시물 자체에 의견을 집중할 수 있는지 여부를 스스로 결정하는 것이 가장 좋은 방법입니다.

    첫 번째 옵션 인 경우 의견 끝에 주석 양식을 추가하십시오. 후자라면 의견 바로 위의 게시물 아래에 배치하십시오..

    스팸 방지

    Akismet과 같은 스팸 방지 유틸리티를 사용하더라도 폼에 직접 스팸 방지 기능을 추가하면 얻을 수있는 스팸의 양을 더 줄일 수 있습니다.

    두 가지 공통적 인 옵션이 있습니다. 하나는 captcha로 많은 사용자가 해독하기 어려울 수 있습니다 (일부 captcha 시스템은 다른 시스템보다 월등히 우수함). 다른 하나는 질문 기반 시스템으로, 간단한 수학 방정식을 사용하여 의견을 제출해야 의견을 제출할 수 있습니다.

    계정 필요 또는 대체 로그인 허용

    특히 대량의 스팸 댓글을 받거나 악의적 인 댓글에 문제가있는 경우 댓글 작성자에게 계정을 요구하면 도움이 될 수 있습니다. 다른 옵션으로는 사용자가 Twitter, Facebook Connect 또는 OpenID와 같은 다른 계정으로 로그인하도록 허용하는 옵션이 있습니다..

    로그인을 요구하면 사람들이 남긴 댓글에 대해 더 많은 책임을 느끼게되어 학대 또는 스팸 댓글이 줄어들 수 있습니다. 물론 로그인을 요구하면 댓글의 수를 줄일 수 있습니다. 일부 사람들은 별다른 신경을 쓰지 않을 것입니다..

    회신 처리

    방문객이 다른 주석 작성자에게 직접 회신 할 수있게하려면 의견 작성자가 회신 할 때 나타나는 인라인 주석 양식을 원할지 또는 이미 작성한 주석 양식으로 가져 가야하는지 결정하는 것이 중요합니다 그 페이지.

    첫 번째 옵션은 때로는 덜 혼란 스럽지만 (일반적으로 의견을 쓰는 대신 특정 게시물에 확실하게 답하는 것을 알기 때문에) 어느 쪽이든 괜찮습니다..

    양식 필드 위치 지정

    주석 양식 내의 필드를 위치 지정하고 레이블을 붙이는 방법은 해당 양식의 유용성에 큰 영향을 줄 수 있습니다. 사용 편의성 게시물에는 더 자세한 내용이 담긴 훌륭한 기사가 있습니다..

    양식 안내

    댓글 작성자가 작성해야하는 댓글 입력란의 필드를 쉽게 확인할 수 있도록하십시오. 또한 이메일 주소와 같은 정보가 공개되지 않도록해야합니다..

    확인

    귀하의 코멘트 양식은 귀하의 코멘트가 성공적으로 게시되었음을 귀하의 코멘트 작성자에게 알려줘야합니다..

    보통 댓글을 사용하는 경우 검토가 완료되면 댓글이 표시되도록 지정해야합니다. 따라서 방문자가 여러 댓글을 게시하지 않고 첫 번째 댓글이 완료되지 않았다고 생각할 수 있습니다..

    미리보기 제공

    귀하의 논평가가 제출하기 전에 자신의 게시물을 미리 보게하면 많은 블로그가 간과하는 좋은 유용성 기능입니다. 댓글 작성자가 게시하기 전에 댓글을 읽고 댓글을 수정할 가능성이 높아짐에 따라 블로그의 품질이 높아집니다..

    예 : 코멘트 양식

    인터넷 Zillionaire
    정통 권태
    프리랜서 전환
    Oaktree Creative
    BrianYerkes.com
    Abduzeedo
    WPDesigner.com
    디자인 작업
    Doc4 광고 대행사
    Mac Appstorm
    Productivedreams.com

    출처 및 리소스

    • 77 영감을 블로그 코멘트 양식 디자인 - 첫 번째 웹 디자이너
    • 디자인 분석 : 코멘트 - Snook.ca
    • 인터페이스 디자인 영감 : 36 깨끗한 코멘트 양식 디자인 - Dzine Blog
    • WordPress에 대한 주요 10 가지 자습서 의견 - DesignM.ag
    • 코멘트에서 트랙백 분리하기 - 프로 블로그 디자인
    • 디자인 요소 - SmileyCat, 특히 블로그 댓글 및 블로그 댓글 양식 섹션