Dotaz: Titulky zpráviček v levém sloupci

[Robert Krátký]

Rozhodli jsme se začít zobrazovat titulky zpráviček rovnou ve sloupci, kde doposud nebyly. Protože však nechceme, aby se titulky zalamovaly, nastavil jsem jejich ořezávání. Ideální by bylo pro takto ořezané titulky použít CSS definici text-overflow: ellipsis;, která však funguje pouze v IE a Konqueroru (přidává výpustku). Abych tedy omezil případy přetečení titulku, zmenšil jsem jim rozestupy písmen - na řádek se toho vměstná víc (letter-spacing: -0.05em;).

Zajímá mě, jak se vám takový text čte. Já mám oblíbený font Tahoma, který se i při zmenšených rozestupech renderuje hezky. Jiné fonty třeba vypadají ošklivě... Co je tedy lepší: Zdrcnutý text, nebo ukrojené titulky?

Odpovědi

[miro]

Připadne mi divný oboje. Nadpis by IMHO měl být vidět celý, ale to současný řešení mi přijde, jakoby byla celá stránka "rozjebaná" (sorry, nenapadá mě vhodnější výraz), zdrcnutý text může vést (v extrémním případě) k naprosté nečitelnosti. Nevím, co vás vede k zavrhnutí zalamování, osobně bych se tomu nebránil. Možná by nebylo špatný zkusit omezit nadpis zprávičky třeba na dva řádky a omezit spíš autory (aby nedávali zbytečně dlouhé nadpisy). Taky by mohlo ušetřit něco místa, kdyby se tučný font nahradil normálním a místo toho se nadpis podtrhnul.

[Robert Krátký]

zdrcnutý text může vést (v extrémním případě) k naprosté nečitelnosti.

To je pravda, ale v současné podobě to tak doufám není, ne?

Nevím, co vás vede k zavrhnutí zalamování.

Připadá mi, že to pak zabírá příliš místa a vypadá nevzhledně, když se na další řádek dostane třeba jen jediné slovo (což by bylo ve většině případů).

Možná by nebylo špatný zkusit omezit nadpis zprávičky třeba na dva řádky a omezit spíš autory (aby nedávali zbytečně dlouhé nadpisy).

Titulky jsou omezeny počtem znaků (50).

Taky by mohlo ušetřit něco místa, kdyby se tučný font nahradil normálním a místo toho se nadpis podtrhnul.

To jsem zkoušel a připadaly mi ty titulky velmi nevýrazné - příliš splývaly s okolím.

[miro]

v současné podobě to tak doufám není

Není, myslel jsem situaci, kdy by zdrcnutí bylo použito místo oříznutí textu, který "vyběhne" z rámečku.

Připadá mi, že to pak zabírá příliš místa a vypadá nevzhledně, když se na další řádek dostane třeba jen jediné slovo (což by bylo ve většině případů).

Nemůžu posoudit, neviděl jsem. Ale možná nechápu, proč ty nadpisy chcete zavést, když to doteď šlo bez nich - nadpis (čehokoli) obvykle slouží k tomu, aby se člověk rychle zorientoval v tom, co je "uvnitř". Oříznutý nadpis tuto funkci IMHO moc dobře neplní (v podstatě mi přijde zbytečný, když to srovnám s předchozím řešením - zprávičky bez nadpisů). K čemu je dobrý nadpis "James Bottomley: OS X je luxusní v", "Specifikace OOXML unikla, ISO našt" nebo "Firefox pro mobilní zařízení postup"? Myslím, že by bylo lepší spíš oželet jeden řádek těla zprávičky na úkor jednoho řádku nadpisu. To, co mě zajímá si stejně většinou otevřu v novém okně (aspoň pokud jsou příspěvky v diskusi), takže mít kratší tělo by tolik nevadilo. Doporučil bych inspirovat se rootem - jejich sloupek se zprávičkami mi přijde přehledný, přestože nadpisy tam mohou být na víc než jednu řádku.

[Robert Krátký]

proč ty nadpisy chcete zavést, když to doteď šlo bez nich

Aby lidem stačilo mrknout na nadpis, podle kterého se mohou rozhodnout, jestli vůbec budou zprávičku číst. Doposud bylo nutné zprávičku přečíst v podstatě celou, aby se člověk dozvěděl, o co jde. Nezobrazování nadpisů zpráviček bylo spíše opomenutí, které jsme dlouho neřešili, než záměr.

