- How to Ruin a Web Design - The Design Curve
- Cum sa distrugi un web design - traducerea articolului de mai sus
sâmbătă, noiembrie 18, 2006
How to Ruin a Web Design
marți, noiembrie 07, 2006
HTML continua
In 27 octombrie Timothy John "Tim" Berners-Lee aka TIMBL, inventatorul World Wide Web si directorul W3C a publicat un post - Reinventing HTML - pe blogul sau referitor la continuarea dezvoltarii HTML. Am desprins de acolo cateva idei pe care vi le prezint in continuare.
Fiind folosit de milioane de persoane, o multime de recomandari de imbunatatire a HTML au ajuns la W3C, practic orice dezvoltator putand face o lista de astfel de imbunatatiri. Larga sa utilizare precum si dificultatile aparute in demersul de tranzitie la XHTML au determinat W3C sa decida continuarea dezvoltarii HTML.
Au trecut aproximativ 7 ani de la ultima actualizarea a acestui markup language datorita in primul rand intentiei de a-l inlocui cu noul XHTML. Acesta incercare de a determina trecerea de la html la xhtml, un cod mai strict, mult mai bine formatat a esuat in mare parte datorita reactiilor producatorilor de browsere.
O mare parte dintre dezvoltatorii web au facut deja trecerea si se bucura de beneficiile unui cod bine formatat. Cea mai mare parte insa, foloseste in continuare cu succes HTML si nu sunt inca dispusi sa faca aceasta trecere.
Continuarea dezvoltarii HTML va incepe cu constituirea unui nou grup care va lucra in paralel la HTML si XHTML si pe care le vor actualiza periodic. Exista sprijin pentru formarea acestui grup din multe parti inclusiv din partea producatorilor de browsere.
Intr-o prima faza se va lucra la formulare, se vor extinde functionalitate lor, se vor adauga noi functionalitati, se va incerca o apropiere de Xforms, Web Forms 2.0.
Fiind un intrument foarte folositor atat utilizatorilor cat si pentru dezvoltarea standardelor web se urmaresc imbunatatiri aduse si validatorului care va analiza si mai multe elemente si va devenind astfel mult mai folositor.
Tot aici se vorbeste de un nou grup de dezvoltare a XHTML2, independent de HTML.
Mentinerea si devoltarea HTML tinde sa prelungeasca perioada de tranzit spre un cod XML-like, acesta se pare ca va fi totusi finalul.
Daca deja ati trecut la XHTML, bucurati-va de decizia voastra si de beneficiile unui cod bine formatat. Daca nu, puteti astepta un HTML4.2 sau de ce nu HTML5.0.
Au mai scris despre acest subiect:
Roger Johansson - New W3C working group to improve HTML
Anne van Kesteren - Victory: new HTML WG
Tim Anderson - Reinventing HTML: it may be too late
Sean Fraser - W3C HTML Reinvention
Joe Clark - How not to fix HTML
Se discuta despre acest subiect:
Reinventing HTML: discuss
Reinventing HTML - W3C to restart HTML development
Fiind folosit de milioane de persoane, o multime de recomandari de imbunatatire a HTML au ajuns la W3C, practic orice dezvoltator putand face o lista de astfel de imbunatatiri. Larga sa utilizare precum si dificultatile aparute in demersul de tranzitie la XHTML au determinat W3C sa decida continuarea dezvoltarii HTML.
Au trecut aproximativ 7 ani de la ultima actualizarea a acestui markup language datorita in primul rand intentiei de a-l inlocui cu noul XHTML. Acesta incercare de a determina trecerea de la html la xhtml, un cod mai strict, mult mai bine formatat a esuat in mare parte datorita reactiilor producatorilor de browsere.
O mare parte dintre dezvoltatorii web au facut deja trecerea si se bucura de beneficiile unui cod bine formatat. Cea mai mare parte insa, foloseste in continuare cu succes HTML si nu sunt inca dispusi sa faca aceasta trecere.
Continuarea dezvoltarii HTML va incepe cu constituirea unui nou grup care va lucra in paralel la HTML si XHTML si pe care le vor actualiza periodic. Exista sprijin pentru formarea acestui grup din multe parti inclusiv din partea producatorilor de browsere.
Intr-o prima faza se va lucra la formulare, se vor extinde functionalitate lor, se vor adauga noi functionalitati, se va incerca o apropiere de Xforms, Web Forms 2.0.
Fiind un intrument foarte folositor atat utilizatorilor cat si pentru dezvoltarea standardelor web se urmaresc imbunatatiri aduse si validatorului care va analiza si mai multe elemente si va devenind astfel mult mai folositor.
Tot aici se vorbeste de un nou grup de dezvoltare a XHTML2, independent de HTML.
Mentinerea si devoltarea HTML tinde sa prelungeasca perioada de tranzit spre un cod XML-like, acesta se pare ca va fi totusi finalul.
Daca deja ati trecut la XHTML, bucurati-va de decizia voastra si de beneficiile unui cod bine formatat. Daca nu, puteti astepta un HTML4.2 sau de ce nu HTML5.0.
Au mai scris despre acest subiect:
Roger Johansson - New W3C working group to improve HTML
Anne van Kesteren - Victory: new HTML WG
Tim Anderson - Reinventing HTML: it may be too late
Sean Fraser - W3C HTML Reinvention
Joe Clark - How not to fix HTML
Se discuta despre acest subiect:
Reinventing HTML: discuss
Reinventing HTML - W3C to restart HTML development
joi, noiembrie 02, 2006
Prima impresie conteaza
Este in cele mai multe cazuri cea mai importanta pagina a websiteului, mai ales din punctul de vedere al impactului pe care poate sa il aiba asupra vizitatorilor. In medie sunt necesare 7 – 11 secunde pentru a convinge un vizitator sa ramana pe site. Asa ca... de cele mai multe ori acest rol ii revine paginii de start. Tocmai de aceea trebuie sa avem in vedere ca aceasta pagina sa fie diferita de celelalte pagini ale unui website.
Cum prima impresie conteaza, iar pe internet conteaza enorm, am notat mai jos, cateva idei referitoare la prima de start a unui website. Astfel, prima pagina:
Exprima clar scopul, mesajul websiteului.
Asigura-te ca stii si comunici cat mai clar cu putinta care este scopul acestui website. De ce exista si ce face? Majoritatea persoanelor petrec foarte putin timp pe un website. Subliniaza ce ofera acesta si prin ce se difera de websiteurile concurente. Nu te astepta ca o persoana sa citeasca prea mult text sau sa dea prea multe clickuri pentru a afla ce anume vrea sa comunice siteul tau. Daca nu gaseste foarte usor raspunsul la cel putin una din intrebarile sale pe prima pagina e foarte posibil sa-l paraseasca imediat.
Este usor accesibila din oricare alta pagina a websiteului
Pune linkuri catre prima pagina pe toate celelalte pagini ale websiteului. De multe ori simti nevoia sa te intorci pe prima pagina pentru a relua un anumit traseu. Majoritatea websiteurilor folosesc un link pe logo spre prima pagina. Nu toate persoanele stiu, insa, ca ca logo-ul este in sine un link catre prima pagina, asa ca pune si un link numit Acasa sau Prima pagina. Pe prima pagina, totusi, un astfel de buton nu-si mai gaseste rostul, nu de alta, dar esti deja acolo.
Se regaseasc cele mai importante informatii ale websiteului
Nu incarca prea mult prima pagina. Fa astfel incat numai cele mai importante informatii, sectiuni, mesaje sa se gaseasca pe prima pagina. Arata DOAR ce ai cel mai nou si mai bun.
Reflecta calitatea si credibilitatea websiteului
Prima pagina formeaza vizitatorului o impresie despre calitatea si credibilitatea intregului site. Fa astfel incat acesta impresie sa fie una pozitiva. Intr-un studiu li s-a cerut subiectilor sa clasifice cateva situri in functie de calitate. Jumatate dintre acestia nu au navigat dincolo de prima pagina formandu-si parerea numai pe baza primei pagini.
Nu contine text inutil
Vizitatorii nu citesc ci scaneaza o pagina web. Blocurile mari de text obosesc, plicisesc si, de cele mai multe ori, sunt evitate. Formuleaza mesajele in texte scurte – o idee per paragraf, linkuri si titluri relevante, care sa atraga interesul si atentia vizitatorului.
3 sugestii pentru prima pagina
Anunta din timp schimbarile esentiale ale primei pagini sau ale intregului website
Utilizatorii retin usor structura unei paginii: sectiunile cele mai utilizate si rubricile cele mai citite de ei. Anunta in prealabil orice schimbare majora a primei pagini sau websiteului. In acelasi timp pastreaza pe prima pagina, o perioada, sectiunile anterioare sau pune linkuri catre acestea.
Alege un titlu cu vizibilitate buna atat pentru motoarele de cautare cat si pentru bookmarks.
Incepe titlul cu numele companiei, serviciului, produsului caruia i se adreseaza websiteul. Continua titlul cu o mica descriere care sa contina si cateva cuvinte cheie, de exemplu: “ BusinessWeek: Daily & Breaking News, Top Stories from BusinessWeek News” contine numele jurnalului - BusinessWeek, o scurta descriere -Daily & Breaking News si ce poti gasi pe prima pagina - Top Stories from BusinessWeek News. Pastreaza totul in limita comprehensiunii umane, nu folosi in titlu numai cuvinte cheie (pentru motoarele de cautare), pagina se adresea oamenilor in primul rand.
Foloseste inteligent elementele grafice
Acestea trebuie sa sustina mesajul nu sa-l defineasca. Rolul lor este de a sublinia sau de a comunica un mesaj nu de a decora un website. Imaginile sunt instrumente puternice de comunicare cand sunt folosite ca mijloc de sustinere a unui mesaj anume. Tot ele pot avea un efect negativ cand sunt frivole si irelevante. Incearca sa te incadrezi intre 5 – 15% elemente grafice in prima pagina. Niciodata nu uita de textul alternativ imginilor (alt text).
Sfatul cel de pe urma
Renunta definiv la pagini intro (intro pages, spash pages) cu/si animatii flash.
De ce? - Pentru ca incalca toate ideile si sugestiile enuntate mai sus.
Cum prima impresie conteaza, iar pe internet conteaza enorm, am notat mai jos, cateva idei referitoare la prima de start a unui website. Astfel, prima pagina:
Exprima clar scopul, mesajul websiteului.
Asigura-te ca stii si comunici cat mai clar cu putinta care este scopul acestui website. De ce exista si ce face? Majoritatea persoanelor petrec foarte putin timp pe un website. Subliniaza ce ofera acesta si prin ce se difera de websiteurile concurente. Nu te astepta ca o persoana sa citeasca prea mult text sau sa dea prea multe clickuri pentru a afla ce anume vrea sa comunice siteul tau. Daca nu gaseste foarte usor raspunsul la cel putin una din intrebarile sale pe prima pagina e foarte posibil sa-l paraseasca imediat.
Este usor accesibila din oricare alta pagina a websiteului
Pune linkuri catre prima pagina pe toate celelalte pagini ale websiteului. De multe ori simti nevoia sa te intorci pe prima pagina pentru a relua un anumit traseu. Majoritatea websiteurilor folosesc un link pe logo spre prima pagina. Nu toate persoanele stiu, insa, ca ca logo-ul este in sine un link catre prima pagina, asa ca pune si un link numit Acasa sau Prima pagina. Pe prima pagina, totusi, un astfel de buton nu-si mai gaseste rostul, nu de alta, dar esti deja acolo.
Se regaseasc cele mai importante informatii ale websiteului
Nu incarca prea mult prima pagina. Fa astfel incat numai cele mai importante informatii, sectiuni, mesaje sa se gaseasca pe prima pagina. Arata DOAR ce ai cel mai nou si mai bun.
Reflecta calitatea si credibilitatea websiteului
Prima pagina formeaza vizitatorului o impresie despre calitatea si credibilitatea intregului site. Fa astfel incat acesta impresie sa fie una pozitiva. Intr-un studiu li s-a cerut subiectilor sa clasifice cateva situri in functie de calitate. Jumatate dintre acestia nu au navigat dincolo de prima pagina formandu-si parerea numai pe baza primei pagini.
Nu contine text inutil
Vizitatorii nu citesc ci scaneaza o pagina web. Blocurile mari de text obosesc, plicisesc si, de cele mai multe ori, sunt evitate. Formuleaza mesajele in texte scurte – o idee per paragraf, linkuri si titluri relevante, care sa atraga interesul si atentia vizitatorului.
3 sugestii pentru prima pagina
Anunta din timp schimbarile esentiale ale primei pagini sau ale intregului website
Utilizatorii retin usor structura unei paginii: sectiunile cele mai utilizate si rubricile cele mai citite de ei. Anunta in prealabil orice schimbare majora a primei pagini sau websiteului. In acelasi timp pastreaza pe prima pagina, o perioada, sectiunile anterioare sau pune linkuri catre acestea.
Alege un titlu cu vizibilitate buna atat pentru motoarele de cautare cat si pentru bookmarks.
Incepe titlul cu numele companiei, serviciului, produsului caruia i se adreseaza websiteul. Continua titlul cu o mica descriere care sa contina si cateva cuvinte cheie, de exemplu: “ BusinessWeek: Daily & Breaking News, Top Stories from BusinessWeek News” contine numele jurnalului - BusinessWeek, o scurta descriere -Daily & Breaking News si ce poti gasi pe prima pagina - Top Stories from BusinessWeek News. Pastreaza totul in limita comprehensiunii umane, nu folosi in titlu numai cuvinte cheie (pentru motoarele de cautare), pagina se adresea oamenilor in primul rand.
Foloseste inteligent elementele grafice
Acestea trebuie sa sustina mesajul nu sa-l defineasca. Rolul lor este de a sublinia sau de a comunica un mesaj nu de a decora un website. Imaginile sunt instrumente puternice de comunicare cand sunt folosite ca mijloc de sustinere a unui mesaj anume. Tot ele pot avea un efect negativ cand sunt frivole si irelevante. Incearca sa te incadrezi intre 5 – 15% elemente grafice in prima pagina. Niciodata nu uita de textul alternativ imginilor (alt text).
Sfatul cel de pe urma
Renunta definiv la pagini intro (intro pages, spash pages) cu/si animatii flash.
De ce? - Pentru ca incalca toate ideile si sugestiile enuntate mai sus.
Abonați-vă la:
Postări (Atom)