Autor Zpráva
H.V.
Profil *
Zdravím, naše stránky, které jsem nedávno vytvořil příjdou mi trochu nudné, tak mě napadlo, že udělám novější verzi v nejmodernějším designu, takže bych potřeboval znát Váš názor, které stránky se Vám líbí víc jestli ty staré:

http://www.tranceband.com/czech

nebo ty nové, co jsem dnes vytvořil:

http://www.tranceband.com/novy_web/czech/
Tori
Profil
V průměru se mi o trochu víc líbí staré stránky, hlavně proto, že když dočtu na konec textu (třeba historie kapely), tak pořád mám na obrazovce menu a nemusím scrollovat někam nahoru.

Ke starým:
- z obrázku na pozadí by šlo použít jen viditelné okraje. Střed je stejně zakrytý a zbytečně se zpomaluje první načtení stránek.
- proč je ve hlavičce název kapely střídavě vlevo a uprostřed?
- patička je dost úzká vzhledem k ostatním velkým plochám na stránce. Ta se mi zas víc líbila z nové verze.
- škoda že koncerty ani historii nelze scrollovat kolečkem, ale musím na něco klikat

K novým:
- menu jsem nejdřív přehlédla, protože očekávám, že cokoli nad hlavičkou je reklamní banner. :)
- to světlé pozadí by mohlo být jen pod obsahem uprostřed (jako na starém webu), po stranách na sebe zbytečně poutá pozornost
- víc se mi líbí tahle hlavička, s těmi slogany k jednotlivým obrázkům
Nox
Profil
Spíš se mi líbí nový, protože má jasnější layout

část hlavičky je podle mě moc komplikovaná - label u obrázku bych roztáhl do krajů, zrušil tu světlou čáru nad obsahem,
to zelené a nadpis nevim jestli se k vám hodí, to asi posoudíš sám

v obsahové části bych nedělal animace...ta v hlavičce je v pohodě

nad patičku bych dal větší padding
H.V.
Profil *
jee děkuju Vám moc za rady a názory =)

pokud by Vám to pomohlo, zde je ukázka obsahu, jak by to mohlo v budoucnu vypadat:

http://www.tranceband.com/novy_web/czech/historie/

nevim ja bych určitě hlasoval pro tu novější verzi, protože ta působí víc profesionálně a moderně.
deil
Profil *
Presne tak, nechtel sem to zrovna takhle formulovat, ale ten novy layout je profesionalni.
Tim, ze je ta prostredni cast neohranicena bych se vubec nevzrusoval, naopak to vidim, jako jedno z vyraznych plusu nove verze, BTW si troufam tvrdit, ze ta clenita plocha ve starych strankach pouta pozornost daleko vic.
Pokud jde o umisteni menu v nove verzi, tak ja osobne nechodim na weby s reklamnim prouzkem tak casto. abych vsechno nad hlavickou totalne prehlizel, ale je to jen muj subjektivni nahled na vec, mozna me tu nekdo presvedci o opaku.
Nutnosti scrolovani, pomoci jinych elementu nez obyc posuvnikem se urcite do budoucna vyvaruj, tady jsme dva ze dvou, ktery to uplne prehlidli.
V nove verzi se mi libi i zpracovani praveho sloupce, vybec ta nova verze je celkove urovnana a uhlazena.
Rusi mne border fotky v hlavicce, ktery zasahuje do tmaveho prouzku vespod hlavicky, bud by mel ten border nejak splynout s tim prouzkem, nebo to jednoznacne oddel, treba i za cenu o par pixelu vyssi hlavicky, to uz se nevyrhne.
H.V.
Profil *
Tak jo vidim, že většina je pro tu novější verzi, takže jdu smazat tu starou a nahradit ji novou, děkuji všem za názory.
peta
Profil
H.V.: smazat obe a nechat pouze textovou verzi je muj mensinovy hlas :)
FF
http://www.tranceband.com/novy_web/czech/
V nove verzi neni nic. Zadny text. (je tam vsude pripravuje se?) Z tohoto pohledu neni, co hodnotit, protoze prave dilci prvky jako tabulky, odrazky, odkazy a pod jsou dulezite.
Furt tam jneco blika a preskakuje.
Text samotny, kdyz kliknu na menu, zacina az odroluji 1 celou stranku dolu a jednu celou stranku doprava. To si myslim, ze je dost krize pro uzivatele. Mohl by nabit dojmu, ze se klikanim na menu nahore stranka nemeni a opustit ji.
Paticka nema definovanou minimalni sirku, sirku a pokud je okno mene sirsi nez je obsahova cast, tak se nepodbarvuje cela cernou. Ma to ale takove plus, ze kontrasp pisma tmave seda a svetle seda v pozadi je dostatecny a menu v paticce vpravo je citelne :)
Tech chyb by se naslo mnoho, marginy, paddingy, obrazky, jednotnost, nestejnorodost grafiky... Ale jindy.

