Az igényes welap kritériumai

Web, mail, IRC, IM, hálózatok

Sziasztok!

A Debreceni Egyetem Pszichológia Intézetének honlapjával kapcsolatban többen kifejtettétek, hogy a magyar intézeti lapok többsége ilyen meg olyan rossz. Adtatok linket jó és rossz lapokra is.

Érdekelne, hogy mi az a kritériumrendszer, ami alapján eldöntitek, hogy adott site jó vagy rossz. Én megnéztem azokat a bizonyos angol egyetemi honlapokat, meg jó párat a rossznak minősített lapok közül is, és ez alapján nem teljesen világosak az elvárások.Kérdezem ezt azért, mert néhány oldal készítéséhez van közöm, és nem szeretném, ha azokról is némely fórumon megírnák hogy ilyen meg olyan ....

Továbbá: idézgettétek, hogy adott honlapokon ennyi meg annyi hiba volt, pl. a microsoft oldalán 2, a de a hup oldalán meg x.

Egészen pontosan milyen hibákról van szó, és hogyan teszteltétek?

Végül de nem utolsó sorban:
Légyszi szakértő szemeteket vessétek az intézet lapunkra, és mondjátok már el, hogy ez mennyiben üti vagy nem üti meg a mércét.

http://bioinf.uta.fi/

Kösz a halakat,
Csaba

  • 2574 megtekintés

( Oregon (nem ellenőrzött) | 2006. 07. 05., sze – 10:22 )

Ergonomiat hianyolom. Anno amikor kodoltam a www.cleancenter.hu -t, akkor ugyanakkora figyelmet forditottam erre, mint az egyszeru letisztult designra. Kezdo szamitogep felhasznalokon teszteltem a hasznalatot es a vasarlast. Nem azt mondom, hogy tokeletes lett, mert menet kozben rengeteg otlet az eszembe jutot amit meg nem valositottam meg. Viszont sajat piaci szegmensunkben egyedulallo es kiemelkedo lett a ceg honlapja.

ps: a design nem az en kezem munkajat dicseri.

( freeoli v | 2006. 07. 05., sze – 10:22 )

az m$ oldala piszok nagy ... ha azon csak 2 hiba van akkor azért min nóbeldíj járna

Hol ez a lista??????

( nc | 2006. 07. 05., sze – 10:27 )

Hmmm, szakértő szem. Leírjam, mit gondolok valójában erről a weblapról vagy tartsam meg magamnak? Úgy ahogy van, egy...
Ezek után egyet tudok javasolni. Nulláról csináljátok újra.

Igen, légyszi írd le. Ne kíméljed.

A pontosítás kedvéért: maga a lap nem az én munkám, nekem némely oldalon a (tudományos) tartamat kell szolgáltatnom bele. Ezért írtam, hogy közöm van hozzá, nem pedig azt, hogy én csináltam.

Viszont esetleg máshol máskor én is csinálok lapot, és ott viszont olyat szeretnék, ami a magas kritériumoknak is megfelel. De ehhez szeretném tudni a kritériumokat. Szóval tanulnék belőle. És ha már, akkor szólnék az itteni web designosnak, hogy mire legyen tekintettel.

Köszi a türelmet.

Csaba

Oké.
Tudományos weblap, ennek megfelelően a legfontosabb kritérium a használhatóság. Ezen belül tehát
- gyorsnak
- áttekinthetőnek
- a szem számára kellemesnek
kell lennie. Fontos még az egységesség, tehát a stílus egyforma legyen mindenhol. Gyorsan kell tudni benne keresni. Ez utóbbival nincs is baj.

Az első probléma a méretével van. Fixre van méretezve, ami ha arra gondolunk, hogy mennyiféle eszközzel nézhetik meg - a kéziszámítógéptől a projektorig - az oldalt, nem túl szerencsés. Nem beszélve arról, hogy túl kicsire is van méretezve, tehát a manapság elterjedt 1280x1024-ben a képernyő egy sarkában "ül" az egész kezdőoldal.

A második gond a linkek kivitelezése és ehhez kapcsolódóan a sebesség. Azaz a betöltés sebessége. Gondolni kell arra, hogy az úton lévő ember pl. nem feltétlen szélessévon nézi az oldalt. A rengeteg kép miatt ekkor feleslegesen sokat kell töltenie, ami a használhatóságot jelentősen rontja.
A szöveges linkek is képként vannak megcsinálva. Ez nagyon nagy hiba! A sima szöveg maradjon szöveg. Ezzel azt is elérjük, hogy nagyítható-kicsinyíthatő a böngészőben. Sokunk méretezgeti a weboldalakat, mert már nem jó a szemünk.

