it-swarm-eu.dev

Proč si lidé nevšimnou našeho obrovského, prominentního, jasného a kontrastního fialového proužku?

Jsem součástí webu MediaWiki s názvem D&D Wiki . Mezi jinými , jedním z našich dlouhodobých problémů v očích veřejnosti bylo, že se nám nepodařilo dostatečně jasně označit, že některé stránky jsou kategorizovány jako „homebrejské“, na rozdíl od „ Oficiální'.

Následně jsme prosadili řešení, ve kterém jsou všechny stránky, které nejsou oficiální, označeny tímto krásný homebrew banner . Na rozdíl od světlých, krémově hnědých a bezostyšně zobrazených je tento celoplošný, nápadný černý/tmavě fialový/červený banner, doplněný černobílým bílým textem, který velmi a zřetelně zobrazuje slova „homebrew Page“, s extra drobné vysvětlení.

Oficiální stránky a Domácí stránky mají různá barevná schémata, různá písma, různé velikosti textu, různá rozvržení tabulek, různá schémata názvů, a zejména odlišný banner) prohlašuje, že je to „oficiální obsah“, který se na první pohled znatelně liší.

Slyšel jsem však několikrát od redditu, přes náš chat, až po samotný stackexchange, a cituji: " homebrew banner je nevysvětlitelně těžko si všimnout, přestože je jasně fialový. ". Nějakým způsobem si lidé stále mísí tyto dvě kategorie stránek?

Vyznávám svou vlastní neschopnost pochopit tuto situaci. Překročili jsme lidské vnímání? Udělali jsme to tak znatelné, tak .. zjevné, že to nebylo vidět zevnitř; Stejně jako samotné lidstvo nevědělo o celém vesmíru kolem sebe?

Jak přimět lidi, aby si skutečně všimli našeho banneru? Nebo existuje lepší způsob, jak informovat lidi o homebrejské povaze obsahu, který vidí? Jsou tito slepí všichni divní šílenci, nebo jsem nějak z mého ořechu?

enter image description here

ÚPRAVA: Děkujeme všem za zájem a užitečné odpovědi! Pro zájemce je k dispozici následující diskuse k této otázce na webu zde .

219
user2979044

Tento jev se nazývá bannerová slepota . Vaše označení vypadá jako bannerová reklama, a proto je podvědomě přeskočeno. Uživatelé byli podmíněni ignorováním kompletních částí obsahu, pokud je jejich předchozí zkušenost naučila, že vždy obsahují irelevantní věci. Čím větší pozornost se banner snaží přitáhnout, tím více je ignorována. Pokud chcete, aby si lidé všimli štítku jako „homebrew“ nebo „Official“, musíte je umístit někam, kam uživatelé přirozeně vyhledávají.

V takovém případě zvažte umístění vedle názvu stránky. Můžete také chtít pracovat s výstražnými ikonami, protože uživatelé je obvykle nemají ignorovat, pokud jsou používány řídce. Přednostně kontrastní barva se zbytkem vašeho barevného schématu.

571
Wanda

Banner je krásný, ale styl neodpovídá zbytku stránky. Víte, co je všude na internetu s bezkonkurenčními grafickými styly? Reklamy .

Jak již uvedli ostatní, problém je v tom, že jej uživatelé nepovažují za součást obsahu. Zdá se, že jde o reklamu, takže ji přeskočí.

Myslím, že klíčovým krokem, který je třeba podniknout, je jeho hluboká integrace se zbytkem stránky. Udělejte to součástí obsahu a co je nejdůležitější, přizpůsobte styl tak, aby se necítil cizí.

Také existuje pruh XKCD o tom, že vypadá jako reklama .

260
Rad80

Je to design. Vizuálně to není součástí webu nebo stránky. Jedná se o čtverec obsahu, který vizuálně nepatří k obsahu, což znamená, že jde o reklamu pro uživatele.

Navrhněte banner tak, aby byl součástí webu vizuálně

Nejjednodušší způsob je navrhnout ji z okolního designu. Díky tomu je vizuální součástí webu. Níže je uveden příklad.

Zde můžete vidět, jak rušivý je fialový banner, když je odstraněn:

enter image description here

Zde je příklad banneru navrženého jako součást webu:

enter image description here

116
moot

Jak již bylo řečeno, banner nevyvolává slepotu banneru navzdory , ale , protože je tak obrovský, výrazný, jasný a kontrastní fialový. Také jeho umístění těsně nad obsahem usnadňuje ignorování. Čtenář začne číst v titulku. Cokoli nad tím se snadno ignoruje.

