it-swarm-vi.com

Tại sao mọi người không nhận thấy biểu ngữ màu tím to lớn, nổi bật, rõ ràng và tương phản của chúng tôi?

Tôi là một phần của trang MediaWiki có tên D & D Wiki . Trong số những người khác , một trong những vấn đề tồn tại lâu nay của chúng tôi là chúng tôi không thể dán nhãn rõ ràng rằng một số trang nhất định được phân loại là 'Homebrew', trái ngược với ' Chính thức'.

Do đó, chúng tôi đã đưa ra một giải pháp trong đó tất cả các trang không phải là 'Chính thức' đều được gắn nhãn này biểu ngữ homebrew đáng yê . Tương phản với màu nâu sáng, màu nâu kem của trang web, được hiển thị một cách trơ trẽn là biểu ngữ màu đen/tím đậm/đỏ nổi bật trên toàn trang này, hoàn chỉnh với văn bản màu trắng viền đen phần lớn và hiển thị rõ ràng dòng chữ "Trang Homebrew", có thêm giải thích nhỏ.

Trang chính thứctrang homebrew có cách phối màu khác nhau, phông chữ khác nhau, kích thước văn bản khác nhau, bố cục bảng khác nhau, lược đồ tiêu đề khác nhau và đáng chú ý là biểu ngữ khác nha tuyên bố đó là 'nội dung chính thức' khác biệt đáng chú ý trong nháy mắt ngắn nhất.

Tuy nhiên, tôi đã nghe nhiều lần từ reddit, đến cuộc trò chuyện của chúng tôi, đến stackexchange, và tôi xin trích dẫn: " biểu ngữ homebrew khó có thể nhận thấy mặc dù có màu tím sáng. ". Bằng cách nào đó mọi người vẫn nhận được hai loại trang này trộn lẫn?

Tôi tự nhận mình không có khả năng hiểu được tình huống này. Có phải chúng ta đã vượt qua nhận thức của con người? Có phải chúng ta đã làm cho nó trở nên đáng chú ý, vì vậy .. rõ ràng, rằng nó không thể được nhìn thấy từ bên trong; Giống như chính con người không nhận thức được toàn bộ vũ trụ xung quanh họ?

Làm thế nào để chúng ta làm cho mọi người thực sự chú ý biểu ngữ của chúng tôi? Hoặc có cách nào tốt hơn để thông báo cho mọi người về bản chất homebrew của nội dung họ đang xem không? Có phải những người mù này đều là những kẻ lập dị kỳ lạ, hay tôi bằng cách nào đó thoát khỏi hạt dẻ của mình?

enter image description here

EDIT: Cảm ơn tất cả sự quan tâm và phản hồi hữu ích! Đối với những người quan tâm, cuộc thảo luận tiếp theo của chúng tôi về vấn đề này có thể được tìm thấy trên trang web, tại đây .

219
user2979044

Hiện tượng này được gọi là mù biểu ngữ . Ghi nhãn của bạn trông giống như một quảng cáo biểu ngữ và do đó trong tiềm thức bị bỏ qua. Người dùng đã có điều kiện bỏ qua các phần nội dung hoàn chỉnh nếu kinh nghiệm trước đây của họ dạy họ rằng nó luôn chứa những thứ không liên quan. Biểu ngữ càng cố gắng kéo, nó càng bị bỏ qua. Nếu bạn muốn mọi người chú ý đến một nhãn như "homebrew" hoặc "chính thức", bạn cần đặt nó ở đâu đó mà người dùng đang quét một cách tự nhiên.

Trong trường hợp của bạn, hãy xem xét đặt nó bên cạnh tiêu đề trang. Bạn cũng có thể muốn làm việc với các biểu tượng cảnh báo, vì những điều này có xu hướng không bị người dùng bỏ qua nếu chúng được sử dụng một cách thưa thớt. Tốt nhất là một màu tương phản với phần còn lại của bảng màu của bạn.

571
Wanda

Biểu ngữ rất đẹp nhưng phong cách không phù hợp với phần còn lại của trang. Bạn biết những gì ở khắp mọi nơi trên Internet với phong cách đồ họa không thể so sánh? Quảng cáo .

Như những người khác đã nói, vấn đề là người dùng không coi đó là một phần của nội dung. Nó dường như là một quảng cáo, vì vậy họ bỏ qua nó.

Tôi nghĩ rằng hành động quan trọng cần thực hiện là tích hợp nó sâu sắc với phần còn lại của trang. Làm cho nó trở thành một phần của nội dung và quan trọng nhất là làm cho phong cách phù hợp để nó không cảm thấy xa lạ.

