Změna vzhledu stránky NOTEBOOK.cz

Neco Vam zde nesedi? Mate nejaky namet na vylepseni? ... napiste to sem
Uživatelský avatar
swarm
Moderátor
Moderátor
Příspěvky: 8856
Registrován: 09 úno 2007 14:22
Bydliště: zpět v ČR
Kontaktovat uživatele:

Změna vzhledu stránky NOTEBOOK.cz

Příspěvekod swarm » 16 srp 2008 17:32

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 :)
Naposledy upravil(a) swarm dne 17 srp 2008 00:15, celkem upraveno 1 x.
swarm - blog: http://notebookblog.cz
Apple MacBook Air 13 M1 (16/512GB) + HP EliteBook 840 G5 (i5-8350, 32GB RAM, 512GB NVMe) + DELL Precision 3660 (i7-13700K, 32GB, RTX 3080) + HP DL380 Gen10 (2xXeon 6126, 192GB RAM, 2x NVIDIA Tesla P4)

vito45
guru
Příspěvky: 963
Registrován: 07 lis 2006 16:51
Bydliště: blizko PO, intrak: KE J9, Slovensko

Příspěvekod vito45 » 16 srp 2008 17:45

je to oveľa lepšie :potlesk:

Solitary
Moderátor
Moderátor
Příspěvky: 3046
Registrován: 28 čer 2007 13:19

Příspěvekod Solitary » 16 srp 2008 20:08

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.

vito45
guru
Příspěvky: 963
Registrován: 07 lis 2006 16:51
Bydliště: blizko PO, intrak: KE J9, Slovensko

Příspěvekod vito45 » 16 srp 2008 20:15

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:

cry_more

Příspěvekod cry_more » 16 srp 2008 20:38

je to super

kubino
guru
Příspěvky: 812
Registrován: 15 čer 2007 19:07

Příspěvekod kubino » 16 srp 2008 20:44

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..
[size=92]Compal->Asus->Dell (Razer->Logitech)[/size]

Uživatelský avatar
swarm
Moderátor
Moderátor
Příspěvky: 8856
Registrován: 09 úno 2007 14:22
Bydliště: zpět v ČR
Kontaktovat uživatele:

Příspěvekod swarm » 16 srp 2008 21:07

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.
swarm - blog: http://notebookblog.cz
Apple MacBook Air 13 M1 (16/512GB) + HP EliteBook 840 G5 (i5-8350, 32GB RAM, 512GB NVMe) + DELL Precision 3660 (i7-13700K, 32GB, RTX 3080) + HP DL380 Gen10 (2xXeon 6126, 192GB RAM, 2x NVIDIA Tesla P4)

Uživatelský avatar
swarm
Moderátor
Moderátor
Příspěvky: 8856
Registrován: 09 úno 2007 14:22
Bydliště: zpět v ČR
Kontaktovat uživatele:

Příspěvekod swarm » 16 srp 2008 23:17

Tady přikládám pro méně snaživé, jak to vypadá na 1280x800 (na požádání):

Obrázek
swarm - blog: http://notebookblog.cz
Apple MacBook Air 13 M1 (16/512GB) + HP EliteBook 840 G5 (i5-8350, 32GB RAM, 512GB NVMe) + DELL Precision 3660 (i7-13700K, 32GB, RTX 3080) + HP DL380 Gen10 (2xXeon 6126, 192GB RAM, 2x NVIDIA Tesla P4)

Libraeon
píše často
Příspěvky: 268
Registrován: 14 črc 2008 20:47
Bydliště: Západní Čechy

Příspěvekod Libraeon » 17 srp 2008 00:11

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...
Acer Aspire 6920G-6A4G25MN, 2GHz Intel Dual Core,4096MB RAM, NVIDIA GeForce 9500M GS.
OS: MS Windows Vista Home Premium,
Backtrack 3 mod final Linux
TV karta AverTV Hybrid Express A577, myš Razer Diamondback

kyo
guru
Příspěvky: 1648
Registrován: 04 lis 2007 19:26

Příspěvekod kyo » 17 srp 2008 00:14

co se tyce samotneho fora, to bych ale nijak nemenil. jednoduchost nadevse.
Lenovo Thinkpad R61 - 1680x1050, C2D T7250, 2GB 667mhz, 250GB Seagate Momentus 7200.3, NVS 140m, XP Professional + 3 year carry-in

vito45
guru
Příspěvky: 963
Registrován: 07 lis 2006 16:51
Bydliště: blizko PO, intrak: KE J9, Slovensko

Příspěvekod vito45 » 17 srp 2008 07:12

jj, forum je take klasicke, videl som aj premakanejšie ale úplne stačí

Ghost
Moderátor
Moderátor
Příspěvky: 7536
Registrován: 25 říj 2006 12:27
Bydliště: Bratislava

Příspěvekod Ghost » 17 srp 2008 12:48

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.
Predator 15, MBP 13 Early 2015, T410, Apple iPad 9.7 (2018), Kindle Fire HD 8

mara003

Příspěvekod mara003 » 26 led 2009 22:36

No skoda, ze zustalo jenom u navrhu a porad je vsechno puvodni... :?

polo

Příspěvekod polo » 27 led 2009 09:59

jj chcelo by toho vela zmenit dizajn a hlavne vyhladavanie je na tom dost zle ( myslim notebook.cz) forum je celkom OK...

Solitary
Moderátor
Moderátor
Příspěvky: 3046
Registrován: 28 čer 2007 13:19

Příspěvekod Solitary » 27 led 2009 16:29

polo: Tj, vyhledavani na foru je v pohode, ale malokdo ho vyuziva :lol:


Zpět na „Vzkazy pro admina“

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 18 hostů