it-swarm-korea.com

사람들이 왜 우리의 거대하고 눈에 잘 띄며 대조적 인 보라색 배너를 보지 못합니까?

저는 D & D Wiki 라는 MediaWiki 사이트에 속해 있습니다. 다른 사람들 중에서도 대중의 눈에 오랫동안 제기 된 문제 중 하나는 특정 페이지가 '홈 브루'로 분류 될 정도로 명확하게 라벨을 지정하지 않은 것이 었습니다. 공무원'.

결과적으로 '공식'이 아닌 모든 페이지에이 lovely homebrew banner 레이블이 붙은 솔루션을 사용했습니다. 사이트의 밝고 크림 같은 갈색과 대조적으로, 뻔뻔스럽게 표시되는이 페이지 전체의 눈에 띄는 검은 색/진한 자주색/빨간색 배너이며, 검은 색으로 정렬 된 흰색 텍스트로 완성되며 "주제 페이지"라는 단어가 매우 명확하고 명확하게 표시됩니다. 사소한 설명.

공식 페이지홈 브루 페이지 색 구성표, 글꼴, 텍스트 크기, 표 레이아웃, 제목 체계가 다르며 특히 다른 배너) 가장 눈에 띄게 다른 '공식 콘텐츠'로 선언합니다.

그러나 reddit, 채팅, stackexchange 자체에 대해 여러 번 들었습니다. " 홈 브루 배너는 밝은 자주색에도 불구하고 눈에 띄기 어렵습니다. ". 어떻게해서 사람들이 여전히이 두 범주의 페이지를 섞고 있습니까?

본인은이 상황을 이해할 능력이 없다고 공언합니다. 우리는 인간의 인식을 넘어 섰습니까? 우리는 그것을 눈에 띄게 만들었을 것입니다. 인류 자체가 그들 주변의 우주 전체를 모르는 것처럼?

사람들이 실제로 배너를 어떻게 알 수있게합니까? 아니면 사람들이보고있는 컨텐츠의 사제 특성을 사람들에게 알리는 더 좋은 방법이 있습니까? 이 맹인들은 모두 이상한 괴물입니까, 아니면 어떻게 든 내 견과를 벗어 났습니까?

enter image description here

편집 : 관심과 도움이되는 답변에 감사드립니다! 관심있는 사람들을 위해, 우리의 후속 논의는 사이트에서 에서 찾을 수 있습니다.

219
user2979044

이 현상을 배너 실명 . 라벨링은 배너 광고처럼 보이므로 무의식적으로 건너 뜁니다. 이전의 경험에서 항상 관련이없는 내용이 포함되어 있다고 사용자에게 알려 주면 사용자는 전체 내용 섹션을 무시해야합니다. 배너가 더 많은 관심을 끌수록 더 많이 무시됩니다. 사람들이 "homebrew"또는 "official"과 같은 레이블을 인식하게하려면 사용자가 자연스럽게 스캔하는 곳에 배치해야합니다.

귀하의 경우에는 페이지 제목 옆에 두십시오. 경고 아이콘이 드물게 사용되는 경우 사용자가 무시하지 않는 경향이 있으므로 경고 아이콘으로 작업 할 수도 있습니다. 다른 색 구성표와 대조되는 색을 사용하는 것이 좋습니다.

571
Wanda

배너는 아름답지만 스타일이 나머지 페이지와 일치하지 않습니다. 타의 추종을 불허하는 그래픽 스타일로 인터넷의 모든 곳을 알고 있습니까? 광고 .

다른 사람들이 말했듯이, 문제는 사용자가 콘텐츠의 일부로 그것을 고려하지 않는다는 것입니다. 광고 인 것 같으므로 건너 뜁니다.

중요한 조치는 나머지 페이지와 깊이 통합하는 것입니다. 내용의 일부로 만들고 가장 중요하게는 스타일이 적합하지 않게 느끼게합니다.

또한 광고처럼 보이는 XKCD 스트립이 있습니다 .