Ngoài ra, có một dải XKCD về việc trông giống như một quảng cáo .

260
Rad80

Đó là thiết kế. Trực quan nó không phải là một phần của trang web hoặc trang. Đó là một hình vuông nội dung không thuộc về trang web một cách trực quan cho thấy đó là quảng cáo cho người dùng.

Thiết kế banner trở thành một phần của trang web một cách trực quan.

Cách đơn giản nhất là thiết kế nó ra khỏi thiết kế xung quanh. Điều này làm cho nó một phần của trang web một cách trực quan. Dưới đây là một ví dụ.

Ở đây bạn có thể thấy biểu ngữ màu tím gây khó chịu như thế nào khi bị xóa:

enter image description here

Dưới đây là một ví dụ về biểu ngữ được thiết kế để trở thành một phần của trang web:

enter image description here

116
moot

Như đã nói trước đây, biểu ngữ gây ra sự mù biểu ngữ không phải mặc dù nhưng nó là rất lớn, nổi bật, rõ ràng và màu tím tương phản. Ngoài ra, vị trí của nó ngay phía trên nội dung làm cho nó dễ dàng bỏ qua. Người đọc bắt đầu đọc ở tiêu đề. Bất cứ điều gì ở trên nó dễ dàng bị bỏ qua.

Phương pháp khả thi:

  • Đặt tất cả nội dung "Homebrew" vào một không gian tên Wiki riêng, giống như bạn đã làm với tài liệu SRD. Bằng cách đó, các tiêu đề của tất cả các bài viết về homebrew đều đọc "5e Homebrew: ArticleTitle" giống như tài liệu chính thức đọc "5e SRD: ArticleTitle".
  • Đặt biểu ngữ cho người dùng biết họ đang đọc gì bên dưới tiêu đề. Đừng sử dụng một hình ảnh. Sử dụng hộp mẫu sử dụng cú pháp đánh dấu MediaWiki thông thường để nó hòa trộn tốt hơn vào thiết kế trang web. Bạn có thể sử dụng các mẫu từ Wikipedia như "Bài viết này cần hoạt động" hoặc "tính trung lập của bài viết này bị tranh chấp" làm ví dụ. Những người Wikipedian đã tìm ra một sự cân bằng khá tốt giữa việc có thể nhìn thấy đủ và không quá rõ ràng, họ gây ra mù biểu ngữ.
  • Tạo hai wiki hoàn toàn riêng biệt, một cho homebrew và một cho tài liệu chính thức. Cung cấp cho họ tên và logo khác nhau.
57
Philipp

Nếu bạn xem một bài viết trên Wikipedia với một biểu ngữ có chức năng không giống với bài viết của bạn (bài viết này cần cải thiện) , bạn sẽ thấy có một số khác biệt về thiết kế. Cụ thể là:

  • Biểu ngữ là một phần của bài viết, được đặt trực tiếp bên dưới tiêu đề của bài viết
  • Biểu ngữ không rộng như bài viết, nó nằm ở giữa nhưng nhỏ hơn một chút so với văn bản bài viết.
  • Nó có màu trung tính, phù hợp với phần còn lại của trang, nhưng có một biểu tượng tương phản thu hút sự chú ý đến nó.
  • Các văn bản trong biểu ngữ là không chuẩn, với các phần in đậm và in nghiêng và các liên kết màu xanh khác nhau.

Tất cả điều này làm cho biểu ngữ khó bỏ lỡ và dễ phân tích. Nếu bạn mở trang, bạn sẽ nhận thấy nó ngay lập tức và thật dễ dàng để đoán những gì nó đang cố nói với bạn.
[.__.] Áp dụng điều này cho biểu ngữ của bạn, tôi sẽ tạo một khu vực đệm giữa các cạnh của biểu ngữ và các cạnh của bài viết. Ngay bây giờ, nó trông giống như một thanh tác vụ, thanh cửa sổ hoặc biểu ngữ quảng cáo, một cái gì đó để bỏ qua trừ khi bạn đang tìm kiếm nó. Tôi sẽ bỏ màu nền tương phản, chọn một biểu tượng có chữ trên nền đơn giản để truyền đạt ý định của nó. Nếu bạn cảm thấy như với những thay đổi này, biểu ngữ sẽ không thu hút đủ sự chú ý, bạn có thể cố gắng thay đổi vị trí của nó, chơi xung quanh đó và có thể thay đổi định dạng văn bản. Bạn có thể thêm một liên kết đến một trang với lời giải thích đầy đủ hơn và có thể thực hiện homebrew paged&d wiki Dũng cảm.