Az oldalon a tekintet ide-oda rángatózik, nem tudja, mit nézzen meg. Túl sok a kép, bár hasznos link a "Databases", azok itt szöveges listaként is megállnák a helyüket.

A fejléc túl hangsúlyos, bár ehhez képest kevés szerepe van.

Túl sokféle a linkek megjelenése. Kép, szöveg, nyomógomb... Elég lenne a középső rész szépen megformázva, onnan választhasson ki mindent az ember.

A háttérkép "kígyója" ebben az esetben zavaró, eltereli a figyelmet.

Egységes stíluslap kell az összes oldalnak, lehetőleg az egyetem egyéb nyomdai megjelenésével is összhangban.

"tehát a manapság elterjedt 1280x1024-ben"

Ez jó, de azt hiszem, ez korosztálytól függ. Én pont azt kaptam meg a minap a képembe, hogy jók a lajpjaim, de szinte mindenki 800x600-on nézegeti az internetet, aki meg nem, az is leveszi a böngészőt ekkorára. Azért ebben is van valami. Félre ne érts, én is úgy vagyok vele, hogy inzultálja püspökfalaton magát, aki 2006-ban 800x600-at használ alapból, de sajnos elég sokan vannak még ilyenek...

( maat | 2006. 07. 05., sze – 10:33 )

hiba alatt valószínűleg az alkalmazott doctype szabványa és a kész oldal közti formai eltéréseket (hibákat) értették.

az oldal meg szerintem is használhatatlan, zavaros, rossz prospektus formájú. nézd meg esetleg linkszsel.

( ksgy | 2006. 07. 05., sze – 11:12 )

szerintem erre is szuletni kell - marmint egy igenyes es hasznalhato lap megalkotasahoz. a divat tervezest, szobraszkodast sem lehet pusztan iskolaban megtanulni, kell hozza egy adag erzek. van aki ezt tudja magarol, es van aki nem hajlando elfogadni, hogy nincs meg ez a kepessege - egy dolog szeretni csinalni vmit es masik dolog tudni csinalni azt :)
a masik dolog meg az izles: olyan dolgot nem lehet alkotni, ami mindenkinek tetszik. de ettol meg lehet valami igenyes, mert epp nem szep a egy design :)

( sany | 2006. 07. 05., sze – 11:20 )

Inkább a Fábry-show dizájn centerében kellene bemutatni! :D

Lehet hogy szép, de semmi harmonia nincs benne.

( Csigaa | 2006. 07. 05., sze – 11:37 )

Igényes weblapnál két dolog fontos, szerintem:
- ergonómia (elrettentő példa: om.hu és társai): az összes tartalom jól átláthatóan, gyorsan legyen elérhető, tehát minden fontosabb lap/dokumentum legfeljebb 2-3 link mélységre legyen a főoldatól. Menü használata (oldalsáv vagy fejléc formában) erősen ajánlott; a sitemap se rossz ötlet, bár nemnagyon szokás már használni.
- design: ne folyjon ki a szemem a fekete alapon citromsárga betűktől, ne legyen túl kicsi a betűméret, ne zsebkendőnyi területen jelenjen meg 8000 oldalon, lapozgatással a Háború és Béke.
- animgif: KILL IT
- flash: KILL IT WITH FIRE!!!11
(Nem véletlenül, és nem előítéletből. Az izgő-mozgó-vibráló baromságok egyszer viccesek, de utána csak zavarják a szemet a tartalom érdemi feldolgozásában, elvonják a figyelmet, ezzel fárasztják az agyat)

És persze mindehhez hozzátartozik, hogy nem használunk IE-only tageket, és szigorúan mindent átnyomunk a W3C validatorain, mert ami azon átmegy, BIZTOSAN működni fog mindenhol (kivétel IE 5-ben, de az le van szrva). A W3C logókat nem kötelező kitenni, ha rombolják a designt, de nem árt jelezni, hogy ez igenis szabványos oldal (pl. saját, designba illő jelvénnyel), ezzel is felhívod a figyelmét az embereknek, hogy van ilyen, és tessék használni.

Kb ennyi, ez persze magánvélemény mind.

Sziasztok!
Tudtok nekem a fenti kritériumoknak megfelelő céges honlapot mutatni?

