Kritika přehlednosti a použitelnosti webu

Zdravím přátelé, již za pochodu ladíme web ohledně přehlednosti a srozumitelnosti. Trošku se nám zdá barevně nevyvážený. Nejde o web který má být nápaditý a graficky ohromovat. Měl by být dobře použitelný v mobilu, tedy k nahlížení a vyčtení potřebných informací, statistik a hodnocení.Budeme rádi za každé doporučení nebo KONSTRUKTIVNÍ poznámku.www.prumer.czDíky moc T.

Chtěl sem napsat "Název webu to tak nějak vystihuje." ... ale to by se web musel jmenovat "katastrofa.cz" ... 1) semanticky celý blbě (8x h1 na stránce)2) velmi často špatná čitelnost https://ibb.co/KK0z8Fy3) graficky obrovský nadpisy, menu ... jak web pro lidi co maj fakt blbej zrak .. 84px vysoký tlačítko sem fakt ještě neviděl4) obrázek na pozadí překrytej blokama takže nikdy není vidět https://ibb.co/gPNJW2Z5) https://www.prumer.cz/ufc-mma-predictions.html a https://www.prumer.cz/page15.html ... otřesný ... 6) ... bílej text na šedým pozadí ... https://ibb.co/FVYjJqF ...Na mobilu to je to samý ... fakt špatný. Je mi líto, ale tohle je amatérismus prvotřídní úrovně.Možná by to chtělo k tomu pustit někoho, kdo rozumí digitálnímu prostředí ...

Díky moc "doktore" vůbec to nebudu obhajovat, přeléčíme to :)

tak otázka je zda tu jde vůbec o kritiku a nebo jen o zpětný odkaz:) Ale od někoho kdo má tolik kladných hodnocení na zdejší poměry i když pravda před hoooodně lety, bych čekal něco jiného.

Napsal láďa1979;1636485

tak otázka je zda tu jde vůbec o kritiku a nebo jen o zpětný odkaz:) Ale od někoho kdo má tolik kladných hodnocení na zdejší poměry i když pravda před hoooodně lety, bych čekal něco jiného.

děkujeme za podnětný příspěvek, opravili jsme již téměř všechny body, který Doctore poradil v mobilu je to teď mnohem lepší, o to nám šlo

Nejsem cílová skupina, ale zkusím se na web podívat očima copywritera a korektora. Předpokládám, že obsah se bude ještě budovat. Doporučila bych spolupracovat s někým, kdo Vám texty bude připravovat již jazykově správné, nebo mít k ruce nějakého korektora (příklad, který přímo tahá za oči: "smršťi"). Z obsahu mi přijde, že jednou z nejdůležitějších stránek pro Vás bude https://www.prumer.cz/page9.html - odkazujete na ni z vícero míst. Dala bych si tedy záležet na tom, aby tento konkrétní text byl vymazlený. Také bych se zamyslela, jestli půjde o web pro začátečníky (pak by to chtělo více se zaměřit na vysvětlení sázkařských pojmů, více osvětlit strategie - uvést klady a zápory), nebo půjde o web pro pokročilé sázkaře. Po vizuální stránce mi web přijde velmi nepřehledný. Možná to dělá to nadužití velkých nadpisů, a přitom nedostatek doprovodného textu, který by to vyvážil.

Napsal TomPro;1636486

děkujeme za podnětný příspěvek, opravili jsme již téměř všechny body, který Doctore poradil v mobilu je to teď mnohem lepší, o to nám šlo

Já tam teda žádný progress k lepšímu nevidím. Výtky ze screenů pořád platí, defakto všechny.

k tomu co napsal Doctore97 bych ještě doplnil:- neodlišené odkazy, není jasné co je nadpis, zvýrazněný text a co odkaz- je to obsahový web, ale vše je centrované jak plakát, špatná čitelnost- html je úplně ustřelené, nedodržuje specifikace, kompatibilita v prohlížečích je tedy ve hvězdách, duplicitní id elementů, html komentáře jsou syntakticky špatně- máš tam staré závislosti, jquery s kritickou zranitelností atd.Web není z mnoha důvodu dobrý.

Napsal láďa1979;1636485