Možné řešení:

  • Vložte veškerý obsah „homebrew“ do vlastního jmenného prostoru Wiki, jako jste to udělali s materiálem SRD. Takto titulky všech článků v domácím jazyce čtou „5e Homebrew: ArticleTitle“ stejně jako oficiální materiál čte „5e SRD: ArticleTitle“.
  • Vložte nadpis, který uživateli řekne, co čte pod nadpisem . Nepoužívejte obrázek. Použijte pole se šablonou, které používá normální syntaxi značek MediaWiki, takže se lépe hodí do návrhu webu. Jako příklady můžete použít šablony z Wikipedie jako „Tento článek vyžaduje práci“ nebo „neutralita tohoto článku je sporná“. Wikipedians přišel na docela dobrou rovnováhu mezi dostatečně viditelným a ne tak viditelným, že vyvolávají slepotu bannerů.
  • Vytvořte dva zcela oddělené wiki, jeden pro homebrew a druhý pro oficiální materiál. Dejte jim různá jména a loga.
57
Philipp

Pokud se podíváte na článek na Wikipedii s proužkem, který se funkčně nepodobá vašemu (tento článek musí být vylepšen) , uvidíte, že existuje řada konstrukčních rozdílů. A to:

  • Banner je součástí článku, umístěn přímo pod nadpisem článku
  • Banner není tak široký jako článek, je vystředěný, ale mírně menší než text článku.
  • Má neutrální barvy, které odpovídají zbytku stránky, ale upozorňuje na ni kontrastní ikona.
  • Text v proužku je nestandardní, s tučnou a kurzívou a různými modrými odkazy.

To vše způsobuje, že je banner těžko minout a snadno analyzovatelný. Pokud stránku otevřete, okamžitě si ji všimnete a je snadné uhodnout, co se vám snaží říct.
Použijete-li toto na svůj banner, vytvořil bych výplňovou oblast mezi okraji banneru a okraji článku. V tuto chvíli to vypadá jako hlavní panel, okenní menu nebo reklamní banner, co je třeba ignorovat, pokud jej nehledáte. Prohloubil jsem kontrastní barvu pozadí a zvolil jsem jednu ikonu s textem na prostém pozadí, abych oznámil svůj záměr. Pokud se vám zdá, že s těmito změnami banner nepřitahuje dost pozornosti, můžete zkusit změnit jeho pozici, pohrát si s tím a možná změnit formátování textu. Můžete přidat odkaz na stránku s úplnějším vysvětlením a možná provést homebrew page a d&d wiki tučně.

Pokud jste dost stateční, můžete zkusit změnit písmo článku. Myslím, že pro něco jako wiki D&D můžete dostat písmo stylu rukopisu (jedno, které je stále čitelné) pro články vytvořené uživatelem. Jasně odlišuje uživatelské články od oficiálních článků a kvůli formálnímu/neformálnímu střetu může tímto způsobem zprostředkovat záměr. Stalo by se to spíše jako „poznámky“ uživatele k tématu, nikoli k článku.

29
kevin

enter image description here

Mohu navrhnout vyzkoušení Githubovy stuhy .

To je pozoruhodně nápadné a nezbavuje se zbytku obsahu.

Mají stuhu pro „oficiální“ a „homebrejskou“ s různými barvami.

15
icc97

Říkáte, že máte různé barvy, písma atd., Ale stránky celkově vypadají velmi podobně. Velká stránka má tolik vizuálního šumu, že jednoduše změna thw písma nebude stačit, pokud je to stále podobné rozvržení (postranní panel, 3 sloupce, stejné hlavní logo). Jediná věc, která je na první pohled patrná, je pozadí a béžová/bílá těsně přiléhají k ostatním béžovým a hnědým odstínům, takže uživatel třetího pozadí skutečně nevnímá swap na pozadí.

A jak ostatní uvedli, lidé mají tendenci ignorovat bannery, protože jsou to obvykle reklamy.

Navrhoval bych změnit celou paletu z béžové na purpurovou (ne jasnou, pastelovější jako levandule) a možná lehce změnit logo wiki v topleft na jinou barvu a možná přidat pod ní „homebrew“ slogan. Na obou serverech bych si ponechal fonty a stejné, aby mezi nimi zůstal určitý soulad.