http://www.tranceband.com/czech/
Ta je obsahove zajimavejsi, je vsak preplacana vyraznymi obrazky v pozadi. Coz znesnadnuje citelnost.
Nejdulezitejsi stranky pro hodnoceni jsou vzdy stranky o firme a jeji historie (kapele), kontakt a seznam produktu.
V historii je nejake JS listovani, ktere na kolecko nereaguje.
Obsah - opet neni uplny. Doporucuji si naji cas, sednout a doplnit a smazat obsah, ktery tam chci a nechci, aby nebyla stranka pokryta zadnym textem nebo hlaskami a pracuje se na tom, pripravuje se. Radeji pryc s tim. Google si to zapamatuje a pak to treba mesic ukazuje uzivatelum, ikdyz je to uz napraveno.

Kterou verzi vybrat? ani jednu. Ta novejsi je trosku lepsi, mozna.
Sem udelal takovou sbirku obrazku z webu, muzes zkouknout (nevim, kde jsem zasil ty linky na fakt krasne stranky, ale):
http://axpsu.fpf.slu.cz/~web/web-inspirace/
Nejvic by mi pasoval ke strance takovy jednoduchy vzhled jako
Verbalize (5)
Max (modro bily, asi 12 ze spodu nad nadpisem univerzity)
Skola u kostela (posl. pred univerzitami)
nebo neco, jak ta Palestra, posledni VS

Hodis obrazek kapely, nejlepe v akci. Nekde do rozku bile sedivy nazev stranky - kapely, pres obrazek. Pod nej menicko. A pak bude bila oblast s textem.
Text, kdyz udelas stylem jako tady, tak je naprosto prehledny
http://axpsu.fpf.slu.cz/~web/web-inspirace/screen/s1024/www-cesky-design-cz.png
H.V.
Profil *
peta:

Diky moc za dlouhý názor a rady.

Stránky jsem již smazal jak tu novější verzi (omylem), tak i tu starší. Rozhod jsem se, že vytvořim tu novější verzi a zveřejním ji zde hned, jak to bude celý hotový.

Ty stránky co jsi mi poslal k inspiraci sice za to děkuji, ale my jsme kapela, ne firma, jsou to jen firemní a nezajímavé stránky, jako by návštěvnik chtěl dozvědět jen o firmě. Návaštěvnikum hudebních stránek zajímá především hudba a media, jen málo kdy texty.

Moje inspirace jsou následujicí, kde jsem vzal hlavní mýšlenku, jak vytvořit moderní, přehledný a profesionální hudební web:

http://www.arminvanbuuren.com/

http://scootertechno.com/

http://aboveandbeyond.nu/home/
H.V.
Profil *
tak jsem dokončil nový design, co na ni říkate ted'?

www.tranceband.com (zatim pouze česká verze)
Taurus
Profil
Vypadá to už docela hezky oproti tomu, co bylo předtím. Ale budu se v něčem opakovat. Vyhoď úvodní stranu, přidal bych tiskovou verzi, při vypnutých obrázcích se ztrácím, používáš vysoký kontrast (písmo/pozadí), při kliknutí na média se nic neděje, v IE6 se to rozpadá...
H.V.
Profil *
Taurus:

-úvodni stránka je jediná, kde se dá zvolit jazyk a je určena ne jen pro jazyk, ale i pro reklamy kapely

