Web2.0 interfejs dizajn
Već duže vreme bruji Web o webdva dizajnu. Velika slova, zaobljeni ćoškovi, ferlaufi, drop shadows, pastelne boje i na njima kontrastne 100% RGB boje. Lista se nastavlja, a verujem da znate o čemu pričam. Ista priča je pokrenuta i oko dizajna interfejsa za ovaj community blog (prvi predlog interfejsa, drugi predlog interfejsa). Da li je dizajn webdva ili ne? Koliko je neki dizajn webdva compliant. Hajde prvo da razjasnimo par stvari o webdva dizajnu.
Ono što se danas mahom smatra web2.0 interfejsom sam napisao već gore. Hajde sada da prodiskutujemo šta za mene predstavlja web2.0 interfejs (frontend) dizajn.
Pod jedan, to nije ništa od gore navedenog, ono što jesu ti veliki glomazni fontovi i te boje i oblici je samo trend. To će proći, kao što svaki trend prođe i onda će doći neki novi za kojim će klijenti/ljudi da popizde. Ono što po meni (treba da) čini jedan web2.0 interfejs je:
- clean, pregledan interfejs, bez bespotrebnih elemenata koji ne guši sadržaj,
- viši nivo upotrebljivosti lokacije nego što se sreće na starijim lokacijama,
- prisustvo informacione arhitekture, pažljivo i strateški postavljeni elementi na stranici, sa brigom na to kako će krajnji korisnik moći da upotrebi lokaciju,
- povećana pristupačnost lokacije, njena fleksibilnost,
- standardizovan markup koji ga sačinjava.
Dakle, tek kada se zadovolje ovi uslovi možemo da pričamo o vizuelnim elementima i dekoraciji interfejsa. Stoga ističem da layout koji ima velike ne-serifne fontove, zaobljene ćoškove i senke, a usput pola teksta u slikama, nesređene heading elemente i nesemantički markup nije uopšte web2.0.
Druga stvar, koja je možda i bitnija, web2.0 nije o frontend dizajnu. Dizajn je svakako specifičan za webdva aplikacije i lokacije, ali lokacija nije webdva samo zato što tako izgleda (ili ima AJAX nešto).
Za mene nešto da bi bilo web2.0 prvo mora da ima svrhu, da bude korisno, pa tek onda može i da izgleda moderno. Prema tome, hajde da umesto što se trudimo da nam sajtovi izgledaju što više jedni na druge, da se malo okrenemo na drugu stranu i probamo da ih napravimo da budu što više user friendly i da korisnici mogu nešto da urade sa/na njima. Koristimo tehnologije koje smo do sada koristili sa rezervom, ali ih koristimo sa merom i razlogom. Ne treba ti AJAX u styleswitcheru, ali i te kako ima mesta za njega danas ukoliko će skratiti neki posao ili poboljšati korisnički doživljaj (ne po “wow” merilima, nego po kriterijumima “sada mogu to-i-to za duplo manje vremena i/ili jednostavnije/u manje koraka nego ranije”)…
E to bi onda bilo totalno web2.0.
March 15th, 2006 at 6:21 pm
meni oba prijedloga super izgledaju
March 15th, 2006 at 6:39 pm
Ok, hvala Borise, nadam se će se i ostali izjasniti po pitanju interfejsa pa da ga počnem pretakati u XHTML. Ja (i Marko čini mi se) trenutno smo nagnuti više drugom rešenju (aka “Marine”), cenim da možemo da realizujemo ono za koga se odlučimo u narednih par dana, s obzirom da su oba dizajna osvanula za po jedan dan, XHTML i implementacija ne bi trebala da bude neki problem.
March 15th, 2006 at 6:58 pm
Slažem se potpuno s tobom kada kežeš da dizajn mora biti u funkciji sadržaja i korisničkog iskustva, a trend ko trend - danas jedno, sutra drugo…
Kopi-pejstam s Naked IT>2.0 culture bloga jednu takvu listu. Kaže:
Major MUST-DO’s:
* Rounded Shapes
* Shades
* Sans Serif
* Pastell v2.0
* Footers
* Buttons
* Font-Size: Oversized
* Descriptive HTML (XML style)
Major DO NOT’s:
* Java Applets (Script is fine though)
* Animated GIFs (the blinky ones)
* 100% Flash Websites
* Visible tables
Mislim, iako je sve to cool, bezveze je robovati trendovima i previše se koncentrirati na sve te “must do / must fo not” fore jer se tako vrlo često izgubi cijela slika i na kraju često bude zapostevljeno ono što je najvažnije - korisnik i sadržaj. Mislim da je ovih 5 točaka koje ti spominješ u tekstu puno važnije u cijeloj toj priči od svih tih trenutnih “trendi propisa”.
Što se tiče tvojih prijedloga dizajna meni su OK i jedan i drugi, a glasam za drugi. Neka se i ostatak ekipe uključi i izrazi svoje mišljenje, pa da to rješimo polako i krenemo dalje…
March 15th, 2006 at 7:03 pm
web2.0 je ideja a ne user interface; temeljna karakteristika bilo kojeg web2.0 projekta je kolaboracija i interakcija, sa ili bez serfinih fontova, sa ili bez slika, sa ili bez pastelnih boja
inače, kao osoba koja ponešto zna o slovima, postoje razlozi zašto se blok teksta uvijek radi sa serfinim fontom i zašto se naslovi rade neserifnim; probajte si isprintati neku knjigu u helvetici pa pročitajte i dojavite kako se osjećate nakon tog iskustva
March 15th, 2006 at 10:48 pm
Meni su oba podjednako dobra, s time da mislim da bismo se trebali koncentrirati na sadržaj. Ukoliko ćeš ići na black stajl, onda ne bi bilo loše kontrirati nekim ovakvim elementima www.feedicons.com - mislim na boje. Nedostaje nam kvalitetan logotip - koji se može aplicirati na bilo koji medij.
March 16th, 2006 at 11:31 am
Moj skromni komentar - prvi je jako dobar, ali pre underground - djeluje mi kao web2.0 hakersko sjelo. drugi - opet jako dobar, malo više corporate. mislim da je ključ u filozofiji koja stoji iza webdva.com - da li je ovo underground projekt ili poluposlovni prostor? (inače, svaka čast Dragane - u the best!) // oba mi se sviđaju, ali nisam shvatio namjenu. vidim da su svi dosta poslovni ljudi, ali opet sa aktivističkim tenzijama. hehe..samo sam dodatno zbunio situaciju. (filozofija!?)
March 16th, 2006 at 12:21 pm
Hehehe, Edo, ne dolivaj ulje na vatru.
March 16th, 2006 at 2:33 pm
Meni se drugi predlog (codename marine) više sviđa upravo zbog te japanske zen otvorenosti. Prvi predlog je veoma dobar, ali po mom mišljenju više ostavlja underground utisak, koji je po pravilu odiše zatvorenošću. Ovaj drugi predlog je idealan za ono što pravimo, otvoreni sajt gdje ljudi zaista mogu da pronađu relevantne vijesti o Web 2.0.
March 16th, 2006 at 5:50 pm
E ljudi dajte molim vas. Kakav underground, kakvi fazoni. Marko, ovo dolazi sa tvog sajta: http://www.firewheeldesign.com/ , http://veerle.duoh.com/ i http://www.colourmod.com/ .
Lično smatram da ovim sajtovima nije mana crna pozadina. Šta više. tamnije nijanse boja dodaju na exkluzivnosti, snazi. Ako to već želite postići.
Kao što reče Mrak, web 2.0 je ideja, način razmišljanja i korištenja dostupnih nam stvari. Web 2.0 nema nikakve veze sa dizajnom. To što se teži ka nekoj većoj korisnosti i pristupačnosti, to je nešo drugo.
Dragane, moj ti je prijedlog da ti izabereš onaj prijedlog koji se tebi više sviđa, prebaciš ga u xhtml/css, uglaviš u wordpress pa da se ta stvar završi već jednom, fakat predugo traje
Moj neki kont.
Kafaaaa…
March 17th, 2006 at 12:56 pm
Eto, kad već tražiš komentare.
Što se tiče web2.0 dizajna, također sam mišljenja da tako što ne postoji. Trend u kojem se ističe “web 2.0 - ness” novog, revolucionarnog sajta koji će nam promjeniti život, zato što ima više rss kanala, i zato što su naslovi 10 puta veći nego je potrebno i sl., je meni osobno odvratan i tipičan za američku kulturu. Također nema veze sa web 2.0.
Konkretno, što se tiče prijedloga dizajna (ovo će bit ala mi3komentar, neki se znaju naljutit na žestoke kritike, al ti nemoj, sve je dobronamjerno) :
Prvi prijedlog
——————————————–
Logotip:
1. nema ga.
2. ona 2 mjehurića se daju ok iskoristit, jer simboliziraju komunikaciju, interakciju, a to je jedno od glavnih obilježja koje bi ovakvi sajtovi trebali imat, pa ok. probajte to iskoristi i složit normalan logotip.
3. Taj “Logotip” zauzima centralni dio sadržaja, prvo mjesto gdje korisnik upre pogled, i ogroman je. zašto? Ok je to za neki sajt koji ima 4 statična teksta, i predstavlja neku firmu pa treba njen znak zapamtit. Ovaj sajt bi ljudi trebali svakodnevno posjećivati, ako bude uspješan, njima ne treba stalno sugerirati da su opet tu došli i šta ovaj sajt predstavlja.
Boje:
- Totalno a la “astalavista”, ili matrix đir. “no-no”:
- bijeli tekst na crnoj podlozi je “no-no”. Naporno ga je čitat, bar na mom lcd-u, (po mom skromnom mišljenju, nije user-friendly)
- sivi tekst na kričavo zelenoj podlozi. !?
Tipografija:
- nije dorađena
- naslove bi se dalo fino u georgiu ili garamond, ili neki fini serif, iako, očito to ne bi bilo kompatibilno sa bojama, i cjelokupnim stilom.
- smanjit možda font-size malo, koliko će skrolanja biti potrebno kad netko ostavi ovoliki komentar poput mene?
- line-height vs. font-size? (min. 1.4 / 1 )
imao bih još dosta primjedbi, ali mislim da nema smisla..
Drugi prijedlog
—————————————————
puno bolje.
- onaj verikalni opis, ili moto, ili kako već, ako je već vertikalan, zašto gura cijeli desni sadržaj do pola stranice prema dolje. Malo ga odmakneš u stranu, i digneš desni stupac gore. vjerojatno će s vremenom biti dodatnih stvari za sidebar, pa će ti možda taj prostor falit.
- očito je da si pokušao skinuti neki web 2.0 stil, što i nije loša ideja, samo, mislim da su gradijenti općenito zloupotrijebljeni u takvim dizajn-ima. npr. footer bi mogao izdržati remake, te pozadinski gradijenti… ima puno boljih načina za odjeliti sadržaj.
- zelena boja je prisutna na dugmadi i na cvijetu, ali recimo da imaš 2000 px sadržaja vertikalno. Gdje je onda cvijet. onda ta boja nema uporišta u ostalim sadržajima. drugim rječima, nema je nigdje drugdje.
- dalo bi se povećati font na dugmadi, čisto radi preglednosti
Eto.
. NHF. Možda sam pretjerao, al, sve u dobroj namjeri. Ovaj drugi dizajn se da još dosta sredit, i mišljenja sam da je dosta bolji.
Nemojte sad ić gledat moj sajt kako se raspada, nemam vremena ga sredit trenutno. Al, mislio sam, pošto već dajem kritiku, pristojno je da se potpišem.
pozdrav, sretno
P.S.
)
http://www.roundtwo.com/product/contentgenerator
( da ne moraš stalno utipkavat sadržaj )
April 13th, 2006 at 11:48 pm
Verovatno ću zvučati kao retard pošto komentarišem mesec dana kasnije, ali pošto si mi dao link, ne mogu odoleti
Mnogo je bolji drugi predlog ako ništa drugo ono zbog toga što IMHO za crnu pozadinu mora da postoji jako dobar razlog kojeg ovde ne vidim. Layout je lepše organizovan, čistije je i preglednije. Ono što mi se ne sviđa kod drugog predloga je sam title koji stoji verikalno, promenio bih mesto “search” i “o nama”, a ona “travka” bi možda trebala biti zamenjena nečim što nosi značajniju simboliku.
Ja opet imam svoj neki stav o ovom tagiranju i ovakvom “nazubljenom” prikazu tagove - “me not like it”
Ali vidim da je to trend, pa šta reći nego “go with the flow”.
BTW, sećam se jedne ekstenzije za QuarkXPress, mislim da se zvala Jabberwerky ili nešto slično koja je na raznim jezicima generisala dummy sadržaj, uživao sam sa tim. Mada možeš pored lorem ipsum malo i da “bork-uješ” - interesantnije je.
Interesantan vam je ovaj projekat, zašto ja nisam znao za to?
April 14th, 2006 at 9:17 pm
Eee… ne čitaš redovno Biznisblog. Da čitaš, znao bi
April 15th, 2006 at 5:15 pm
Pa zato što si stara škola.
Šalim se naravno, i hvala na komentaru na layout.
April 15th, 2006 at 6:49 pm
Pa jel’ to nesto lose? ‘ocete odmah da nas pokopate i da nam odrzite pomen?
Znas kako se kaze: bez starca nema… 