enter image description hereenter image description here

8
PixelSnader

Oficiální stránky a Domácí stránky mají různá barevná schémata, různá písma, různé velikosti textu, různá rozvržení tabulek, různá schémata názvů, a zejména odlišný banner) prohlašuje, že je to „oficiální obsah“, který se na první pohled znatelně liší.

...

Jak přimět lidi, aby si skutečně všimli našeho banneru? Nebo existuje lepší způsob, jak informovat lidi o homebrejské povaze obsahu, který vidí?

Sledoval jsem jeden odkaz z otázky na stránku s homebrew bannerem a pak jsem se pokusil najít oficiální stránku, která by kontrastovala se styly. První, který jsem našel, bylo https://www.dandwiki.com/wiki/3e_SRD:Multiclass_Characters . Teď, možná jsem slepý divný zrůda1, ale na této stránce nevidím jiný banner a nevidím jiné barevné schéma. Styl textu je odlišný, ale pokud nepřesměrujete všechny uživatele webu prostřednictvím tutoriálu vysvětlujícího, jak číst rozdíly, není to moc.

Zvažte provedení drastickějších změn v barevném schématu nebo změňte pozadí (moje preference) nad rámec barevného schématu. Slabý opakující se vodoznak na pozadí nespouští stejný instinkt, který by ignoroval jako banner (v jakékoli poloze, jakékoli velikosti), a není přeskočen rolováním.


1 Určitě se budu řídit dvěma z nich.

6
Peter Taylor

Řekl bych, že problém je dvojí. Především se domnívám, že problém je v tom, že web je označen jako Wiki a špatně sděluje své záměry návštěvníkům. Z tohoto důvodu lidé s větší pravděpodobností předpokládají, že jakékoli informace na tomto webu budou odkazem na existující informace nalezené v materiálech průvodců pobřeží D&D. Wiki není ve skutečnosti místem pro fanoušky. Pravděpodobně nenajdete například obsah fanoušků na webu Wiki, který se točí kolem Star Trek.

Druhým problémem je, že jak již ostatní odpověděli, váš oznamovací pruh v homebrejštině v horní části obrazovky je umístěn na pozici, která by byla primárně vyhrazena pro reklamy. Kolidující barvy ze zbytku webu nechtěně způsobí, že lidé odvrátí svůj pohled, protože se nestarají podívat na to, co interpretují jako reklamu.

6
Fluffy Gryphon

Věřím, že lidé před chvíli přestali skenovat Banner. Jsou buď kosmetické, nebo jsou určeny pro reklamy.

Měli byste lepší šanci mít malou varovnou ikonu a zprávu na začátku sekce nebo něco podobného.

Tímto způsobem uživatel začne číst ikonu obsahu a upozornění + text.

TL; DR: Lidé podvědomě obcházejí bannery

3
Leths

Budu upřímný, podíval jsem se na homebrew stránky D & DWiki v minulosti nespočetněkrát, a toto je poprvé, co jsem si ten banner skutečně všiml. Vím, že jsem to už viděl dříve, ale vždy se zaregistroval jako bannerová reklama, a ne jako součást samotné stránky, takže jsem ji vždy ignoroval.

3
MalignantMind

Vidím několik možných příčin toho, že se některý z uživatelů vašeho webu ignoruje.

  1. Fialová část banneru je mimo tok čtení na web. Ve sloupcovém uspořádání jsou druhý a třetí sloupec přirozeně ponechány, aby se na konci přečetly. Fialová část se cítí jako druhý sloupec v proužku. Černá část pěkně teče k obsahu webu. Cítí se jako součást prvního textového sloupce a tlačí uživatele k obsahu. Když uživatel přejde z dolní části sloupce do horní části další, zastaví se ve vodorovném pravidle. Barevný rozdíl proužku a výstražný text překračující mezeru mezi sloupci fungují také jako další virtuální horizontální pravidla. Stručně řečeno, tmavá část banneru vede přímo k obsahu a horizontální pravidla blokují uživatele, aby se dostali zpět na banner.

  2. Kontrast vyvolává pozornost. Největší kontrast je v levé části proužku a vede uživatele k zahájení tokového čtení.

  3. Příliš mnoho textu k získání význam. Lidé si musí přečíst dlouhé vysvětlení v proužku, aby pochopili, co máte na mysli. Možná nepotřebujete banner, pouze jednoduchý a menší text v záhlaví jako „NEOFICIÁLNÍ OBSAH: tuto stránku vytvořil uživatel (...)“. Malé, přímé a jasné výrazy na klíčových pozicích mají větší šanci upoutat pozornost uživatelů.

  4. Varování na banneru je v rozporu s tím, co znamená „homebrew“. To pomáhá našemu podvědomí odfiltrovat ho. Homebrew nápoje jsou obvykle speciální ručně vyráběné výrobky vyrobené majitelem domu. Vlastníkem je webmaster. Vyvolává tak pocit, že je webovou sekcí zvláštní sekce obsahu. Proto oficiální. Přesně opak toho, co varování uvádí.

  5. Jak již uvedli ostatní, vypadá to jako reklamní banner a barevné schéma neodpovídá webové stránce.