-tisková verze není třeba, jelikož tohle jsou hudební stránky, nikoli podnikatelsky a říkám to tu už po druhý

-písmo a pozadí jsem se inspiroval z nejmodernějších současných web designu

-po najetí myší na "media" se vysune podmenu, takže není důvod mit samostatný aktivní odkaz "media", který nikam nevede, slouží to pouze jako navigace a záhlaví, stejně jako "kapela"

-IE 6 dnes téměř nikdo nepoužívá a moc bych se divil, kdyby někdo jo, možná na PC s windowsy 98 či 2000
Taurus
Profil
– Úvodní stránka není jediná, kde se dá obyčejně volit jazyk.
– Když mi bylo 17, rád jsem si tiskl svou oblíbenou zpěvačku. Naštěstí autoři stránek uvažovali trochu jinak.
– Takže je jedno, že je to špatně? Hlavně, že se jedná o inspiraci něčím "moderním"?
– Myslím, že rozvíjet téma o použitelnosti by tu nemělo dobrou půdu.
– Jo, téměř.

Každý svého štěstí strůjce.

Ještě nechápu Guestbook, když ostatní položky jsou česky.
deil
Profil *
-IE 6 dnes téměř nikdo nepoužívá a moc bych se divil, kdyby někdo jo, možná na PC s windowsy 98 či 2000
Používá 5% uživatelů v čechách, v zahraničí 10%. Důvod proč se u něj zůstává jsou většinou aplikace velkých firem, a kde jsou nejsolventnější zákazníci? Kapelu živí co? Koncerty. Když za rok bude na koncertech 100 000, tak když se vykašleš na 5% userů bude jen 95 000. Pořád v poho? Jezdíte ven? Zeptej ostatních v kapele na tyhle počty.

Vyhoď ten obrázek na pozadí za hlavičkou, ta černá na tom nástřelu byla lepší. S tím rámečkem o kterym sem psal nikdo nehnul.

-tisková verze není třeba, jelikož tohle jsou hudební stránky, nikoli podnikatelsky a říkám to tu už po druhý
Manažer akce si Vás potřebuje nechat schválit od šéfa. Co je lepší? když bude na jeho počítači hrabat stránky nebo když přinese vytisknutej papír a na něm zatržený volný termíny?
Atd. atp. etc.
Rozmysli si proč to vlastně děláš. Je to škoda mohlo to bejt pěkný.
H.V.
Profil *
Tak jo přesvědčili ste mě =D hodim tam ten tisk, jen mi řekněte do kterých míst by se to hodilo, dik.

Jinak stim IE 6 asi nepohnu (ikdyž deil říká, že tím příjdu o návštěvnost) je to sice možný, ale jsem rád, že ty stránky jsou tak, jak to je a mám trochu obavy si stim nejak párat víc, abych tím něco nepokazil.

deil:

" tím rámečkem o kterym sem psal nikdo nehnul."

jaký rámeček máš na mysli?
Chamurappi
Profil
Reaguji na H.V.:
Jinak stim IE 6 asi nepohnu
Zkus nastavit obrázkům v tom #slideru rozměry.

mám trochu obavy si stim nejak párat víc, abych tím něco nepokazil
Když si to pokazíš, tak si to pak zase opravíš, ne? :-)
Můžeš si dělat záložní verze a kdykoliv se vrátit, když se vydáš špatným směrem.
deil
Profil *
hodim tam ten tisk, jen mi řekněte do kterých míst by se to hodilo, dik.
Nejde o to, že má nekde být nějaké tlačítko. Jde o definování tiskových stylů. Takle
<link title="print" href="./css/print.css" media="print" type="text/css" rel="stylesheet"/>
Funguje to např. tady www.relaxacni-kurzy.cz/

Rámeček
Pátý příspěvek:
Rusi mne border fotky v hlavicce, ktery zasahuje do tmaveho prouzku vespod hlavicky, bud by mel ten border nejak splynout s tim prouzkem, nebo to jednoznacne oddel, treba i za cenu o par pixelu vyssi hlavicky, to uz se nevyrhne.
Pravda napsal jsem "border", psal jsem to u notebooku s rohlíkem v puse a proto i bez háčků. Prostě ten styk s tím spodním proužkem hlavičky mě ruší. Je to drobnost, ale neměl by to být problém odstranit.

