Postupné zmenšení obrazovky exploreru ve svislém směru



V poslední době při prohlížení webu se mi postupně s každým dalším kliknutím začne ve svislém směru zmenšovat viditelná část exploreru (verze8). Začne na normální velikosti a pak se začne zmenšovat zhruba o 1 cm s každým kliknutím odspodu. Pokud kliknu na ikonu zmenšení okna a pak opět zvětšení, tak se zobrazení normalizuje. Na kraji lze roletkou obraz projet. Dělá to na dvou samostatných počítačích stejně. Máte někdo podobnou zkušenost...![](/Client.Images/smileys/7.gif) díky
takyto problem som mal ja, nieje to nieco podobne ?   
www.zive.sk ...
že je to ošklivější mi nevadí. Ale že je horší funkčnost, obslužnost, to je k zamyšlení, proč autoři jdou touto cestou.
Na velkém monitoru PC skoro nepoužitelné, takže jediná možnost je si okno prohlížeče zmenšit do středu monitoru. Snad se ozve dost lidí, aby to vrátili zpátky, případně vyřešili svůj záměr jinak než zhoršením obslužnosti pro uživatele PC. <p>nezapomeňte, že zatímco monitor může být větší než 800x600, okno prohlížeče nemusí být na celou obrazovku.</p><p>například běžím na monitorech lcd s rozlišením 1600x1200 (stále poměrně velké), ale mé okno prohlížeče je přibližně 1100x1200 (přibližně).</p><p>musíte se tedy podívat na nejběžnější rozlišení <em>prohlížeč</em>, nikoli na nejběžnější rozlišení <em>obrazovka</em>.</p> <p>zde je moje hodnocení na první pohled:</p><ul> <li>nemůžete snížit mezery mezi slovy a přitom text zachovat oprávněný. vaše volba je buď menší, stejná mezera (neopodstatněná) nebo větší variabilní mezera (opodstatněná).</li> <li>text vypadá dobře bez odůvodnění. obecně se souhlasí, že zarovnání doleva je lepší než odůvodněné, alespoň na webu *.</li> <li>po zalomení textu pod obraz je délka řádku velmi dlouhá. obecně je nejčitelnější 60-80 znaků na řádek; vaše stránka má na mé obrazovce 160+.</li> </ul><p>některé věci, které můžete vyzkoušet:</p><ul> <li>snižte množství textu: toto je často přehlížené řešení. potřebujete tam veškerý text? budou to lidé číst? zvažte pronájem profesionálního copywritera, aby byl váš obsah stručnější a přitažlivější ke čtení.</li> <li>zmenšete šířku textového kontejneru: možná jej upravte na pevnou šířku, aby všichni uživatelé viděli stejnou délku řádku. můžete ponechat obrázek mimo textový blok.</li> <li>zvětšit velikost písma: pomůže to zkrátit délku řádku (méně znaků na řádek).</li> <li>zvyšte výšku řádku: usnadňuje to, aby oko kleslo na další řádek, zejména u delších čar. (výchozí hodnota prohlížeče je 1,3; zkuste 1,4 nebo 1,5.)</li> <li>zmenšete mezery mezi písmeny: nevypadá dobře imo (zkuste to s <code>letter-spacing: -1px</code>), ale zmenší to mezery mezi slovy.</li> <li>navrhl bych také zarovnání středu <em> bloků </em> na střed. vaše logo a nabídka nahoře a text v zápatí jsou zarovnány na střed.</li> </ul><p>* nenašel jsem žádné pevné články online, ale tento odstavec z recenze použitelnosti jakoba nielsena <a href="http://www.useit.com/alertbox/kindle-usability-review.html">použitelnosti kindle</a> to zmiňuje při absolvování:</p><blockquote> <p>aplikace kindle pro iphone zobrazuje stránky s plně odůvodněným textem (tj. zarovnání doleva a doprava). to mírně snižuje čitelnost, zejména u úzkých sloupců na malé telefonní obrazovce. stanza používá pouze text zarovnaný doleva, což je lepší volba.</p> </blockquote> <p>dával jsem přednost rozvržení tekutin, protože jsem chtěl, aby surfaři využili větších monitorů, když stiskli ctrl - <strong> +</strong> (nebo cmd - <strong> +</strong>) pro zvětšení písma velikost. kdysi dávno, asi v roce 2008, stránky s pevnou šířkou vypadaly opravdu špatně, když stisknete ctrl - <strong> +</strong>, protože nic jiného se nezvýšilo - tabulky a div zachovaly stejnou šířku a text přetékal jim.</p><p>u současných prohlížečů však stisknutí ctrl - <strong> +</strong> nyní funguje spíše jako „zvětšení“ než „zvětšení velikosti písma“: celá stránka je proporcionálně a pěkně zvětšena. v současné době dávám přednost:</p><ul> <li> <p><strong> používá se šířka tekutiny</strong> pro stránky, kde se zobrazují data podobná mřížce nebo tabulce nebo jiné informace. klíčovým rozhodujícím faktorem je to, zda uživatel uvidí více informací, když zvětší okno prohlížeče. zmínili jste mapy google, reader a gmail, všechny vynikající příklady imo aplikací, u nichž má uživatel užitek z větší obrazovky.</p> </li> <li> <p><strong> používání pevné šířky</strong> stránek pro popisné stránky nebo jakoukoli stránku, jejíž velikost se změnila, prohlížeč nebude mít za následek zobrazení dalších informací. příklady jsou tato velmi stackexchange stránka a <a href="http://www.apple.com/imac/">apple imac</a> stránka.</p> </li> </ul><p>fwiw, zjistil jsem, že navrhování šířky tekutiny má větší potíže než hodnota popisných stránek.</p> <p>jedním z nápadů může být poskytnutí vizuální zpětné vazby o tom, kde je textový kurzor. "cíl" může ukázat svou plianci (vnímavost k upuštěnému objektu), stejně jako ikona může ukazovat jeho sílu (vnímavost k přetažení).</p><p>zde je animovaná grafika pro ilustraci, kromě toho, že se při náhledu nebude animovat. :( uživatel přetáhne ikonu kalkulačky doleva.</p><p><img src="https://i.stack.imgur.com/qsahg.gif" alt="enter image description here"></p><p>vkládací paprsek (žlutý i-paprsek na obrázku) ukazuje plianci plochy - „místo, kam ikona zmizí, pokud ji nyní přetáhnete“. protože i-paprsek předvídá cíl na základě směru přetažení, i-paprsek přichytí k levému okraji stránky před tím, než tam táhne prst uživatele. to znamená, že uživatel může ikonu přetáhnout trochu brzy, <strong>aby nedošlo k posunu na jinou stránk</strong>.</p><p>aby to fungovalo dobře, na začátku přetažení by se měl vložený paprsek pravděpodobně ve výchozím nastavení objevit směrem k „uvnitř“ obrazovky (předpokládejme, že uživatel bude ve výchozím nastavení přetahovat směrem do středu obrazovky), dokud uživatel nezačne přetahovat. směrem ven, <em> off </em> stránka. podobný typ interakce může přizpůsobit stránkování podél vertikální osy.</p><p>toto je pouze jedno možné řešení. jsem si jistý, že existují další. bavte se s tím.</p> <p>znamenalo by to velmi odlišnou technologii, než jaká se v současnosti používá. nesnažil bych se přinutit dotyková zařízení do sémantiky obrazovkových zařízení. dotyková zařízení vyvíjejí vlastní odlišnou sadu očekávání uživatelů. dotek na vznášení je naprosto přijatelný. viděl jsem několik pěkných příkladů naznačování uživateli, kde se při prvním načtení obrazovky objevují „vznášející se“ oblasti. nějakým způsobem zvýrazníte horká místa a poté se tato světla po sekundě nebo dvou nechají zmizet.</p> <p>nevidím způsob, jak okno smazat, ale zdá se, že to funguje.</p><p>okno ve wiresharku proto můžete vymazat jedním z následujících způsobů: </p><ul> <li>kliknutím na zelené žraločí ploutve vpravo od červeného tlačítka <code>stop</code></li> <li>kliknutí na <code>capture</code>&gt; <code>restart</code></li> <li>stisknutí <code>ctrl-r</code>.</li> </ul> <p>obě řešení jsou naprosto přijatelná, při volbě vezměte v úvahu tyto body:</p><ul> <li>vyskakovací okno na mapě může skrývat další užitečné informace</li> <li>více než několik vyskakovacích oken se rychle zaplní. je to v pořádku, pokud je současně otevřen pouze jeden z nich</li> <li>množství informací ve vyskakovacím okně musí zůstat malé</li> </ul><p>na druhé straně se zobrazují informace vedle mapy:</p><ul> <li>ztratíte spojení s bodem zájmu, takže musíte přidat vizuální vztah (barvu, číslo, ikonu, čáru ...) s bodem na mapě. toto spojení je obtížné nebo obtížně čitelné, když máte spoustu bodů</li> <li>pro zobrazení dodatečných informací může být pro uživatele nutné určité posouvání/změna velikosti okna</li> </ul> <p>mám sklon souhlasit se svým šéfem :) možná, že skutečná aplikace má jiný pocit, ale podle vzhledu makety se nezdá být velmi elegantní.</p><p>co se stane, když po výběru podkategorie změním kategorii, resetuje se tato podkategorie? a pokud vyberu několik kategorií, obsahuje rozbalovací nabídka podkategorie podkategorie všech kategorií, které jsem vybral?</p><p>výběr několika kategorií současně vyžaduje hodně práce, protože rozevírací seznam se po kliknutí zavře a je třeba jej znovu otevřít po každé přidané položce a znovu ji naskenovat, abyste našli další potřebnou položku.</p><p>vaše odpověď zní jako rozevírací/vyskakovací strom se zaškrtávacími políčky.</p> <p>protože jsou všechna data za prvními třemi sloupci číselná, můžete je zaokrouhlit tak, aby šířka každého sloupce byla jen čtyři znaky.</p><pre><code> full length shorter tiny    $143,573.39 $143.6k 144k 112.54% 112.5% 113 198,220,329 198.2m 198m </code></pre><p>na základě množství dostupného místa se můžete rozhodnout, kterou verzi chcete zobrazit. ti, kteří měli štěstí, že mají větší monitory, by všechno dostali. prezentace by elegantně degradovala pro menší monitory</p><p>samozřejmě, když je obsah buňky zkrácen, měli byste zobrazit celou hodnotu v tipu nástroje.</p><hr><p>aktualizace: @oskar zdůraznil v komentářích, že zobrazování čísel s různými velikostmi ztěžuje vizuální srovnání. tady je tedy variace, že porovnání relativních hodnot je důležitější než přesnost.</p><pre><code> revenue ($millions)  143.6 93.2 0.3 &lt; 0.1 </code></pre><p>(záhlaví v tomto příkladu je širší než data, ale jak zdůraznili jiní, lze to vyřešit nakloněním záhlaví pod úhlem 45 stupňů.)</p>