Stránka 1 z 2

Změna vzhledu stránky NOTEBOOK.cz

Napsal: 16 srp 2008 17:32
od swarm
Nevěděl jsem, do jaké sekce umístit tento dotaz/prosbu, ale popis sekce:
    "Neco Vam zde nesedi? Mate nejaky namet na vylepseni? ... napiste to sem"
...mě přesvědčil, že zde je to nejvhodnější místo.


Ale teď k věci. Design webu NOTEBOOK.cz se nějak za dlouhé roky bohužel vůbec nemění a dnes již prakticky vůbec neodpovídá tomu, co se považuje aspoň trochu za standard designu pro webové stránky. Absolutní absence jakékoli grafiky (s výjimkou malého loga) taktéž nepřidává na serióznosti, ale v dnešní době spíše vytváři pro náhodného čtenáře dojem nějakého studentského projektu, což určitě není dobře u magazínu s tak vysokou návštěvností.

Je mi jasné, že kompletně nového designu s celým novým kódem stránek se teď určitě nedočkáme, ačkoli by určitě nebyl na škodu, takže bych zkusil udělat jen několik drobných úprav, které nezaberou více jak 15 minut (střízlivý odhad) a web posunou o třídu dál nejen graficky, ale i z hlediska ergonomie.

Zde je původní, všem dobře známá verze stránek:

Obrázek

:arrow: Hlavní text namačknutý na levý okraj stránky je obrovským prohřeškem proti designu a lze se o tom přesvědčit prakticky v libovolné pokročilé publikaci, nebo případně na serverech orientovaných na web designery.

:arrow: Bílá plocha na velkém displeji namáhá oči prakticky při jakýchkoli světelných podmínkách v místnosti. Komu by se chtělo dívat do zářivky, že. Prakticky všechny weby s novým profi designem tento problém řeší a nevyužité místo je tmavší. Podkladová barva pod hlavním textem i tak zůstává bílá, která je s černým písmem stále nejlepší možností.

:arrow: Chybí barevné rozdělení mezi jednotlivými částmi zobrazené stránky. To lze řešit jinou podkladovou barvou prostoru mezi těmito částmi (například mírně tmavším odstínem).

:arrow: Nevhodně volená modrá barva, která je pravděpodobně zvolena ze standardní 16 barevné palety, není nejvhodnější. Navíc v podobných místech by se uživila aspoň drobná grafika - například nějaký typ gradientu.


Zde je nová verze stránek, která se snaží všechny prohřešky efektivně odstranit:

Obrázek

:arrow: Posun celé stránky na prostředek = pár řádků kódu
:arrow: Změna pozadí a přidaný decentní přechod = jedna konstanta a 5kB grafiky
:arrow: Změna podkladové barvy všude, kde není nějaký text = změna jedné konstanty
:arrow: Přidání několika gradientů pro uhlazenější vzhled = pár řádek kódu + max 15kB grafiky


Rád bych tímto spustil alespoň malou diskuzi, zda by změna tohoto charakteru byla u lidí vítaná a žádaná. U lidí na IRC jsem byl informován, že by to pomohlo a že je chyba, že už to tak není dávno. Celé je to otázkou asi 15 minut čistého času + dejme tomu půl hodiny laxního testování, zda je všude všechno ok. Záměrně jsem se snažil nabídnout návrh, co nejefektivnějšího řešení. Komplexnější změny ohledně vyhledávání a seznamu recenzí bych zatím ponechal stranou, protože u těch je vyžadováno času mnohem víc.

Záměrně jsem si dal práci v grafickém editoru vytvořit upravený fake této stránky, aby každý viděl přesný dopad těchto změn.

Děkuji za reakci :)

Napsal: 16 srp 2008 17:45
od vito45
je to oveľa lepšie :potlesk:

Napsal: 16 srp 2008 20:08
od Solitary
Takove minimalni vylepseni udela sve, a rozhodne by nebylo na skodu. Ale je jeste spousta veci, ktera by se dala, ale hlavne mela vylepsit. Neohrabanost a vzhled portalu je asi nejvetsi vada.

Napsal: 16 srp 2008 20:15
od vito45
všeobecne je portal 100 rokov za opicami :roll: ale dá sa to označiť ako ergonomicka business trieda ako thinkpady :lol: iba s tým že tie thinkpady sú skoro dokonalé :lol:

Napsal: 16 srp 2008 20:38
od cry_more
je to super

Napsal: 16 srp 2008 20:44
od kubino
Vitam jakekoliv zmeny webu notebook.cz at uz vzhledove nebo funkcni. I drobne upravy navrzene swarmem jsou znatelnym posunem vpred. Kdybych mel pouzit prirovnani tak web mi vzhledove pripada jak cteni novin - dozvim se co potrebuju, ale precist si to v barevnym casopise by bylo prijemnejsi.
Me osobne vadi i umisteni obrazku ve skupine mimo text - kdyz ctu komentar recenzenta treba ke klavesnici tak musim skrolovat dolu abych se na ni podival, pak se zase vracet kde sem prestal cist..

Napsal: 16 srp 2008 21:07
od swarm
kubino píše:Me osobne vadi i umisteni obrazku ve skupine mimo text - kdyz ctu komentar recenzenta treba ke klavesnici tak musim skrolovat dolu abych se na ni podival, pak se zase vracet kde sem prestal cist..
Jo, to souhlasim ... nad tímhle stále přemýšlím, jak to realizovat. Napadá mě po částech obrázky mezi kapitolama (podle toho, co na nich je), anebo u kapitol obrázky po pravé straně v tom nevyužitém místě. Taky jsem názoru, že je to takhle špatně - často se radši v recenzi odkážu u klávesnice na obrázek, ale jak je ta recelze dlouhá, tak i pomocí page up/down je to na hodně mačkání. Navíc fotky uvnitř by tu recenzi oživily.

Napsal: 16 srp 2008 23:17
od swarm
Tady přikládám pro méně snaživé, jak to vypadá na 1280x800 (na požádání):

Obrázek

Napsal: 17 srp 2008 00:11
od Libraeon
pekneee,tleskam :))

jako webdesigner umim ocenit ;) jinak validita je ok ?

btw z tohohe ale trpim

zda by změna tohoto charakteru byla u lidí výtaná a žádaná.

prvni post v tomhle topicu...

Napsal: 17 srp 2008 00:14
od kyo
co se tyce samotneho fora, to bych ale nijak nemenil. jednoduchost nadevse.

Napsal: 17 srp 2008 07:12
od vito45
jj, forum je take klasicke, videl som aj premakanejšie ale úplne stačí

Napsal: 17 srp 2008 12:48
od Ghost
zmenu desginu stranky podla swarmovho navrhu by som urcite privital.

okrem designu je navacsi problem vyhladavanie. mohlo by sa pridat aspon vyhladavanie cez google search. to je tiez len otazka pridania par riadkov html alebo css kodu.

Napsal: 26 led 2009 22:36
od mara003
No skoda, ze zustalo jenom u navrhu a porad je vsechno puvodni... :?

Napsal: 27 led 2009 09:59
od polo
jj chcelo by toho vela zmenit dizajn a hlavne vyhladavanie je na tom dost zle ( myslim notebook.cz) forum je celkom OK...

Napsal: 27 led 2009 16:29
od Solitary
polo: Tj, vyhledavani na foru je v pohode, ale malokdo ho vyuziva :lol: