Vyblednutí okraje textu může být užitečnou alternativou k elipsám a já bych tvrdil, že je v některých ohledech lepší.

Nezaměňujte obsah

Elipsy nahrazují textový obsah za účelem vykonávání své práce, což může způsobit nejasnosti ohledně skutečného textu. Zahrnuje “ … „? Pokud vyjmu / zkopíruji / vložím, přijde to? Fade změní způsob, jakým je obsah zobrazen .

V určitém smyslu mizí v souladu s pojmem oddělení vizuálního a sémantického kódování a elipsy ne.

V systému iOS 5 Apple změnil adresní řádek pro mobilní Safari tak, aby místo elips používalo vyblednutí:

Ne o Je jasnější, jaká je skutečná adresa URL, ale (přinejmenším to vypadá) můžete vidět trochu víc, když se to odtrhne.

Svisle zkrácený text

Elipsy nepracují svisle. Zde je příklad z JIRA, kde se posouvá nižší obsah, ale záhlaví zůstane na místě (je také chytře zkomprimováno těsně předtím, než k tomu dojde – není to tak vtipné, jak by to mohlo znít). Slábnutí pomáhá sdělit, že část, která se posouvá, někam jde .

Když text přetéká, je to kontejner, ale nelze jej zabalit

Tady v Gmailu je hrana, kde je přetečení přetrženo, tvrdá. Šířka je dynamická, takže elipsy by musely být vloženy dynamicky, což není praktické (předpokládám, že by to nemohly být rychlé). Tvrdil bych, že vyblednutí, nebo to je bratranec “ zastrčení pod „, by mohlo pomoci sdělit, o co jde.

Některé obecné pozadí

Obecně platí, že efekt fadeout vychází ze skeumorfismu, který vychází z vyššího kontrastu, který se snadněji analyzuje a zdá se “ blíže “ uživateli a nižší kontrast je obtížnější a zdají se vzdálenější – přemýšlejte “ slábnoucí při západu slunce „. Konkrétnější skeumorph příbuzný z iOS zdůrazňuje myšlenku:

Další, skrytý od Gmaps:

Je zřejmé, že to není superobvyklá konvence, která nahradí zalamování textu nebo elipsy. Pouze našel jeden příklad přesně toho, o čem mluvíte. Myslím si však, že za určitých okolností je to platná volba.

Komentáře

• +1 To ´ je pěkný přehled různých druhů přechodů. Měl by ´ být blogovým příspěvkem;) Doufám, že tento závěr rozšíříte na více než » Ale myslím, že ‚ je za určitých okolností platná možnost. « jak se zdá, že ´ Hodně jsem o tom přemýšlel. Btw: Poslední imho je “ vnitřní stín „.Jo, a myslím, že je třeba zamyslet se obrázky o osm mezer, aby seznam fungoval.
• @kaiser Díky za myšlenky. Přepracoval jsem seznamy. Pravděpodobně také oba poslední z nich lze nazvat “ vnitřním stínem „, klíčem však je, že ‚ je vnitřní stín na kontejneru, který zkrátí text – proto jsem se snažil nakreslit paralelu. Moje znění vyžaduje určitou revizi …

Shrnuto:

bod s přechody a fadeouty ²⁾ je vždy stejný: Nehrají si dobře se špatnými monitory / LCD.

Problém s kontrastem

_{Vlevo : vypadá dobře na monitorech designérů || Správně : mizí mnohem dříve.}

problém s barevným rozsahem

Špatný monitor:

Dobrý monitor:

Jak vidíte výše, ne každý uživatel bude sdílet váš osobní zážitek na vašem monitoru. Pokud máte sluneční světlo přímo na obrazovce, pak bude výsledek dokonce být horší.

Můj názor:

Nepoužívejte fadeouty a přechody dokud se tomu nevyhnete .

Komentáře

• Toto není ‚ t, co jsem myslel “ vybledlý text „. Můj dojem byl, že ‚ je to více podobné: [~ 400 znaků plného textu] [~ 50-100 znaků rychle slábnoucího textu] – v takovém případě rozdíl ve vizuálním zážitku kvůli fade “ rychlost “ woudn ‚ to opravdu nebude významné. Dokud však OP nevyjasní, co tím myslela, jedná se o spekulace.
• Jistě, pozdější část by byla zbavena, ale to by ‚ nebylo důležité, protože krátké množství blednoucího textu znamená, že ‚ není určen ke čtení, je určen spíše jako ikonická reprezentace “ dalšího textu “ který je k dispozici.
• Přechody nemají žádnou závislost na hardwaru ani nejsou významně poškozeny slunečním zářením nebo špatnými monitory. Zaměňujete problém s designem za problém s UX. Obvykle se zobrazí 4–10 řádků bez překrytí, pak 2–4 řádky se zeslabením od 100% do 0%. Je irelevantní, zda je toto prolínání přesně znázorněno na monitoru uživatele ‚; dokud uživatel uvidí nějaký druh a vyblednutí, kontrola slouží svému účelu označování dalšího obsahu.
• Opět platí nedorozumění. Přechod nepokrývá celý text , pouze spodní část. To, zda je vyblednutí vysoké nebo nízké v této finální porci, není pro hodnotu zvlášť relevantní jako indikátor toho, že je k dispozici více obsahu. Většina obsahu je plně viditelná. Uvědomte si, že přechod může být pro některé uživatele méně viditelný, je důležité (abyste mohli navrhnout pro nejhorší případ), ale to mu nebrání ve splnění svého účelu bez ohledu na kvalitu uživatele s.
• Klíčovým bodem je, zda OP znamenalo, že únik proběhl přes 10 mil nebo 10 mm. Nemyslím si ‚ to ‚ jasné, vzhledem k stručnému popisu a nedostatku příkladu. Souhlasím ‚ s tím, že obrovské přechody nad textem jsou špatné – příklady, které uvedete, vypadají za těch nejlepších podmínek dost hrozně. Jen proto, že je popis neurčitý, ‚ t neznamená, že byste měli předpokládat nejhorší případ. Byl bych ‚ zvědavý, co si myslíte o mé odpovědi, která řeší případ, kdy jsou předpoklady možná optimističtější.