260
Rad80

디자인입니다. 시각적으로 사이트 나 페이지의 일부가 아닙니다. 시각적으로 사이트에 속하지 않는 콘텐츠의 제곱으로 사용자에게 광고임을 나타냅니다.

배너를 시각적으로 사이트의 일부로 디자인하십시오

가장 간단한 방법은 주변 디자인에서 디자인하는 것입니다. 이것은 시각적으로 사이트의 일부가됩니다. 아래는 예입니다.

다음은 자주색 배너를 제거 할 때 눈에 잘 띄지 않는 것을 보여줍니다.

enter image description here

사이트의 일부로 디자인 된 배너의 예는 다음과 같습니다.

enter image description here

116
moot

앞에서 말했듯이 배너는 despite 가 아니라 이기 때문에 배너 실명을 유발하고 있습니다 그것은 엄청나고, 눈에 띄며, 명쾌하고 대조적 인 보라색입니다. 또한 컨텐츠 바로 위에 배치하면 쉽게 무시할 수 있습니다. 독자는 헤드 라인에서 읽기 시작합니다. 위의 모든 것은 쉽게 무시됩니다.

가능한 해결책:

  • SRD 자료와 마찬가지로 모든 "Homebrew"컨텐츠를 자체 Wiki 네임 스페이스에 넣습니다. 이렇게하면 공식 자료에 "5e SRD : ArticleTitle"이 나오는 것처럼 모든 homebrew 기사의 헤드 라인에 "5e Homebrew : ArticleTitle"이 표시됩니다.
  • 사용자에게 헤드 라인 아래에 읽는 내용 을 알려주는 배너를 넣으십시오. 이미지를 사용하지 마십시오. 일반적인 MediaWiki 마크 업 구문을 사용하는 템플릿 상자를 사용하여 사이트 디자인에 더 잘 어울립니다. 예를 들어, "이 기사는 작업이 필요합니다"또는 "이 기사의 중립이 논쟁 중입니다"와 같이 Wikipedia의 템플릿 을 사용할 수 있습니다. 위키 백과는 눈에 잘 띄는 것과 눈에 잘 띄지 않는 것 사이에서 배너 실명을 유발하는 것 사이에서 꽤 좋은 균형을 잡았습니다.
  • 홈브류 용과 공식 자료 용으로 완전히 분리 된 두 개의 위키를 만듭니다. 다른 이름과 로고를 부여하십시오.
57
Philipp

기능적으로 다르지 않은 배너가있는 Wikipedia 기사를 보면 (이 기사는 개선이 필요합니다) 여러 가지 디자인 차이가 있습니다. 즉:

  • 배너는 기사의 일부이며 직접 배치됩니다 under 기사 제목
  • 배너는 기사만큼 넓지 않고 중앙에 있지만 기사 텍스트보다 약간 작습니다.
  • 페이지의 나머지 부분과 일치하는 중간 색상이 있지만 대조적 인 아이콘이 주목을받습니다.
  • 배너의 텍스트는 굵고 기울임 꼴 부분과 다양한 파란색 링크가있는 비표준입니다.

이 모든 것이 배너를 놓치기 어렵고 구문 분석하기 쉽습니다. 당신이 페이지를 열면 당신은 즉시 그것을 알 수 있고 당신이 말하려는 것을 추측하기 쉽습니다.
이것을 배너에 적용하여 배너 가장자리와 기사 가장자리 사이에 패딩 영역을 만듭니다. 지금은 작업 표시 줄, 창 메뉴 표시 줄 또는 광고 배너처럼 보이지만 무시하지 않는 것이 좋습니다. 대조적 인 배경색을 버리고 일반 배경에 텍스트가있는 단일 아이콘을 선택하여 의도를 전달합니다. 이러한 변경 사항이 마음에들 경우 배너가 충분히주의를 끌지 않으면 위치를 변경하고 해당 위치를 재생하고 텍스트 형식을 변경할 수 있습니다. 보다 자세한 설명이있는 페이지에 링크를 추가하고 homebrew paged&d wiki 굵게.