Ngoài ra, nếu bạn đủ can đảm, bạn có thể thử thay đổi phông chữ của bài viết. Tôi nghĩ đối với một cái gì đó như wiki D & D, bạn có thể thoát khỏi phông chữ kiểu chữ viết tay (một thứ vẫn còn rõ ràng) cho các bài viết do người dùng tạo ra. Nó phân biệt rõ ràng các bài viết của người dùng với các bài viết chính thức và vì cuộc đụng độ chính thức/không chính thức, nó có thể truyền đạt ý định theo cách đó. Sau đó, nó sẽ trở nên giống như 'ghi chú' của người dùng về một chủ đề, thay vì một bài viết.

29
kevin

enter image description here

Tôi có thể đề nghị thử băng Github .

Điều này là đáng chú ý đáng chú ý và không lấy đi từ phần còn lại của nội dung.

Có một dải ruy băng cho 'chính thức' và 'homebrew' với các màu khác nhau.

15
icc97

Bạn nói rằng bạn có màu sắc khác nhau, phông chữ vvetera, nhưng nhìn chung các trang trông rất giống nhau. Một trang lớn có quá nhiều nhiễu hình ảnh mà chỉ cần thay đổi phông chữ sẽ không đủ nếu nó vẫn có bố cục tương tự (thanh bên, 3 cột, cùng logo chính). Điều duy nhất đáng chú ý trong nháy mắt là nền và màu be/trắng vừa khít với các tông màu be và nâu khác để người dùng thứ 3 không thực sự cảm nhận được sự hoán đổi nền.

Và như những người khác đã đề cập, mọi người có xu hướng bỏ qua các biểu ngữ vì chúng thường là quảng cáo.

Tôi khuyên bạn nên thay đổi toàn bộ bảng màu từ màu be sang màu tím (không sáng, nhiều màu pastel như hoa oải hương) và có thể thay đổi một chút logo wiki trong topleft thành một màu khác và có thể thêm một dòng chữ "homebrew" bên dưới. Tôi sẽ giữ các phông chữ và như vậy trên cả hai trang web để giữ một số thống nhất giữa hai trang web.

enter image description hereenter image description here

8
PixelSnader

Trang chính thứctrang homebrew có cách phối màu khác nhau, phông chữ khác nhau, kích thước văn bản khác nhau, bố cục bảng khác nhau, lược đồ tiêu đề khác nhau và đáng chú ý là biểu ngữ khác nha tuyên bố đó là 'nội dung chính thức' khác biệt đáng chú ý trong nháy mắt ngắn nhất.

...

Làm thế nào để chúng ta làm cho mọi người thực sự chú ý biểu ngữ của chúng tôi? Hoặc có cách nào tốt hơn để thông báo cho mọi người về bản chất homebrew của nội dung họ đang xem không?

Tôi đã theo một liên kết từ câu hỏi đến một trang có biểu ngữ homebrew và sau đó cố gắng tìm một trang chính thức để tương phản các phong cách. Cái đầu tiên tôi tìm thấy là https://www.dandwiki.com/wiki/3e_SRD:Multiclass_Char character . Bây giờ, có lẽ tôi là một kẻ lập dị kỳ lạ mù quáng1, nhưng tôi không thể thấy các biểu ngữ khác nhau trên trang này và tôi không thể thấy các bảng màu khác nhau. Kiểu văn bản là khác nhau, nhưng trừ khi bạn kênh tất cả người dùng của trang web thông qua một hướng dẫn giải thích cách đọc sự khác biệt, điều đó không nhiều.

Xem xét thực hiện các thay đổi mạnh mẽ hơn trong bảng màu hoặc (sở thích của tôi) vượt ra ngoài bảng màu để thay đổi nền. Một hình mờ lặp lại mờ trên nền không kích hoạt cùng một bản năng để bỏ qua như một biểu ngữ (ở bất kỳ vị trí nào, ở bất kỳ kích thước nào) và không bị bỏ qua khi cuộn.


1 Tôi chắc chắn sẽ đối phó với hai trong số đó.

6
Peter Taylor