S IE6 ti nepomůžu, ale udělej si zálohu funkční verze a pak experimentuj, myslím, že by to mělo jít.
H.V.
Profil *
deil:

ajo už chapu, stim borderem a ramečkem je to tam schvalně. Ten černý ram je vlastně pozadí toho slide loga a když to dam pryč není to vubec hezky, je to spiše prazdny.

S tim IE 6 teda ještě pohraju.
deil
Profil *
A co kdyby ta hlavička byla proste o to vyssi? Nic se nedava pryc, a rusivy dotyk zmizi.
H.V.
Profil *
Chamurappi:
Zkus nastavit obrázkům v tom #slideru rozměry.
to už tam je:

#slider { position:relative; z-index:1; height:296px; width:925px; }


takže tím to nebude, vono nejede ani menu v tom IE6 takže nevim jestli spíše prohlížeč vůbec podporuje js nebo jquery
H.V.
Profil *
deil:
kterým prohlížečem se na to dívaš?
Chamurappi
Profil
Reaguji na H.V.:
to už tam je
Není, obrázky nemají zadané rozměry:
<img src="/images/Tranceband_logo_1.jpg" alt="Tranceband logo" title="Tranceband - Oficiální stránky">
<img src="/images/Tranceband_logo_2.jpg" alt="Tranceband logo" title="Jedinečná brněnská kapela ve svém stylu.">
<img src="/images/Tranceband_logo_3.jpg" alt="" title="Styl hudby: Trance a všechny trancové podkategorie.">
<img src="/images/Tranceband_logo_4.jpg" alt="" title="Členové: H.V., Monika, Johnny">
(Krom toho mají i podivné alternativní texty.)

nevim jestli spíše prohlížeč vůbec podporuje js nebo jquery
Samozřejmě, že podporuje JavaScript. JQuery je jen jedna uživatelsky definovaná funkce v JS, prohlížeče nemají žádnou „podporu jQuery“.
H.V.
Profil *
Chamurappi:
tak jsem to tam dal a není to tím =(
H.V.
Profil *
Hele jednoduché řešení:

- kašlu na IE6, jelikož tam nefunguje absolutně nic a je mi jedno, jestli ztratím pár procent návštěv, kteří používají zastaralé windowsy (95,98, nebo 2000)

-tenhle design je dle současných grafických navrhu a rozměru jak obsahově, tak i zpracované (není to chlubení, ale pouze informativní), takže kdybych vzhlížel na oldschool prohlížeče, naše stránky by taky museli vypadat oldschool.

-co se týče tisku, hodim jen ikonku do historie a do životopisu, pač nikde jinde nemáme žádný text. U novinek není třeba nic tiskat.
Chamurappi
Profil
Reaguji na H.V.:
kašlu na IE6, jelikož tam nefunguje absolutně nic
Nefunguje ti tam správně jen ten JS efekt na hlavičce. Postarej se aspoň o to, aby to nevypadalo rozbitě, tohle je pro ostudu.
Aha, tak ještě ti tam nefunguje rozbalování v menu, bez kterého jsou některé části nedostupné. Na to stačí sehnat hover.htc a je hotovo.

kteří používají zastaralé windowsy
Většina lidí s šestkou má Windows XP, kde byla tato verze předinstalovaná (starší Windowsy jsou starší než šestka).

kdybych vzhlížel na oldschool prohlížeče, naše stránky by taky museli vypadat oldschool
To je nesmysl. Na té stránce není nic, co by nemohlo v Exploreru 6 fungovat přesně stejně jako v jiných prohlížečích.
deil
Profil *
Úplně se na IE 6 vykaslat je proste blbe. Nicmene tak tu majdu od IE 6 odstrihni podminenym komentarem a dej tam misto ni normani statickej obrazek a porovnej aby to nejak vypadalo.
Ono na ty animaci uspech webu stejne nestoji, byl bys prekvapenej kolik lidi si ji ani nevsimne protoze pouzije menu driv nez se neco stane, a kolik jich pride doprostred webu a neuvidi ji vubec... Taky se mi stalo, ze zadavatel webu si nevsim ze ma pred sebou neanimovanou verzi (haha trapas, hrozne na tom trval).
To menu urcite udelej.
H.V.
Profil *
Chamurappi:


Tak jsem opravil stránky a není to už rozpadaný v IE6: www.tranceband.com

Jediný problém mám stim menu v IE6. Čet jsem něco o "hover.htc" ale:

1) nevím který přesně mám stáhnout pro moje stránky, protože nevím, jestli všechny ty hovery jsou stejné