Není, myslel jsem situaci, kdy by zdrcnutí bylo použito místo oříznutí textu, který "vyběhne" z rámečku.

Tak to nebylo myšleno. Tak, jak to je nyní, to už zůstane (pokud se dost lidí neozve, že jim to nevyhovuje) - tím myslím míru "zdrcnutí".

K čemu je dobrý nadpis "James Bottomley: OS X je luxusní v"

Oříznutých titulků nebude moc. Navíc mají nastaven atribut title, takže po najetí myší se zobrazí nadpis kompletní.

Doporučil bych inspirovat se rootem - jejich sloupek se zprávičkami mi přijde přehledný, přestože nadpisy tam mohou být na víc než jednu řádku.

No, to je právě to, co se mi na tom nelíbí... Jinak mám pocit, že je to v podstatě totéž.

[miro]

Aby lidem stačilo mrknout na nadpis, podle kterého se mohou rozhodnout, jestli vůbec budou zprávičku číst.

Takový důvod bych samozřejmě očekával a přijde mi rozumný, ale právě proto by to IMHO chtělo neoklešťovat informační hodnotu toho nadpisu. Je OS X luxusní výtvor nebo vězení? Je ISO naštvané nebo někoho naštvalo? Postupuje Firefox (někam) nebo postupně končí? Spíš to mate a tím, že to čtenáře nutí domýšlet, je to takové nepříjemně provokativní. Nakonec stejně musím číst dál, abych pochopil, o co jde. Určitým řešením (i když nijak zvlášť dobrým) by mohlo být zmenšení limitu pro nadpis, aby se do řádku vlezl celý - "James Bottomley o OS X". Informační hodnota by byla zhruba stejná (resp. stejně malá), ale aspoň by to tak neprovokovalo.

Tak, jak to je nyní, to už zůstane (pokud se dost lidí neozve, že jim to nevyhovuje) - tím myslím míru "zdrcnutí".

Tak to jo, čitelnost při tomhle zdrcnutí považuju za dostačující.

Navíc mají nastaven atribut title, takže po najetí myší se zobrazí nadpis kompletní.

Tak najet myší na titulek mě vůbec nenapadlo. Ale je to moje chyba? No, možná je. Ale stejně se z toho vytrácí ten záměr "mrknu a vidím". Ten první dojem, kdy nadpis končí nejen uprostřed slova, ale dokonce i uprostřed písmene, je, že je to řešení takové trochu negramotné. A pokud je jediný důvod tohoto řešení to, "aby to vypadalo", považuju to za trošku kontraproduktivní (protože slovo uprostřed useknuté a titulek "končící za rohem" moc "nevypadají"). Pravidelní návštěvníci si samozřejmě zvyknou, protože sem nechodí kvůli tomu "jak to vypadá". Ale třeba se svým názorem zůstanu osamocen.

[default]

Doposud bylo nutné zprávičku přečíst v podstatě celou, aby se člověk dozvěděl, o co jde.

Nemyslím si. Zprávičky typu Vyšlo LSB, Vyšla nová SubVersion jsou přehledné hned z prvních slov. Dále v každé zprávičce to nejdůležitější vždy zvýrazní odkazy. Takže když první řádka je bez odkazu, oči automaticky hledají odkazy dále.

[Robert Krátký]

Nemyslím si.

No, spousta lidí si to myslela, a proto jsme na to zareagovali

[default]

V pořádku. Mně osobně nadpisy nevaděj. Designově se mi líběj. Se mnou v tomto opravdu problém mít nebudete

[Robert Krátký]

Připomínám, že je možné v nastavení profilu vrátit původní vzhled i chování.

[trekker.dk]

Oříznutých titulků nebude moc. Navíc mají nastaven atribut title, takže po najetí myší se zobrazí nadpis kompletní.

Šlo by udělat, aby se ten titulek posouval, když je moc dlouhý? Mám na mysli něco podobného jako je reklama jobs, která scrolluje, snad jen s tím, že posunutí by se vyvolalo pouze najetím myši. (Navrhuju to s tím, že by to možná bylo lepší než oříznutí. A jen za předpokladu, že s tím nebude moc práce navíc.)

[Filip Jirsák]

Teoreticky by to šlo, pokud by se někomu chtělo zaplevelovat kód dalším JavaScriptem. Prakticky je to podle mne nesmysl -- máte spoustu nadpisů zpráviček na stránce, a není možné zjistit, který právě čtete. Takže ve výsledku by to vypadalo tak, že ať byste se podíval na kterýkoli titulek zprávičky, viděl byste z něj náhodně nějakou část. Přijde mi rozumnější vidět vždy začátek, pak se dají alespoň titulky vytvářet s tím, že to důležité má být na začátku.