Tôi sẽ nói rằng vấn đề là gấp đôi. Tôi tin rằng, đầu tiên và quan trọng nhất, vấn đề là trang web được gắn nhãn là Wiki và đang truyền thông sai ý định của nó cho khách truy cập. Bởi vì điều này, mọi người có nhiều khả năng cho rằng bất kỳ thông tin nào trên trang web này sẽ là tài liệu tham khảo về thông tin hiện có trong tài liệu Wizards of the Coast D & D. Một wiki không thực sự là một nơi dành cho nội dung do người hâm mộ tạo ra. Chẳng hạn, bạn không thể tìm thấy nội dung người hâm mộ trên một trang Wiki xoay quanh Star Trek.

Vấn đề khác là, như những người khác đã trả lời, thanh thông báo homebrew của bạn ở đầu màn hình được đặt ở vị trí chủ yếu dành riêng cho quảng cáo. Màu sắc xung đột từ phần còn lại của trang web vô tình khiến mọi người đảo mắt vì họ không quan tâm đến việc xem những gì họ diễn giải là quảng cáo.

6
Fluffy Gryphon

Tôi tin rằng mọi người đã ngừng quét Banner một thời gian trước đây. Họ là mỹ phẩm hoặc họ là cho quảng cáo.

Bạn sẽ có cơ hội tốt hơn bằng cách có một biểu tượng cảnh báo nhỏ và thông báo ở đầu phần, hoặc một cái gì đó theo cách tương tự.

Bằng cách này, người dùng sẽ bắt đầu đọc nội dung và biểu tượng thông báo + văn bản.

TL; DR: Mọi người vô tình bỏ qua các biểu ngữ

3
Leths

Tôi sẽ thành thật, tôi đã xem các trang homebrew của D & DWiki vô số lần trong quá khứ và đây là lần đầu tiên tôi thực sự nhận thấy biểu ngữ đó. Ý tôi là, tôi biết tôi đã nhìn thấy nó trước đây, nhưng nó luôn được đăng ký dưới dạng quảng cáo biểu ngữ và không phải là một phần của trang đó, vì vậy tôi luôn bỏ qua nó.

3
MalignantMind

Tôi thấy một số nguyên nhân có thể khiến biểu ngữ homebrew bị bỏ qua bởi một số người dùng trang web của bạn:

  1. Phần màu tím của biểu ngữ nằm ngoài luồng đọc của trang web. Trong một bố cục cột, cột thứ hai và thứ ba tự nhiên còn lại để được đọc cuối cùng. Phần màu tím cảm thấy như một cột thứ hai trong biểu ngữ. Phần màu đen chảy độc đáo vào nội dung trang web. Nó cảm thấy một phần của cột văn bản đầu tiên, đẩy người dùng đến nội dung. Khi người dùng đang đi từ dưới cùng của cột lên đỉnh của cột tiếp theo, họ sẽ dừng theo quy tắc ngang. Sự khác biệt màu sắc của biểu ngữ và văn bản cảnh báo vượt qua khoảng cách giữa các cột cũng thực hiện thêm các quy tắc ngang ảo. Nói tóm lại, phần tối của banner dẫn trực tiếp đến nội dung và các quy tắc ngang chặn người dùng quay lại banner sau.

  2. Tương phản gọi sự chú ý. Sự tương phản lớn nhất nằm ở bên trái của banner và dẫn người dùng bắt đầu dòng đọc colunar.

  3. Quá nhiều văn bản để có nghĩa. Mọi người phải đọc lời giải thích dài trong banner để hiểu ý của bạn. Có thể bạn không cần một biểu ngữ, chỉ cần một văn bản tiêu đề đơn giản và nhỏ hơn như "NỘI DUNG UNOFICIAL: trang này được tạo bởi người dùng (...)". Biểu thức nhỏ, trực tiếp, rõ ràng ở các vị trí quan trọng có nhiều cơ hội để thu hút sự chú ý của người dùng.

  4. Cảnh báo trên biểu ngữ mâu thuẫn với ý nghĩa của "Homebrew". Điều này giúp tiềm thức của chúng ta lọc nó ra. Đồ uống homebrew thường là một sản phẩm thủ công đặc biệt được làm bởi chủ sở hữu của ngôi nhà. Chủ sở hữu là quản trị trang web. Vì vậy, nó truyền tải cảm giác đó là một phần nội dung đặc biệt từ quản trị trang web. Do đó chính thức. Chính xác là trái ngược với những gì cảnh báo.

  5. Như những người khác đã nêu, trông giống như một biểu ngữ quảng cáo và bảng màu không phù hợp với trang web.

0
Lucas