또는 용감하다면 기사의 글꼴을 변경해보십시오. D & D 위키와 같은 것으로 사용자가 작성한 기사에 필기 스타일 글꼴 (여전히 읽을 수있는 글꼴)을 사용할 수 있다고 생각합니다. 공식 기사와 사용자 기사를 명확하게 구분하며 공식/비공식 충돌로 인해 의도를 전달할 수 있습니다. 그러면 기사 대신 주제에 대한 사용자의 '노트'와 비슷해집니다.

29
kevin

enter image description here

Github ribbons 시도해 볼 수 있습니까?.

이것은 눈에 띄게 눈에 띄고 나머지 내용에서 빼앗지 않습니다.

다양한 색상의 '공식'및 '홈브류'용 리본을 준비하십시오.

15
icc97

색상, 글꼴 등이 다르지만 페이지 전체가 매우 비슷하게 보입니다. 큰 페이지에는 시각적 노이즈가 너무 커서 여전히 비슷한 레이아웃 (사이드 바, 3 열, 동일한 기본 로고) 인 경우 글꼴을 변경하는 것만으로는 충분하지 않습니다. 한 눈에 다소 눈에 띄는 것은 배경과 베이지 색/흰색이 다른 베이지 색과 갈색 색조와 밀접하게 일치하므로 th3 사용자는 실제로 백그라운드 스왑을 인식하지 못합니다.

다른 사람들이 언급했듯이 사람들은 일반적으로 광고이기 때문에 배너를 무시하는 경향이 있습니다.

전체 팔레트를 베이지 색에서 자주색 (밝지 않은 라벤더, 라벤더처럼 파스텔이 아닌)으로 변경하고 왼쪽 상단의 위키 로고를 다른 색상으로 약간 변경하고 그 아래에 "홈 브루"태그 라인을 추가하는 것이 좋습니다. 나는 두 사이트 사이에 일관성을 유지하기 위해 두 사이트에서 글꼴과 같은 것을 유지합니다.

enter image description hereenter image description here

8
PixelSnader

공식 페이지홈 브루 페이지 색 구성표, 글꼴, 텍스트 크기, 표 레이아웃, 제목 체계가 다르며 특히 다른 배너) 가장 눈에 띄게 다른 '공식 콘텐츠'로 선언합니다.

...

사람들이 실제로 배너를 어떻게 알 수있게합니까? 아니면 사람들이보고있는 컨텐츠의 사제 특성을 사람들에게 알리는 더 좋은 방법이 있습니까?

나는 질문에서 homebrew 배너가있는 페이지로 하나의 링크를 따라 갔고 스타일을 대조하는 공식 페이지를 찾으려고 노력했습니다. 내가 찾은 첫 번째는 https://www.dandwiki.com/wiki/3e_SRD:Multiclass_Characters 입니다. 아마, 나는 맹목적인 이상한 괴물일지도 모른다1이 페이지에서 다른 배너를 볼 수없고 다른 색 구성표를 볼 수 없습니다. 텍스트 스타일은 다르지만 차이점을 읽는 방법을 설명하는 자습서를 통해 사이트의 모든 사용자를 안내하지 않는 한 그다지 많지 않습니다.

색 구성표를 더 급격하게 변경하거나 색 구성표를 넘어 배경을 변경하는 것이 좋습니다. 배경에서 희미하게 반복되는 워터 마크는 배너 (임의의 위치와 크기에 상관없이)를 무시하려는 동일한 본능을 유발하지 않으며 스크롤하여 건너 뛰지 않습니다.


1 나는 확실히 그 중 두 가지에 경찰합니다.

6
Peter Taylor