tak otázka je zda tu jde vůbec o kritiku a nebo jen o zpětný odkaz:) Ale od někoho kdo má tolik kladných hodnocení na zdejší poměry i když pravda před hoooodně lety, bych čekal něco jiného.

Nemyslím si, že jde o zpětný odkaz, TomPro tady je dlouho, moc webů ke kritice sem nedává, web si kritiku zaslouží, není to žádné hotové řešení u kterého není co kritizovat.

Děkuji všem za přínosné poznámky, vylepšíme to, ať je web co nejpříjemnější pro použití. Tedy po textové stránce i validnějšího kódu. ---------- Příspěvek doplněn 09.12.2021 v 14:35 ----------

Napsal ceskytext;1636488

Nejsem cílová skupina, ale zkusím se na web podívat očima copywritera a korektora.

Předpokládám, že obsah se bude ještě budovat. Doporučila bych spolupracovat s někým, kdo Vám texty bude připravovat již jazykově správné, nebo mít k ruce nějakého korektora (příklad, který přímo tahá za oči: "smršťi").

Z obsahu mi přijde, že jednou z nejdůležitějších stránek pro Vás bude https://www.prumer.cz/page9.html - odkazujete na ni z vícero míst. Dala bych si tedy záležet na tom, aby tento konkrétní text byl vymazlený.

Také bych se zamyslela, jestli půjde o web pro začátečníky (pak by to chtělo více se zaměřit na vysvětlení sázkařských pojmů, více osvětlit strategie - uvést klady a zápory), nebo půjde o web pro pokročilé sázkaře.

Po vizuální stránce mi web přijde velmi nepřehledný. Možná to dělá to nadužití velkých nadpisů, a přitom nedostatek doprovodného textu, který by to vyvážil.

Určitě se forma vysvětlení ještě bude měnit, přibude také vysvětlení jaké % se dají považovat za úspěšnou predikci, která jsou vynikající a kdy predikce moc nevyšly. Já osobně jsem ten kdo tlačí na maximální stručnost, ale musím se na to podívat také pohledem nezasvěceného čtenáře a proto jsem s tím tady , mezi bystrými hlavami a odborníky :) ---------- Příspěvek doplněn 09.12.2021 v 14:37 ----------

Napsal TomášX;1636506

k tomu co napsal Doctore97 bych ještě doplnil:

- neodlišené odkazy, není jasné co je nadpis, zvýrazněný text a co odkaz

- je to obsahový web, ale vše je centrované jak plakát, špatná čitelnost

- html je úplně ustřelené, nedodržuje specifikace, kompatibilita v prohlížečích je tedy ve hvězdách, duplicitní id elementů, html komentáře jsou syntakticky špatně

- máš tam staré závislosti, jquery s kritickou zranitelností atd.

Web není z mnoha důvodu dobrý.

Nemyslím si, že jde o zpětný odkaz, TomPro tady je dlouho, moc webů ke kritice sem nedává, web si kritiku zaslouží, není to žádné hotové řešení u kterého není co kritizovat.

Děkujeme, některých chyb jsme si vědomi a další postupně zpracujeme, skvělé postřehy :)