Opravdu nevidím používanou techniku „vybledlého textu“, ale myslím si, že smyslem uživatelské zkušenosti je navrhnout vše, co uživateli usnadní práci . Pokud se uživatel musí pokusit uhodnout, o co jde, myslím, že tím maríte účel. Ve většině případů bude stačit pouze přidání […] nebo [více …] a poskytne čistou a snadno sledovatelnou cestu aby uživatel získal více informací … což je vlastně celý bod v pořádku?

Ptáte se, zda bylo použití vybledlého textu vůbec testováno?

Jak vidím, jedná se o příklad myšlenka použití „informační vůně“ v uživatelském rozhraní. Jinými slovy, jak můžete vizuálně dát uživatelům představu o tom, kde se data nacházejí v informační lázni ce. V tomto případě blednutí naznačuje, že v tomto směru existuje více informací, ke kterým se můžete dostat, pokud budete procházet nebo nějakým způsobem komunikovat.Koncem 90. let jsme ve vizualizační komunitě hodně diskutovali o konceptu informační vůně. V komunitě CHI bylo hodně výzkumné literatury, vyšly informace společnosti Xerox Parc o teoriích o hledání potravy … v této oblasti provedli spoustu studií. Peter Pirolli a Stu Cardovy papíry mě napadají.

Můžete také použít informační vůni na dotazy. Například jsem použil informační vůni v některých vizualizacích, které jsem navrhl pomocí šedé stupnice, abych ukázal, jak data splňují určitá kritéria nastavená na posuvnících (černá selhala jedna, tmavě šedá selhala dvě atd.). Jinými slovy, černý datový bod jsou body, které leží těsně mimo váš dotaz … takže je můžete rychle přesunout posuvníkem a zahrnout je.

Bob Spence napsal článek shrnující spoustu těchto informace o vůni / zbytcích informací .

Takže i když nemohu poskytnout údaje o této konkrétní technice, existuje opravdu spousta studií o tom, jak poskytování těchto druhů podnětů podporuje lidi v úlohách založených na informacích.

Komentáře

• Jak souvisí mini-mapy s únikem z okrajů obsahu, který se ‚ nevejde na displej?
• upraveno tak, aby objasnilo … je to základní koncept, o kterém se zmiňuji.
• Je to sloupcový graf s barvami na selhání. Stále ‚ Nechápu, jak je to relevantní. Také proč je prošlé vše červené a většina poruch nejlehčí as nejzadnějším z-řádem?

Pěkná věc na používání slábnoucího textu (pro ty, kteří nevědí, co to znamená: přechodové průhledné překrytí tak, aby text během kurzu „zmizel“ do barvy pozadí, pokud pár řádků) spočívá v tom, že je mnohem větší a těžší jej přehlédnout než elipsa. Kromě toho, i když elipsy téměř vždy naznačují, někdy se zdá, že text končí správně na správném místě, takže neexistuje žádný visící koncept, který by uživatele vybízel k hledání dalších slov. Elipsy jsou také poměrně malé a snadno se přehlédnou, zejména u osob se sníženým zrakem (například u starších osob).

Nemám žádné zkušenosti s jejich používáním, a přestože si pamatuji stránky, které používám a které je obsahují … nepamatuji si který web, který používám, ho má. Omlouvám se. Mohu říci, že se mi líbí koncept a věřím, že pro svůj účel funguje dobře. Uvědomte si, že nenahrazuje tlačítko „Více“, jednoduše poskytuje mnohem větší a jasnější označení dalšího obsahu. Stále musíte mít oblast, která umožňuje klikání (odstín okna, tlačítko Více), na které budou uživatelé gravitovat, když uvidí efekt slábnutí.

Tento typ efektu by byl vhodný pouze pro posouvání obsahu (tj. tickery, kanály zpráv atd.), kde se posouvají z jedné strany (prolínání) a prolínání na druhou stranu.

Zdá se, že to funguje dobře koncept čtení tvaru, http://www.microsoft.com/typography/ctfonts/WordRecognition.aspx a rozpoznávání slov. Teoreticky to však vidím jen pro horizontální (zleva doprava) slábnutí a ne také s Amazonem vertikální slábnutí. http://softwareas.com/pure-css-solution-to-avoid-cutting-off-text/ Mohli bychom to přirovnat k šepotu, i když šepot je sluchový, je to podobný účinek na vizuální úroveň. Pokud vím, neexistují žádné studie, ale pokud někdo nějaké najde, pošlete sem příspěvek.

Zde je ukázka vyblednutí vs standardní elipsa. http://www.theuxunicorn.com/fade_sample.png