나는 문제가 두 가지라고 말합니다. 가장 먼저 문제는 웹 사이트가 위키로 표시되어 있으며 방문자에게 의도를 잘못 전달한다는 것입니다. 이 때문에 사람들은이 사이트의 모든 정보가 Wizards of the Coast D & D 자료에있는 기존 정보를 참조한다고 가정 할 가능성이 높습니다. 위키는 실제로 팬이 만든 컨텐츠를위한 장소가 아닙니다. 예를 들어 Star Trek을 중심으로 회전하는 Wiki 사이트에서 팬 콘텐츠를 찾지 못할 것입니다.

다른 문제는 다른 사람들이 대답했듯이 화면 상단의 홈 브루 알림 표시 줄이 주로 광고용으로 예약 된 위치에 있다는 것입니다. 사이트의 나머지 부분과 충돌하는 색상은 사람들이 광고로 해석하는 것을 보지 않기 때문에 시선을 피하게합니다.

6
Fluffy Gryphon

사람들이 얼마 전에 배너 스캔을 중단했다고 생각합니다. 그들은 화장품이거나 광고용입니다.

섹션 시작 부분에 작은 경고 아이콘과 메시지가 표시되거나 비슷한 방식으로 더 나은 기회를 얻게됩니다.

이렇게하면 사용자가 내용을 읽고 아이콘 + 텍스트를 알 수 있습니다.

TL; DR : 사람들은 무의식적으로 배너를 우회

3
Leths

솔직히 말해서, 과거에는 D & DWiki 홈브류 페이지를 여러 번 보았는데, 실제로 배너를 처음 본 것은 이번이 처음입니다. 내 말은, 전에 본 적이 있지만 항상 페이지 자체의 일부가 아닌 배너 광고로 등록되어 있으므로 항상 무시했습니다.

3
MalignantMind

웹 사이트 사용자 중 일부가 homebrew 배너를 무시할 수있는 몇 가지 원인을 확인했습니다.

  1. 배너의 자주색 부분은 웹 사이트의 읽기 흐름을 벗어납니다. 기둥 형 레이아웃에서 두 번째 및 세 번째 열은 자연스럽게 끝까지 읽습니다. 자주색 부분은 배너에서 두 번째 열처럼 느껴집니다. 검은 부분은 사이트 컨텐츠로 잘 흐릅니다. 첫 번째 텍스트 열의 일부를 느끼면서 사용자를 내용으로 밀어 넣습니다. 사용자가 열의 맨 아래에서 다음의 맨 위로 갈 때 가로 규칙에서 멈 춥니 다. 배너의 색상 차이와 열 사이의 틈을 가로 지르는 경고 텍스트도 가상 수평 규칙에 영향을줍니다. 요컨대, 배너의 어두운 부분은 컨텐츠로 직접 연결되고 수평 규칙은 사용자가 배너 후자를 다시 사용하지 못하도록 차단합니다.

  2. 대비는주의를 환기시킵니다. 가장 큰 대비는 배너 왼쪽에 있으며 사용자가 음력 읽기 흐름을 시작하도록합니다.

  3. 의미를 갖기에는 너무 많은 텍스트. 사람들은 당신이 의미하는 바를 이해하기 위해 배너에서 긴 설명을 읽어야합니다. 어쩌면 "NOFICIAL CONTENT :이 페이지는 사용자 (...)"와 같은 간단하고 작은 헤더 텍스트 인 배너가 필요하지 않습니다. 주요 위치에서 작고 직접적이고 명확한 표현으로 사용자의 관심을 끌 수 있습니다.

  4. 배너의 경고는 "Homebrew"의 의미와 모순됩니다. 이는 잠재 의식이 필터링하는 데 도움이됩니다. 사제 음료는 일반적으로 집 주인이 만든 특수 수제 제품입니다. 소유자는 웹 마스터입니다. 따라서 웹 마스터의 특별한 콘텐츠 섹션 인 느낌을 전달합니다. 따라서 공식. 경고 상태와 정반대입니다.

  5. 다른 사람들이 언급했듯이 광고 배너처럼 보이고 색상 구성표가 웹 사이트와 일치하지 않습니다.

0
Lucas