Một số câu trả lời ở đây quá phức tạp (đó là "chuyên gia giải quyết các vấn đề chuyên gia" hiện tượng: nơi một loạt các chuyên gia hàng đầu "thậm chí không bận tâm chỉ ra" những vấn đề rõ ràng!)

Tôi sẽ khiêm tốn giải thích

Hai vấn đề rõ ràng nực cười:

  1. Nhập vào hình ảnh là không thể đọc được. Đây là một trong những điểm cơ bản nhất của thiết kế đồ họa. Bạn đã gõ vào một hình ảnh, vì vậy nó hoàn toàn không thể đọc được.

  2. Loại bên phải có "đường viền" xung quanh nó. Điều này là hoàn toàn không thể đọc được. Một lần nữa đây là một vấn đề rất cơ bản trong thiết kế đồ họa.

Thật ra nó đơn giản.

0
Fattie

Mọi người rất xuất sắc trong việc bỏ qua những gì không dẫn đến mục tiêu của họ (trong trường hợp này có lẽ là "muốn đọc về D & D").

Biểu ngữ/thông báo/gợi ý này có giống như nó sẽ đưa tôi đến số liệu thống kê của Snarky Silver Dragon không? Không → bỏ qua.

Điều này xảy ra trong tiềm thức mà không có người nhận ra nó (chúng tôi đã kiểm tra theo dõi bằng mắt cho thấy họ liếc qua sự việc và mọi người hoàn toàn không biết về yếu tố này khi được hỏi về nó), vì vậy nếu bạn muốn cải thiện một chút (hãy thiết lập mục tiêu thực tế) mọi người nhận thấy thông điệp, đây là một số ý tưởng:

  • làm chậm mọi người - có thể có lớp phủ với cảnh báo và nút họ cần nhấp ("Có, tôi chấp nhận trang này không mô tả D & D Canon.")
  • làm chậm chúng hơn nữa (thêm một hộp kiểm "Tôi chấp nhận điều đó" cần được kiểm tra trước khi có thể ẩn lớp phủ)
  • làm cho nó trở thành một phần của nội dung để nó trông giống như một thứ mà họ đang theo dõi (có thể đặt dưới tiêu đề) và làm cho nó trông giống với nội dung hơn ("Tuyên bố miễn trừ trách nhiệm: trang này là Homebrew và nó không mô tả về D & D Canon . ") - có thể giống như văn bản đoạn văn, nhưng với một số đường viền và có thể là biểu tượng dấu chấm than?
  • đưa thông tin rằng đây là một Homebrew ở đâu đó nơi họ đang chậm lại và suy nghĩ - ý tưởng của tôi là làm điều này trên các liên kết. Ví dụ: các liên kết Canon sẽ đơn giản, nhưng các liên kết đến các trang homebrew đều có "(Homebrew)" và có thể thêm một số biểu tượng? Và họ có thể có một màu sắc khác nhau? Và một "?" tooltip sẽ giải thích những gì homebrew trên mouseover?
0
Tomáš Kafka

Những người khác đã chạm vào điều này, nhưng: thực tế là biểu ngữ mang tính thẩm mỹ cho thấy rằng nó ở đó để được thẩm mỹ. Một khái niệm cơ bản của thiết kế là nếu bạn muốn rõ ràng rằng có một cái gì đó để làm X, thì bạn nên làm nó để nó chỉ có thể làm X. Nếu tôi nhìn vào một bức tường và thấy một miếng vá hình chữ nhật có sắc thái xấu xí của màu xanh lá cây, tôi có thể hỏi "Cái đó để làm gì" và chú ý rằng đó là một cánh cửa. Nếu có một miếng vá hình chữ nhật có hình ảnh vũ trụ đẹp được vẽ trên đó, có lẽ tôi sẽ mất nhiều thời gian hơn để đăng ký rằng đó là một cánh cửa, và không chỉ là một bức tranh. Nếu mọi người nhìn thấy thứ gì đó không có mục đích rõ ràng, thì họ sẽ tự hỏi nó ở đó để làm gì. Khi một mục đích có thể được gán cho một cái gì đó, mọi người có xu hướng không ngồi xung quanh tự hỏi liệu có mục đích nào khác mà họ đang thiếu.

Hình ảnh ấn tượng cũng làm mất sự chú ý khỏi văn bản và khiến nó khó đọc hơn nếu mọi người chú ý đến nó. Sẽ hiệu quả hơn khi toàn bộ trang có đường viền đặc biệt và/hoặc một phông chữ khác.

0
Acccumulation