0
Lucas

Některé z odpovědí jsou příliš složité (jedná se o „odborníci zabývající se odbornými otázkami“ = fenomén: kde banda špičkových odborníků „neobtěžuje poukazovat na„ zjevné problémy! “)

Pokorně to vysvětlím

Dva směšně zjevné problémy:

  1. Typ na obrázku je nečitelný. To je jeden z nejzákladnějších bodů grafického designu. Na obrázku máte typ, takže je zcela nečitelný.

  2. Typ vpravo má kolem sebe „ohraničení“. To je naprosto nečitelné. Opět se jedná o velmi základní problém v grafickém designu.

Je to upřímně tak jednoduché.

0
Fattie

Lidé jsou vynikající v ignorování toho, co nevede k jejich cílům (v tomto případě pravděpodobně „chtějí číst o D&D“).

Vypadá tento nápis/upozornění/nápověda, že mě dostane do statistik Snarky Silver Dragon? Ne → ignorovat.

To se děje podvědomě, aniž by si to lidé uvědomili (měli jsme testy zaměřené na sledování očí, které ukazují, že se na věc podívají a že lidé jsou o prvku úplně nevědomí, když se na to zeptají), takže pokud chcete mírně zlepšit (pojďme si stanovit realistický cíl) procento lidé si všimnou zprávy, zde jsou některé nápady:

  • pomalí lidé dolů - může existovat překryv s upozorněním a tlačítkem, které musí kliknout („Ano, přijímám tuto stránku, nepopisuje D&D Canon.“)
  • zpomalte je ještě více (přidejte zaškrtávací políčko „Přijímám, že“, které je třeba před zaškrtnutím překrýt)
  • učinit z něj část obsahu tak, aby vypadala jako věc, po které jsou (možná umístěna pod záhlaví), a aby vypadala více podobným obsahu („Zřeknutí se odpovědnosti: tato stránka je homebrejská a nepopisuje Canon D&D Canon . “) - možná stejný jako text odstavce, ale s nějakým ohraničením a možná ikonou vykřičníku?
  • dát informaci, že se jedná o homebrejštinu, někde tam, kde již zpomalují a přemýšlejí - můj nápad je udělat to na odkazech. Například odkazy Canon by byly jednoduché, ale odkazy na homebrejské stránky by všechny obsahovaly „(homebrew)“ a možná byla přidána nějaká ikona? A mohli mít jinou barvu? A "?" popisek, který by vysvětlil, co je homebrew po přejetí myší?
0
Tomáš Kafka

Ostatní lidé se toho dotkli, ale: samotná skutečnost, že banner je esteticky příjemný naznačuje, že je tam být esteticky příjemný. Základní koncept designu je, že pokud chcete mít jasno v tom, že je něco, co udělat X, pak byste to měli udělat, aby to bylo možné pouze X. Když se podívám na zeď a uvidím obdélníkový patch, který je ošklivý odstín zelená, pravděpodobně se zeptám „K čemu to je“ a všimněte si, že jsou to dveře. Pokud existuje obdélníkový patch, který má na sobě pěkně kosmický obraz, pravděpodobně mi bude trvat déle, než zjistím, že jsou to dveře, a ne jen obraz. Pokud lidé vidí něco, co nemá zjevný účel, pak se diví, k čemu je. Jakmile může být účel přiřazen k něčemu, lidé mají tendenci sedět a přemýšlet, zda existuje nějaký jiný účel, který jim chybí.

Dramatický obraz také odvádí pozornost od textu a ztěžuje čtení, pokud si to lidé všimnou. Pro celou stránku by bylo účinnější mít charakteristické ohraničení a/nebo jiné písmo.

0
Acccumulation