여기에있는 답변 중 일부는 너무 복잡합니다 ("전문가 문제를 해결하는 전문가" 현상 : 최고의 전문가들이 명백한 문제를 지적하지 않아도됩니다.)

겸손히 설명하겠습니다

엄청나게 명백한 두 가지 문제 :

  1. 이미지의 유형을 읽을 수 없음. 이것은 그래픽 디자인의 가장 기본적인 포인트 중 하나입니다. 이미지에 입력 한 내용이 있으므로 읽을 수 없습니다.

  2. 오른쪽의 유형은 그 주위에 "테두리"가 있습니다. 이것은 완전히 읽을 수 없습니다. 다시 말하지만 이것은 그래픽 디자인에서 매우 기본적인 문제입니다.

솔직히 그렇게 간단합니다.

0
Fattie

사람들은 자신의 목표로 이어지지 않는 것을 무시하는 데 능숙합니다 (이 경우 "D & D에 대해 읽고 싶어").

이 배너/공지 사항/힌트가 Snarky Silver Dragon의 통계에 표시되는 것처럼 보입니까? 아니요 → 무시하십시오.

이것은 사람들이 그것을 모르고 무의식적으로 발생합니다 (우리는 그들이 눈에 띄는 것을 눈으로 확인하고 사람들이 그것에 대해 질문했을 때 요소를 전혀 알지 못하고 있음을 보여주었습니다). 사람들은 메시지를 알아 차리고 여기 몇 가지 아이디어가 있습니다.

  • 느린 사용자-알림 및 클릭해야하는 버튼이 오버레이로 표시 될 수 있습니다 ( "예,이 페이지는 D & D Canon에 대해 설명하지 않습니다").
  • 더 느리게 (오버레이를 숨기려면 확인해야하는 "동의 함"확인란을 추가하십시오)
  • 콘텐츠의 일부를 콘텐츠의 일부로 만들어 콘텐츠의 제목과 같은 모양으로 만들고 콘텐츠와 유사하게 보이도록합니다 ( "면책 사항 :이 페이지는 홈 브루이며 D & D Canon을 설명하지 않습니다). . ")-단락 텍스트와 동일하지만 테두리와 느낌표 아이콘이 있습니까?
  • 이것이 이미 속도가 느려지고 생각하는 어딘가에있는 Homebrew라는 정보를 넣으십시오. 제 아이디어는 링크 에서이 작업을 수행하는 것입니다. 예를 들어 Canon 링크는 일반이지만 homebrew 페이지 링크에는 모두 "(Homebrew)"가 있고 아이콘이 추가 되었습니까? 그리고 그들은 다른 색을 가질 수 있습니까? 그리고 "?" 마우스 오버시 홈브류가 무엇인지 설명하는 툴팁?
0
Tomáš Kafka

다른 사람들이 이것을 만졌지만, 배너가 심미적으로 기쁘다는 사실은 그것이 심미적으로 기쁘다 있음을 시사합니다. 디자인의 기본 개념은 X가 할 일이 있다는 것을 분명히하려면 X 만 할 수 있도록해야한다는 것입니다. 벽을보고 못생긴 그늘 인 직사각형 패치를 보면 녹색, 나는 "무엇을 위한가?"라고 물을 것입니다. 예쁜 우주 이미지가 그려진 직사각형 패치가 있다면, 그것은 그림이 아니라 문이라는 것을 등록하는 데 시간이 더 걸릴 것입니다. 사람들이 명백한 목적없이 무언가를 본다면, 그것이 무엇을위한 것인지 궁금해 할 것입니다. 일단 목적을 부여하면 사람들은 다른 목적이 없는지 궁금해하지 않습니다.

극적인 이미지는 또한 텍스트에서주의를 끌고 사람들이 그것을 알아 차리면 읽기가 더 어려워집니다. 전체 페이지에 고유 한 테두리 및/또는 다른 글꼴이있는 것이 더 효과적입니다.

0
Acccumulation