Szeretnék egy példát mutatni az érdeklődőknek, hogy van ilyen is, de az általam megnézett honlapok mind elhasalnak a validátornál. Még az a lap is, amit egy föntebbi hozzászólás szerint valaki innen tervezett, és mások is dícsérték.

Vagy olyan szigorúak a kritériumok, hogy ilyen lap nincs is?

Csaba

Időközben másnak próbáltam reklámozni a w3c validság előnyeit.

Miután ő egy céges lapot akar csináltatni (a cégének), szerettem volna egy olyan céges lapot mutatni, ami w3c valid. De eddig amit próbáltam, mind elhasalt. Ezek alapján az az összkép alakult ki bennem, hogy a céges honlapok nagy általánosságban nem validok. Valid kóddal nem lehet profi, céges elvárásoknak is megfelelő (igen: csillogó, villogó, vevőcsalogató) lapot csinálni?

Bocs, de ezek után miért is jó ha valid egy lap? Ha egyszer a funkcióját ez nem segíti elő? (A tapasztalataim alapján.)

Miután mindezek ellenére nem gondolom, hogy hülyeség w3c valid lapot csinálni, azért kerestem ilyen céges honlapot.

Csaba

ez egy alapveto tevedes amibol kiindulsz.

nem jo valid lapot csinalni. nem elonyos valid lapot csinalni. semmi elonye nincs annak hogy a c# kod amit irsz helyes. csupan ellenkezo esetben nem fog mukodni. ha a lapod nem valid az azt jelenti hogy szar tre gany kodja van. az hogy a bongeszok megjelenitik a szar tre gany kodot is, ez azert van, mert a microsoft vizivig szerkesztoje kesziti a legtragyabb kodot az osszes kozul, es valahogy ezt ellensulyozni kellett.

tehat a validsag nem valami jo dolog, hanem egy alapveto dolog. nincs semmi plusz elonye, egyszeruen ha igenyes vagy, akkor a kod amit irsz hasznalhato. lehetsz igenytelen is, rad van bizva. maximum a html nyelvet helyesen es szigoruan ertelmezo bongeszok nem ugy fogjak megjeleniteni ahogy szamitottal ra.

a tobbi amit te szeretnel latni, az a validsag utan kezdodik. egy szemantikusan, jo ergonomiaval felepitett oldal, ami a kulonbozo szabvanyok esszeru es helyes felhasznalasaval keszult, csak egyszeri munka. egy tablazatos szar oldalhoz a kulon vakbarat verzio elkeszitese meg ketszeri munka.

a tapasztalatodnak az az oka, hogy a cegek nagy resze egyreszt nem huzza ujra a weboldalat evente, masreszt igenytelen (ellenben draga) nagy cegekkel dolgoztat, mert azt hiszi az a jo ami draga (ismeros mi?). de ez mar flame kategoria, es igy nem szeretnem folytatni.

ennek ellenere persze vannak jo es szep oldalak, nezzel szet inkabb fejlesztok oldalan. hatha.

:)

ha nezel egy oldalt akkor probald a kovetkezoket:
- szovegmeret modositasa (kep eseten nem fog mukodni)
- css fajl letiltasa (akar ff-ben nezetnel, akar tenyleg letiltod adblockkal, utobbi jobb is, mert ha marad benne formazas, akkor nem eleg jo az oldal) - igy egy olvashato attekintheto lapot kell kapnod, amit normalisan lehet kezelni.
- ezen kivul probald meg elsore megtalalni a lenyeges tartalmi reszeket. css nelkul jol lehet latni, hogy mi hol helyezkedik el, a lenyeg legyen mindig elol. azt is figyeld meg, hogy melyik cim milyen cimsor besorolasba kerult, sok helyen siman vastag betus a szoveg cimsor alkalmazasa helyett, az se a legjobb megoldas.
- ezen kivul probald ki ugy az oldalt, ahogy vasarlas elott a fotelt. megfogod a karfat (megnezed a menut), dolj hatra (probald attekinteni, mennyire szukosen van elrendezve minden) es nezd meg kenyelmesen tudsz-e benne (rajta) mozgolodni. ha a fotel nem valid, akkor hatradolesnel szetesik;)

stb stb... hogy kriteriumokat is soroljak:)

( cln | 2006. 07. 05., sze – 12:29 )

Egy hatfogásos vacsora utáni gyomortartalomra hasonlít. :) Van benne minden, de nem tudni hogy mi micsoda.

( szimi (nem ellenőrzött) | 2006. 08. 25., p – 12:32 )

Huh, nekem kicsit zsufoltnak tunik. Hm... A kevesebb tobb.