Zdravíčko. Taky si, s dovolením, zakritizuju. Na tento bod jsem při procházení přišel až ke konci, ale zařazuju ho jako první: Jaký je vztah mezi prumer.cz a https://allformma.com/ ? Prumer vypadá jako jeho český překlad… Někdo to dobře vystihl, opravdu web (v hlavních odkazech) vypadá jako plakát nebo reklamní leták. Tomu moc nepomáhá, že zvolené barvy jsou docela primární, křiklavé. Všímám si zvláštního nesouladu, kdy vidím dohromady velké nadpisy s obrovskými mezerami a pod nimi nesouměrně menší texty a odkazy (tedy to, co by mělo být důvod, proč sem návštěvníci chodí) bizarně bez mezer nad a pod. A navíc kvůli výběru barev méně zřetelné a méně kontrastní. Turnaje a jejich analýzy – pokud chápu správně – to je jedno z obsahových těžišť celých stránek? Nastylované, jak jsou nyní, v podobě shluků textu nahňácaných bez mezer pod sebe a zarovnané na střed z nějakého důvodu podvědomě působí jako něco, co by měl návštěvník oscrollovat a přejet.  Nechápu u každého dva odkazy na ten samý cíl, podle mě je to sémanticky špatně. Vím, že to znamená víc práce, ale za mě by bylo atraktivnější mít místo tohoto „shluku textu a dvou odkazů“ obrázek, nebo ještě lépe šablonu v podobě dlaždice, která by byla současně (ne dva, ale jeden jediný) odkaz na tu kterou konkrétní analýzu. Šablona by mohla obsahovat líbivý obrázek na pozadí, např. logo toho kterého podniku/šampionátu…, s tím že bys vždy doplnil jen jména soupeřů, datum a místo souboje, atd. Dlaždice vedle sebe (možnost mít jich pro různé šířky prohlížeče různý počet na řádku, což Bootstrap, který používáte, umožňuje) by tak odstranily dosavadní centrální zarovnání, které podle mě nepůsobí moc dobře. Černý text na šedém pozadí v analýzách a jinde. Tahle barevná kombinace mi evokuje případy, kdy na stránkách (které jsou černé na bílém) se spustí nějaké vyskakovací okno a pozadí zšedne. Tedy jako kdyby podvědomě něco nebylo dobře. Jak naznačili už někdo přede mnou, preferujte vysoký kontrast – nemusí to být vždy 100% bílá (#ffffff), ale třeba bílá v kombinaci s lehce tmavším odstínem (třeba #f8f8f8, #f0f0f0) – oko ten rozdíl pozná a současně se nemusí příliš namáhat a není to tolik utlumené. Můžete též barvu pozadí změnit ne v celé šíři stránky, ale jen v tom hlavním pruhu nebo specificky kolem toho kterého elementu nebo odstavce textu. Hlavní menu / NEWS – podle mě je chyba UX, že kliknutím na opouštíme stránky. V patičce máte na facebook/Meta dva odkazy. Odkazy v hlavním menu: po kliknutí na něj by na cílové stránce mělo být v menu zvýrazněno, který odkaz je aktivní/vybraný. Dokonce, podle některých doporučení, by na stránce neměly být odkazy, které vedou na tu samou stránku (což dává rozum). Obecně, uvítal bych aspoň jednu stručnou stránku, kde by bylo řečeno něco o člověku/lidech/společnosti, která za touto stránkou stojí. Pokud ti to sype peníze a tedy z provozu stránek podnikáš (normálně, legálně), děláš to na své jméno a neměl by být problém se „ukázat“. (Mimochodem, neplatí to i pro IČO? Sám nevím.)  No, a tato stránka, nazvaná třeba „O nás“, a spolu s kontaktním formulářem by mohla figurovat místo NEWS a místo textu v patičce. „…kontaktní formulář najdete zcela dole“ – tady by měl být odkaz dolů k patičce stránky „light | weight“ – ta čára mezi by tam podle mě neměla být Ještě něco bych udělal s orientací na stránkách. Struktura, pokud chápu správně, je poměrně jednoduchá: šampionát -> turnaj -> přehled zápasů. Toto by šlo nějak usnadnit, např. drobečkovou navigací, přemýšlím nahlas. Plánuješ proběhlé turnaje/zápasy archivovat? Pokud ano, uplatnilo by se stránkování. Pokud ne a pokud v daném šampionátu je v každý okamžik jen malé množství (cca do 10) probíhajících/proběhlých turnajů, dokážu si představit možnost dát je všechny dynamicky do podmenu – výhoda by byla v rychlejší orientaci a ušetřením jednoho načtení stránek při vracení se zpátky. Patičku bych nějak barevně odlišil. Hlavní odkazy v ní jsou sice milé, ale zbytečné, když uživatel na ně může kdykoli kliknout z plovoucí hlavičky. Sem by se hodil odkaz na facebook/Meta, pro přehlednost s ikonkou, odkaz na stránku o tobě a statickou stránku, jak sázet. Typografické drobnosti: * např. „50 %“ se čte padesát procent, kdežto „50%“ se čte padesátiprocentní.  * např. 6x, atp. – jestli to v Mobirise jde, zkuste používat × (Alt+0215) * např. (5-0) – to samé pro typografickou pomlčku – a — (Alt+0150 resp. Alt+0151) * místo ... lze použít výpustku (Alt+0133)