[trekker.dk]

Prakticky je to podle mne nesmysl -- máte spoustu nadpisů zpráviček na stránce, a není možné zjistit, který právě čtete.

Ehm - tak ještě jednou: posunutí by se vyvolalo pouze najetím myši. Děkuji za pozornost.

[Filip Jirsák]

A k čemu v takovém případě posouvání? Místa je dost, najetím myši uživatel celkem jasně deklaruje, že ho titulek zajímá, takže pokud se má něco dít, je nejrozumnější jej zobrazit rovnou celý.

[default]

Klíííd. Čím víc složitější, tím víc cool. Lidi si prostě navymejšlej

[trekker.dk]

Pokud mluvíš o zobrazení po najetí myší (výše zmíněný atribut title), tak to prostě chvíli trvá. Odrolování doprava po najetí kurozrem je hned. A vzhledem k tomu, že délka nadpisu je omezená, není potřeba nic animovat a vše lze provést skokově, aniž by hrozilo nebezpečí, že část bude vynechána.

[Robert Krátký]

Tak jsem si to vyzkoušel a je to docela použitelné. Ale pro člověka, který takové překvapení nečeká, myslím i extrémně matoucí. Bojím se, že bychom tím titulky mnoha lidem úplně znechutili, kdyby jim po najetí myší uskočily doleva...

[trekker.dk]

Ale pro člověka, který takové překvapení nečeká, myslím i extrémně matoucí.

To možná jo...

[Luboš Doležel (Doli)]

Mně se to čte dobře. Aby to nevypadalo divně, bylo by fajn, kdyby ta poslední písmena třeba šla trochu do ztracena, ale tipuju, že to nebude jen tak.

[Robert Krátký]

Šlo by to asi pomocí malého obrázku, který by obsahoval plynulý přechod z průhledna do barvy pozadí, ale to mi připadá v tomto případě trochu extrémní...

[Filip Jirsák]

Navíc MSIE6 a starší u PNG alfakanál neumí, takže by se pro ně zase musel dělat nějaký hack…

[Fluttershy, yay!]

Titulky se mi vůbec nelíbí --- asi si upravím CSS pro Ábíčko.

Ale jinak... více řádků ne-e, ukrojení je taky blbé (najíždím na odkaz myšítkem, abych si titulek přečetl z URL) --- navrhuji ukrojení, při němž by se zobrazily tři tečky (v MSIE na to snad byla i hodnota vlastnosti overflow).

[frEon]

+1, taky je tam nechci.

[miro]

Tak tohle vypadá o mnoho lépe.

[miro]

Tak teď nechápu, jestli jste něco měnili v nastavení, nebo jestli je problém u mě. Předchozí příspěvek jsem psal z domova, kde mám FF 2.0.0.14 a rozlišení 1024x768. Nadpisy nebyly useknuté. Teď na to zase koukám v práci (odkud jsem psal ty páteční připomínky), kde mám FF 3.0.2 a rozlišení 1280*1024 a je to to samé, jako když jsem to v pátek připomínkoval.

[Robert Krátký]

Od začátku se nic neměnilo.

[Lubos Kopecky]

titulky se mi tam vubec nelibej a pripadaj mi naprosto zbytecny - u clanku to rekne, o co se v nem jedna, ale zpravicka je o par slovech a diky tomu je jeji tema rozpoznatelne pouhym pohledem na ni, protoze i pohledem se daji bez problemu najit klicova slova rikajici o tematu zpravicky a dle toho si ji precist nebo vynechat a jit na dalsi...

pripada mi to jako nehezka zbytecnost a pozdavala by se mi moznost vypnuti nadpisu v mem profilu, pokud to jako soucast webu zustane...

[Robert Krátký]

pozdavala by se mi moznost vypnuti nadpisu v mem profilu, pokud to jako soucast webu zustane...

To by mělo jít zařídit.

[Lubos Kopecky]

dik

[Luboš Doležel (Doli)]

Je to v CVS. Při zakázání zobrazování titulků odkaz "Komentářů: X" vede na zprávičku (a ne diskuzi), takže se tak dá plně navrátit původní chování a vzhled.

[Robert Krátký]

Díky, už to běží.

[Lubos Kopecky]