2) stáhnul jsem si nejaké azkoušel umístit do css, ale výsledek byl stejný.

3) zde je kod menu v CSS:

#menu {
	float:right;
	margin-top:2px;
	list-style:none;
	width:690px;
}
#menu ul {
	list-style:none;
	background:url(/images/menu_bg.png) right 0 no-repeat;
	float:right;
}

#menu ul li {
	float:left;
	background:url(/images/menu_bg.png) 0 0 no-repeat;
	text-align:center;
	height:78px;
	padding:0 1px 0 0;
	z-index:9;
	position:relative;
	font-size:1.9em;
}

#menu ul li a {
	color:#fff;
	font-weight:normal;
	letter-spacing:-1px;
	padding:0;
	padding-top:35px;
	height:43px;
	width:95px;
	display:block;
}

#menu ul li a:hover {
	background:url() center 36px  no-repeat;
	text-decoration:none;
}

html>body #menu ul li a:hover { text-decoration:none; background:none; }

#menu ul li a.on, #menu ul li a:hover.on {
	background:url() center 74px no-repeat;
}

#menu ul li span.hover {
	text-decoration:none;
	background:url() center 36px  no-repeat;
	display:block;
	width:100%;
	height:108px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

#menu ul li ul {
	position:absolute;
	top:76px;
	background:#0b0b0b;
	z-index:2;
	width:200px;
	left:-9999px;
}

#menu ul li ul li ul {
	position:absolute;
	left:-200px;
	top:0;
	display:none;
}

#menu ul li:hover ul { left:0; }

#menu ul li ul li:hover ul { left:-200px; display:block; }

#menu ul li ul li {
	overflow:visible;
	background:none;
	clear:both;
	font-size:.7em;
	height:30px;
	border-bottom:1px solid #474748;
	padding:0;
	width:200px;
}

#menu ul li ul li ul li {
	font-size:1em;
}

#menu ul li ul li a {
	text-align:left;
	width:190px;
	height:20px;
	padding:10px 0 0 10px;
	letter-spacing:0;
}

#menu ul li ul li a:hover {
	background:#272727;
}



a zde html menu:
   
    <!-- Menu -->
            <div id="menu">
                <ul>
                    <li><a href="/czech/" class="on">Domů</a></li>
                    <li><a href="">Media</a>
                        <ul>
                            <li><a href="/czech/audio/">Audio</a></li>
                            <li><a href="/czech/video/">Video</a></li>
                            <li><a href="/czech/galerie/">Galerie</a></li>
                        </ul>
                    </li>
                    <li><a href="">Kapela</a>
                        <ul>
                            <li><a href="/czech/historie/">Historie</a></li>
                            <li><a href="/czech/zivotopis/">Životopis</a></li>
                        </ul>
                    </li>
                     <li><a href="/czech/koncerty/">Koncerty</a></li>
                    <li><a href="/czech/kontakt/">Kontakt</a></li>
                    <li><a target="_blank" href="http://www.t-shock.eu/e-shops/shop?eshopId=AyIK">E-Shop</a></li>
                    
                    <li><a target="_blank" href="http://blueboard.cz/kniha/edh2mn4rech7m1o5skkbjpdp5t61mj">Guestbook</a></li>
                </ul>
 
            </div>


Takže včem je problém, že to nefunguje?

Je to muj jediný problém na těch stránkách, co se týče toho jquery slide na uvodě to mě ani tak moc neštve, že to v IE6 neukazuje (například u světovýho dja www.arminvanbuuren.com to v IE6 taky nejede) hlavnější je to menu.

Dále jsem umístil požadovaný tisk stránek, který zde někteří doporučili.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0