uz to mam nastaveny, parada, dik

[Bubak]

To bych take bral, useknuti mi neprijde moc pekne, kdyz jsem to videl poprve, rikal jsem si, ze se nekde stala chybka. A nadpis u kratke zpravicky mi prijde zbytecny. Kdyz se tu odkazovalo na ROOTa, tak tam mi zase vadilo, ze byl useknuty konec zpravicky treba jen kvuli trem slovum. To je snad jeste horsi. Ale uz je to davno, ted tam moc nechodim, jen pres odkazy na zajimave veci, tak nevim.

[Robert Krátký]

To bych take bral

V profilu si můžete nastavit původní vzhled a chování.

useknuty konec zpravicky treba jen kvuli trem slovum

Příliš dlouhé zprávičky také usekáváme, ale je tam nastaveno, kolik minimálně musí být useknutých znaků, aby k tomu vůbec došlo. Když taková podmínka není splněna, k rozdělení nedojde.

[Bubak]

Dik, nasel jsem, nastavil jsem

[frEon]

V profilu si můžete nastavit původní vzhled a chování.

Super! uz to mam postarym. Diky

[trekker.dk]

Opera, písmo DejaVu Serif. Je to čitelné, ale nečte se to moc pohodlně (i když to bude spíš nezvykem na to, že je tam najednou tučný text, který tam dřív nebýval)

[letec]

S druhou větou tvého příspěvku v tomto případě souhlas.

[tom]

A pouzijete tedy to text-overflow: ellipsis;? V konqueroru by to fungovalo hned a do gecka to snad casem taky pridaji, ne?

[Robert Krátký]

Je to tam od začátku.

[Robert Krátký]

Vzhledem k zavedení zobrazování titulků jsme také opravili odkaz "Komentářů: x", aby odkazoval přímo na diskusi, nikoliv na stránku se zprávičkou. Je to tak konzistentní s chováním na zbytku webu, i když to asi bude trochu nezvyk. Na stránku se zprávičkou teď samozřejmě vede odkaz-titulek.

[1john2]

zobrazeni titulku najetim mysi na nej je pro me osobne spatne reseni protoze pro brozdoudani na webu pouzivam firefox+plugin vimperator tudiz na mys nesaham primlouval bych se pro dvoj-radkovy nadpis, pripadne i to zdrcnuti je prijatelnejsi nez tohle

kazdopadne diky vsem kteri se o abicko staraji a zlepsuji ho

[Filip Jirsák]

Nechal bych v CSS text-overflow: ellipsis a rozestup písmen bych nezmenšoval – připadá mi kontraproduktivní vypisovat titulek tučným písmem (aby upoutal), a pak ho zdrcnout, takže se hůře čte. A nemyslím si, že by autoři fontů jen tak pro nic za nic přidávali rozpal písmen, aby se jeho zúžením nezhoršila čitelnost – třeba u mě s písmem Arial je čitelnost viditelně horší.

Nemyslím si, že by oříznutí nadpisu bez výpustky byla taková tragédie, že by to činilo obsah nepřístupným nebo i jen dostupným s menším komfortem. Takže bych tady klidně byl pro to, že kdo má „hloupý“ prohlížeč, má prostě smůlu, ale web se kvůli tomu nebude kazit těm, co mají lepší prohlížeč. Aspoň budou mít uživatelé motivaci něco se svým prohlížečem udělat a třeba hlasovat v bugzille prohlížeče pro implementaci této vlastnosti. Např. pro Firefox tento požadavek oslavil zrovna včera pěkné tři roky, co je ve firefoxí bugzille (už se propracoval do stavu new)

[zoul]

…která však funguje pouze v IE a Konqueroru…

A v Safari, takže nejspíš i v Google Chrome. Líbí se mi to.

[Robert Krátký]

Změny: Zrušil jsem "zdrcnutí" písmen a Luboš přidal do možností nastavení v profilu volbu pro zobrazení celých titulků zpráviček, tj. možnost zalamování na dva řádky.

[DNA]

Příloha:

• abc.jpg (200667 bytů)

nic proti, ale mě to v defaultu zobrazuje "korektně špatně" a vypadá to jak špatně napsaný web (viz. screenshot) a až díky této diskuzi jsem přišel na to, že je to úmyslně (jinak jsem to loajálně přehlížel)...

Iceweasel 3.0.3 a profily nepoužívám...

[Ash]

Já bych vydržel v klidu, nějaká pozdější verze Icewaselu to už bude umět :)