Archive for the 'Design Web' Category

Alanon Romania

Saturday, January 10th, 2009

Recent am reu?it s? g?sesc ni?te timp s? m? ocup de un proiect (de voluntariat) mai vechi.

Alanon România este pasul urm?tor dup? Alanon Ia?i, pe care îl f?cusem acu 1-2 ani (?i care, a?a urât cum îl vede?i, are rezultatele lui).

Dac? ?ti?i pe cineva care are nevoie, pute?i s? da?i linkul :)

“UI design patterns” – o resursa valoroasa

Wednesday, February 6th, 2008

Cei care am trecut pe la Info ?tim cam ce e ?la un pattern de proiectare: E?ti pus în fa?? cu o problem?, care, în forme ni?el diferite, a mai fost rezolvat? de zeci al?ii înaintea ta. În loc s? te apuci s? gânde?ti problema de la început ?i s? o întorci pe toate fe?ele, apelezi la un design pattern: o abordare general? ?i de succes pentru problemele de tipul ?sta, care, adaptat? la contextul t?u, î?i pot oferi o solu?ie bun? într-un timp relativ scurt. Cele mai cunoscute printre programatori, sunt, bineîn?eles, ?abloanele de proiectare a arhitecturii unei aplica?ii – softare design patterns. Dar mai exist? o clas? de patternuri, pu?in mai tân?r? probabil, care poate fi de mare folos în special web designerilor ?i designerilor de interfe?e-utilizator. Se cheam? UI design patterns.

UI = User Interface, deci un UI design pattern trebuie s? fie un mod de rezolvare a unei probleme de design de interfa??, prin folosirea unei solu?ii standard care “a mers” în situa?ii similare. Multe astfel de patternuri sunt deja folosite de designeri, chiar dac? nu întotdeauna în mod con?tient. Altele le-ar putea fi de folos, dac? ar ?ti de ele ?i ar ?ti cum s? le aplice.

A?adar, am ajuns la partea cu bun?t?t?i. Colec?ii de UI/IxD/IA design patterns care merit? v?zute ?i folosite:

Welie.com

Designing Interfaces

Yahoo Design Pattern Library

Mai sunt ?i altele, ?i sunt u?or de g?sit. Mie astea îmi sunt de ajuns. Dac? e?ti designer, sper s? î?i fie de folos.

Situl s?pt?mânii: 360city.ro

Saturday, December 1st, 2007

360city s-a lansat recent, din câte îmi dau seama. Ideea principal? sunt imaginile panoramice cu ora?ul Ia?i, realizate de Panovision, firma care a creat ?i situl.

Ideea e bun?, inten?iile onorabile (promovarea ora?ului Ia?i, ?i, pe viitor, ?i a altor ora?e din România), panoramele faine.

Din p?cate, realizarea sitului cam scâr?âie. Cel pu?in pân? acum.

Meniul principal are o anima?ie de vreo 2 secunde, în care toate op?iunile apar, una câte una, de la stânga la dreapta. Anima?ia e fain?, dar potrivit? doar pentru prima înc?rcare. Din p?cate, aceea?i anima?ie se repet? la fiecare selectare de op?iune din meniu (mai exact, la înc?rcarea oric?rei pagini a sitului). Asta, normal, în?eal? a?tept?rile (de ce a? vrea s? mai încarc o dat? meniul înc?rcat deja ?i care st?tea bine acolo?) ?i deranjeaz? (anima?ia nu e tocmai discret?).

Partea cea mai interesant?, din punct de vedere al con?inutului, e, deocamdat?, “360 IS“: acolo sunt pân? acum 7 panorame, cu loca?ii interesante din Ia?i. ?i aici se putea ?i mai bine, în ce prive?te situl. Flow-ul normal, în situa?ia asta, e acela?i cu într-o galerie de fotografii: deschid prima panoram?, o v?d, apoi trec la a doua. ?i a?a mai departe. Din p?cate, nu s-a avut în vedere asta, ?i pentru fiecare panoram? e nevoie de un click în plus (de revenire la pagina anterioar?). Acuma, pute?i s? zice?i c? un click nu e mare lucru…Dar la 7 panorame, deja se simte. Imagina?i-v? dac? ar fi vreo 30. Ca s? nu zic c? mai e ?i meniul care porne?te de fiecare dat? :) . Oricum, problema s-ar putea rezolva destul de u?or. Exist? ?i un design pattern pentru asta.

În meniul din stânga, la Baruri ?i Cafenele, am g?sit Sage Cafe. Nimic de comentat aici, doar m? bucur c? autorii au gust la cafenele :) . În rest, toate celelalte sec?iuni din acest meniu afi?eaz?: “! NU A FOST GASIT NICI UN REZULTAT”. Cu siguran?? se putea g?si o cu totul alt? formulare. Cum ar fi: “Suntem pe drum la f?cut poze. Reveni?i în curând, pentru a g?si ?i alte panorame cu loca?ii faine din Ia?i”. Ca s? nu mai zic: când o s? ne înv???m ?i noi S? NU MAI ?IP?M LA UTILIZATOR, mai ales atunci când problema e de partea noastr??

Am fost pu?in ?i în sec?iunea Contact. Asta pentru c? sunt sadic ?i ?tiu c? acolo întotdeauna g?sesc probleme… Ce-am g?sit aici, pe scurt: stelu?ele din dreptul câmpurilor din formular lipsesc (sau lipse?te fraza “v? rug?m completa?i toate câmpurile!” la începutul formularului). Bineîn?eles, în caz de necompletare, mesajul de eroare nu lipse?te: “NU ATI COMPLETAT TOATE CAMPURILE”. ?i doar ?tim regulile: erorile se previn, nu se trateaz? ?i ofer? feedback imediat ?i util. Ideal ar fi fost, normal, ?i pu?in ajutor de la Javascript, de genul background galben pentru câmpurile necompletate ?i verde pentru cele completate. Dar nu era obligatoriu, dac? aveam m?car ni?te stelu?e.

Tot la contact, formularea “Validare imagine” mi se pare un pic amuzant?. Doar e validat user-ul, nu imaginea, nu? :) . Mai simplu ar fi fost de g?sit un captcha ?i de tradus de acolo. Ar fi venit ceva de genul: “Introduce?i cuvântul din imagine”.

…Acuma s? nu m? în?elege?i gre?it: situl arat? bine, e închegat, e atractiv. E destul de curat ?i organizat, ?i f?cut cu bun gust. Ideea e foarte bun?, panoramele reu?ite, ?i sper s? le mearg? bine. Buba e tocmai la …interac?iune.

?i dac? tot m-am luat de s?racii oameni, hai m?car s? fac ?i eu un pic de promovare cu o imagine din sec?iunea Promo:

Viziteaz?-mi ora?ul

Succes!

Situl s?pt?mânii: Act 4 Trees

Wednesday, August 8th, 2007

Act 4 Trees

N-am mai v?zut de mult un design a?a legat, atr?g?tor ?i care invit? la utilizare. Poate pentru c? în general nu prea m? intereseaz? jocurile, online sau offline (de?i în ultima vreme am o poft? nebun? de Heroes..)

Act 4 Trees, sau Click 4 Trees, sau clicksospadurea.com, sau cum s-o mai fi chemând, este un joc cu un concept simplu: creeaz? o p?dure (sau mergi la una creat? deja) ?i pune cât mai mul?i copaci în ea. O vizit? pe zi înseamn? o frunz?. Bineîn?eles, p?durile cu mai multe vizite sunt mai mari ?i mai îngrijite, cele cu mai pu?ine sunt mai în paragin?. Dar asta o s? vede?i la fa?a locului.

Scopul sitului, din câte îmi pot da seama, este, pe lâng? informare ?i “înv??are prin joc”, cel de a face publicitate organiza?iei Aquaverde, care, cu ajutorul dona?iilor primite de la oameni ?i diverse organiza?ii, încearc? salvarea p?durii Amazonului. Bineîn?eles, reclam? î?i face ?i firma care a f?cut situl, dar din câte am v?zut, nu este link efectiv la ea, a?a c? asta e pe plan secundar.

A?a, s? nu uit. Aici e ?i p?durea de unde am aflat de proiect (mul?umesc, Bogdan). Se pare c? mai are nevoie de o gr?mad? de frunze :)

Atât deocamdat?. M? duc s? v?d dac? Aquaverde asta accept? PayPal.

Cum evalu?m un produs, ca designeri

Wednesday, June 27th, 2007

Mi se întâmpl? uneori s? m? gr?besc la judecat un produs (sit/ aplica?ie/ dispozitiv/ sistem) ?i eventual s? trag concluzii gre?ite. ?i am observat c? sunt ?i mul?i al?ii care fac la fel. Am citit de destule ori pe bloguri comentarii de genul: “ce na?pa e sigla asta”, “nu e intuitiv? aplica?ia”, “situl ?sta nu prea ?i-a reu?it”, “e varz?, frate!” sau “e super-mi?to”.

Atâta timp cât comentariile vin de la utilizatori obi?nui?i, totul e în regul?. Oricine are dreptul la o p?rere, ?i dac? utilizatorii fac parte din “publicul ?int?”, cu atât mai bine: designerul poate folosi acest feedback pre?ios pentru a încerca s? afle ce e bine ?i ce r?u la produsul construit.

Dar când vin de la al?i designeri sau “speciali?ti” în grafic?, web, interac?iune sau utilizabilitate, comentariile în genul de mai sus nu au (sau nu ar trebui s? aib?) nici o valoare. Sunt, în cel mai bun caz, destructive, iar în cel mai bun, inutile.

Sunt multe lucruri de luat în seam? când evalu?m un rezultat al unui coleg de breasl?. Dintre ele a? men?iona: utilizatorul final, cu nevoi, scopuri ?i caracteristici specifice; modelul afacerii pentru care e realizat produsul; imaginea care se dore?te a fi transmis? de c?tre o companie; raportul dintre resursele disponibile ?i valoarea adus? clientului sau utilizatorului; ?i altele…

Poate cel mai important de re?inut e un lucru evident în aparen??, dar destul de greu de con?tientizat: s-ar putea ca produsul s? nu îmi fie destinat mie; s-ar putea ca produsul s? fie ?i intuitiv, ?i atractiv, ?i important ?i tot a?a doar pentru un anume grup de utilizatori sau doar în anumite situa?ii. S-ar putea ca asta s? fie tot ce îi trebuie produsului ca s? aib? succes. ?i atunci s-ar putea s? se demonstreze c? p?rerea mea nu are nici o valoare.

Poate e greu la început, dar dac? vrem s? avem p?reri constructive, cred c? cel pu?in noi, designerii, ar trebui s? începem s? ne punem altfel de întreb?ri când evalu?m un produs. Întreb?ri de genul: oare cui îi e destinat? Oare se adreseaz? cui trebuie? Oare transmite mesajul dorit? Oare i s-au f?cut teste de “usability”? Eventual cu utilizatori din publicul ?int?? Oare place cui trebuie? Oare are rezultate?

?i atunci poate vom putea s? construim mai multe comentarii în forma: “Cred c? [...], pentru c? [...]“, ?i “Eu poate a? fi încercat [x] pentru a îmbun?t??i [y]“.

Yahoo! Messenger. R?u cu r?u, dar…

Thursday, January 25th, 2007

De fiecare dat? e la fel. Apare o nou? versiune. Are un “feature” nou sau dou? acolo, dar nu asta te intereseaz?. O instalezi pentru c? speri cu înfrigurare c? tura asta o s? mearg?..?i n-o s? intre în acele crize de isterie în care î?i crap? o dat? la 20 de secunde…?i, dac? e?ti mai îndr?zne?, speri c? m?car de data asta ?i-au dat seama c? nimeni nu vrea s? scrie în fereastra cu web-cam ?i o s?-?i lase cursorul la locul lui ?i n-o s? scoat? sunete ciudate când tu încerci s? scrii ?i el încearc? s? porneasc? web-camul…?i speri ca m?car tura asta s? ?in? minte c? nu vrei Inside Yahoo, ca s? nu trebuiasc? s? umbli iar la op?iuni…Dar nici o ?ans?… Nimic din ce conteaz? nu se schimb?

Dac? e?ti o fire mai perspicace, te prinzi de ?mecherie. ?i dac? e?ti o fire mai înc?p??ânat?, zici: “Nu, nu mai vreau upgrade. L?sa?i-m? în pace. Îl folosesc pe ?sta, a?a prost cum e. Nu-mi mai trebuie altul”.

Crezi c? scapi a?a u?or? Nici vorb?. Începe ?antajul emo?ional. Yahoo! nu are dreptul s? fac? ce vrea când vrea pe calculatorul t?u, ca Microsoft, dar are alt? mare for?? la dispozi?ie: Dialogul Modal. ?i a?a te ia Yahoo Messenger deoparte ?i î?i spune: “Auzi, uite care-i treaba: Dac? tu nu instalezi versiunea asta, eu de fiecare dat? când m? porne?ti am s? te bat la cap cu întrebarea asta stupid?. Nu mai bine e?ti b?iat de?tept, instalezi, ?i gata? Ce te cost?? Cinci minute ?i câteva op?iuni de setat din nou. Dup? aia te po?i bucura lini?tit de o nou? versiune instabil?. ”
Ce po?i s? mai spui?…Instalezi…

Dac? e?ti b?iat ?i mai de?tept ?i nu ai 30 de prieteni în lista de YM ?i doar 2-3 în cea de GTalk, treci pe GTalk. Dar eu am mai mult de 30 de prieteni în lista de YM. ?i nici prea de?tept nu sunt…

?i-a pl?cut articolul? Aici îl po?i vota pe Blogoree.

Situl s?pt?mânii – Infoiasi

Friday, December 1st, 2006

Am cam umblat pe coclauri în ultima vreme ?i nu prea am mai apucat s? scriu pe blog.
Acum am s? încep cu ce mai r?m?sese în coada de a?teptare. Primul la rând: Infoia?i.

Infoiasi - Pagina principala

Ca s? nu uit…Mul?umesc Dianei pentru sugestia cu Infoia?i-ul, eu nu eram la curent cu schimbarea sitului, ?i oricum, e bine s? comentez despre situri care chiar intereseaz? pe cineva.

Diana m-a rugat s? comentez despre imagine, în special. Eu deocamdat? am s? m? ab?in în privin?a asta, ?i pentru c? nu sunt cel mai avizat, ?i pentru c? a?tept întâi ?i alte comentarii.
Din ce m-am uitat pe site pân? acum, am observat cam urm?toarele probleme:

Situl doar în englez?

Nu ?tiu cum se vede la voi, dar eu nu am reu?it s? g?sesc o variant? în român? a sitului. Avem 2 posibile explica?ii pentru asta:

  1. Situl a fost f?cut doar în englez?

Sper c? nu e a?a, pentru c? ar fi de-a dreptul penibil…La urma urmei, majoritatea utilizatorilor sunt…hai s? fim serio?i..români.

  1. Situl face localizare automat?.

În alte cuvinte, asta ar însemna c? situl vede de unde încerc eu s? îl accesez, vede c? nu sunt prin România, ?i pentru c? nu ?tie finlandez? (normal) îmi serve?te varianta în englez?. Toate bune ?i frumoase, cu o singur? mare problem?: Orice sit scris în mai multe limbi trebuie s? ofere userului în orice moment posibilitatea s? schimbe manual limba utilizat?. Doar pentru c? situl crede c? poate ghici limba în care prefer s? îl citesc (lucru bun), nu înseamna c? întotdeauna ?i reu?e?te (caz în care e necesar? solu?ia de rezerv?)

DocumentDoesNotExist

Un bug pe care eu l-am g?sit în meniul din stânga, la “Recently visited”. Un link care trimite c?tre un document care nu exist?. Interesant.

Atât deocamdat?. Mai multe comentarii…în “Comentarii”.

Situl s?pt?mânii: Por?i de Emigrare

Thursday, November 9th, 2006

M-a rugat cineva sa îmi dau pu?in cu p?rerea despre un sit care în prezent e în construc?ie, anume Por?i de Emigrare. Întrucât situl e în construc?ie, nu am s? fiu nici prea dur, nici prea ironic (cel pu?in am s? încerc). O s? fie doar un alt post plictisitor, cu (sper eu) câteva sfaturi utile pe ici pe colo.

Observa?ie: Ce e scris mai jos e valabil doar la data la care scriu articolul, adic? 9 noiembrie 2006. Pagina fiind în construc?ie, unele lucruri probabil se vor mai schimba între timp.

Observa?ie 2: Când am publicat postul prima oar?, mi s-a atras aten?ia c? nu am vorbit deloc de p?r?ile bune ale sitului. Inten?ia mea nu a fost în nici un caz s? “desfiin?ez” situl, ci pur ?i simplu s? scriu despre câteva lucruri care mi-au s?rit în ochi ?i la care cred c? mai trebuie lucrat. Dac? nu am spus nimic despre con?inut, de exemplu, e pentru c?, la prima vedere, este bine structurat ?i accesibil (?i con?inutul conteaz? mult ;) ). În?eleg c? s-a muncit mult la sit ?i c? mai este de munc?. ?i le urez autorilor spor la treab? ?i s? ias? un sit la care s? nu mai am ce cârcoti nici m?car eu.
A?a, hai s? vedem:

Pagina de intro

În general cam orice sit care începe cu o pagin? de selec?ie a limbii creeaz? o impresie negativ? înc? de la început. Eu în?eleg c? s-a lucrat la anima?ia pus? acolo deasupra steagurilor ?i mai atenueaz? din efect, dar oricum…O astfel de pagin? în general nu e o idee bun?.

Selec?ia limbii trebuie s? poat? fi f?cut? din orice pagin? a sitului, nu din „prima pagin?”. S? nu uit?m c? folosind un motor de c?utare cineva poate „nimeri” la un momentdat pe orice pagin? a sitului. Dac? persoana vorbe?te doar englez? ?i a nimerit pe o pagin? în român? ?i nu g?se?te imediat un mod de a schimba pe englez?, va presupune c? situl e doar în român? ?i va merge în alt? parte. Tot efortul de traducere a con?inutului în 2 limbi este astfel aproape inutil.

E de preferat, bineîn?eles, ca schimbarea limbii s? nu schimbe ?i pagina (userul s? nu fie trimis „acas?” adic?, ci s? r?mân? pe pagina curent?). E un pic mai mult de munc?, dar dac? se merit? s? traduci, se merit? s? oferi ?i acces a?a cum trebuie la traducere.

Bineîn?eles, prin antetul Http (dac? nu m? în?el) se cam poate descoperi ?i loca?ia de unde e accesat? pagina ?i se poate folosi automat limba potrivit?. Rezolvarea asta e mai dificil de implementat totu?i, pentru c? trebuie neap?rat evitat riscul de a bloca un user într-o anumit? limb? (el trebuie s? aib? în continuare posibilitatea de a schimba limba, iar dac? a ales o dat? englez?, englez? r?mâne, indiferent c? e el din România sau din Italia).

A?adar, varianta precedent? r?mâne cea mai la îndemân? ?i cea mai sigur?, a? zice eu.

De v?zut ?i ?ablonul de interfa?? corespunz?tor

Meniul

  • Submeniurile într-un meniu în cascad? se deschid la mouse over, nu la click.
  • Din câte în?eleg eu uitându-m? acolo, meniul era gata f?cut vertical ?i s-a ales pozi?ionarea curent? pentru ca meniul s? aib? loc s? se „deschid?” f?r? a acoperi nimic altceva. În plus, folosirea meniului în stânga paginii ar fi consumat mai mult spa?iu decât a?a cum este acum. De?i nu va prezenta dificult??i în utilizare, mie mi se pare totu?i cam ciudat? a?ezarea. Pentru a se face acest loc meniului, a fost sacrificat spa?iu de branding; sigla st? acum izolat? în centrul header-ului ?i nu prea se leag? cu titlul sitului ca pozi?ionare.

Un meniu orizontal mi s-ar fi p?rut mai potrivit. Dac? g?sirea unuia gata f?cut ar fi o problem?, a? sugera COOLjsMenu. , sau, dac? nu, Google(nu m-am putut ab?ine :D )

  • Triunghiul care apare la mouse-over pe elementele din meniu nu merge prea bine acolo. Se schimb? deja culoarea la hover, butonul se apas? la click, ceea ce e foarte bine ?i suficient. Nu ?tiu cum s? explic, dar triunghiul ?la la hover mi se pare în plus.

Cuvinte în englez?

Nu face?i ca la mine pe blog! Dac? pagina e în român?, atunci în român? s? fie. „Powered by” nu are ce c?uta acolo, ?i nici „Home”, ?i nici „Link-uri” sau „Newsletter”.

De altfel, „powered by” oricum nu ar avea ce c?uta acolo. „Powered by” spui când ceva se mi?c? pe situl t?u ?i a fost f?cut de altcineva. Se refer? în general la firme de design sau dezvoltare web. De exemplu când ai luat un forum de pe net trebuie s? scrii „powered by PhpBB”, pentru c? a?a zic ei. Sau când iei un meniu, scrii „powered by COOLjsMenu ”. Powered by Caritas? Nu e o imagine prea bun?, nu? Caritas nu face nici design, nici programare :p Dar probabil “powered by” a fost doar uitat acolo ?i oricum urma s? fie scos ?i eu vorbesc aiurea acuma..:|

SEO (sau „dac? vrei s? ai vreo ?ans? s? te g?seasc? Google, cite?te aici”)

Aten?ie! Titlul paginii ?i sigla Caritas sunt într-un obiect Flash, împreun? cu meniul, unde nu vor fi g?site de Google. Dac? trebuie musai ca pagina s? aib? Flash (eu am o antipatie a?a pentru Flash, pentru cei care nu ?tiu), ave?i grij? ca titlul ?i sigla s? fie disponibile în mod text.
?i eventual citi?i aici despre cum se pot face obiectele programatice accesibile

Observa?ie: meniul pe care l-am men?ionat eu mai sus e meniu javascript ?i nu va fi v?zut nici el de motoarele de c?utare. Eu nu l-am folosit, dar b?nuiesc c? e ok pentru cazurile când nu te intereseaz? SEO sau nu ai cuvinte cheie în meniu.

M? opresc aici. Dac? sunt lucruri pe care le-am uitat, sper c? le observ? altcineva ?i ni le spune ?i nou?.

În rest, spor la instalarea forumului! ;)

Situl saptamanii – Politehnica Iasi

Tuesday, October 10th, 2006

Header Sit Poli Iasi

Am intrat mai demult pe situl Poli Ia?i, pentru c? eram ?i eu curios cam ce sit are echipa ora?ului nostru. ?i nu c? a? fi subiectiv, dar am fost pl?cut surprins.

Pagina principal? e curat?, strucurat?, echilibrat?, robust?. Culorilor clubului sunt folosite inteligent în crearea elementelor grafice ?i interactive. Sigla e a?ezat? cu grij?, la loc de cinste (?i f?r? probleme de decupaj ;) ) , dar brandul este sus?inut ?i înt?rit de toate elementele paginii.

Meniul

Meniul pe 2 nivele este potrivit pentru cantitatea de informa?ie existent?.
Decalarea de 2 secunde pân? la dispari?ia submeniului evit? “pierderea” accidental? a selec?iei curente.
Butonul “Contact”, care este link în sine ?i nu are un submeniu, comunic? acest lucru în 2 feluri: cursorul diferit ?i culoarea u?or diferit?.

Pagina principal? – con?inut

Con?inutul primei pagini, organizat pe 3 coloane, mi s-a p?rut suficient de util:

  1. Coloana din stânga
  • Sec?iune de C?utare în stânga sus
  • Etapa precedent? – rezultatul Politehnicii în prim plan, ?i celelalte rezultate pe scurt
  • Etapa viitoare – meciul Politehnicii în prim plan ?i celelalte meciuri pe scurt
  1. Coloana din centru:
  • ?tiri ?i evenimente
  • Clasament.
  1. Coloana din dreapta – în special pentru utilizatori înregistra?i:
  • Newsletter, Sondaj, Chat, Forum

Pân? acum am spus numai lucruri bune. Dar ar fi suspect s? fie chiar a?a. Mai sunt ?i probleme, ?i o s? începem s? le g?sim, încet-încet.

C?utarea

C?utarea func?ioneaz?, ?i prezint? rezultatele organizate dup? tipul lor: ?tiri, Meciuri, Juc?tori etc. Num?rul de rezultate g?site eu l-a? fi pus la început: “Am g?sit x rezultate în y categorii”. La urm? nu are nici o relevan??, mai ales c? toate cele x rezultate sunt afi?ate.

Un lucru de l?udat este apari?ia formularului de c?utare avansat?, pe lâng? rezultatele în sine. Din p?cate, aceast? zon? nu este îngrijit? aproape deloc: alinierea nu e corect? ?i spa?iul ocupat ar fi putut fi mai mic f?r? a afecta claritatea.

O filtrare … “inedit?”

Problema mea cea mai mare este totu?i…chiar în mijlocul paginii principale!

Con?inutul este organizat în dou? categorii: ?tiri ?i Evenimente. Cam discret? diferen?a, dup? p?rerea mea. Dar ce e mai ciudat e un lucru pe care nu l-am mai v?zut în nici un alt loc: Butoanele care selecteaz? cele 2 categorii sunt…în mijlocul con?inutului!! Pagina începe cu un articol, care e probabil articolul zilei, urmeaz? o scurt? zon? de “pronostic” pentru meciul urm?tor, apoi cele 2 butoane, apoi restul articolelor. M-am uitat atent: articolul “principal” se schimb? ?i el în func?ie de categorie. Deci nu exist? scuza c? butoanele ar fi doar pentru restul articolelor. Nu, ele schimb? tot, deasupra ori dedesubt. Interesant.

În partea de jos mai este un filtru pentru articole, de data asta dup? subiect. Un lucru bun, dar dup? p?rerea mea locul filtrului era tot în partea de sus – eventual ni?te taburi sau ceva similar.

Clasamentul

Ca s? termin?m cu coloana din mijloc, nu prea am în?eles culorile alese pentru clasament. Contrastul e slab, ?i clasamentul face not? discordant? cu restul designului. Cel pu?in a?a mi se pare mie.

Pagina principal? = Pagin? de ?tiri?

Un alt lucru care nu mi-a pl?cut a fost c? pagina principal? seam?n? izbitor de mult cu sec?iunile de ?tiri. Din punctul meu de vedere, ar fi fost suficient ca pe pagina principal?, în zona central?, s? apar? articolul zilei, link la ?tiri, sec?iunea de pronostic ?i clasamentul – adic? s? fie eliminate celalte ?tiri (sau cel mult foarte condensate) În felul ?sta ar urca ?i clasamentul mai sus, nu ar fi la dou? ecrane distan??.

În rest – con?inut bun, cu mici probleme de prezentare

Am aruncat o privire ?i pe restul paginilor. Cantitatea de informa?ii este mai mult decât satisf?c?toare ca s? nu zic impresionant?, dar probleme mai apar pe alocuri: probleme de aliniere la sec?iunile de meciuri, CAPS la numele juc?torilor ?i a?ezare mai pu?in îngrijit?.

Înregistrarea – inten?ii bune, realizare slab?

Mi-au pl?cut inten?iile bune din sec?iunea de Înregistrare. Situl chiar vorbe?te cu userul ?i îl trateaz? “uman”, explicându-i cu r?bdare procesul ce va urma. Aceast? abordare a dialogului contribuie pozitiv la experien?a utilizator, dar modul de realizare în aceast? situa?ie nu e prea reu?it: Textul e prea amplu ?i trimite controalele înafara p?r?ii vizibile a ecranului. Astfel, la orice problem? în verificarea formularului, userul este întors la pagin?, dar problema nu este vizibil?. De-abia dac? intuie?te c? ceva nu a mers bine, va da scroll pân? în josul paginii ?i va putea vedea eroarea: “User deja existent”.

În plus, mesajul de eroare are aceea?i culoare ca restul textului de pe pagin? ?i este cu atât mai greu de distins.

Concluzii

M? opresc aici. Probabil ar mai fi de spus, dar deja cred c? am spus prea multe. R?mân la impresia mea bun? despre acest sit. Nu pentru c? ar avea ceva spectaculos sau o interac?iune extraordinar?. Ci doar pentru c? e mult mai mult decât a?teptam de la situl unei echipe de mijlocul clasamentului (?i asta în vremurile bune) de la noi.

P.S. Era s? uit: Am fost informat c? situl a fost f?cut de New Flavour.

?i-a pl?cut articolul? Aici îl po?i vota pe Blogoree.

Situl saptamanii – 24 Ways

Sunday, October 8th, 2006

M? plimbam azi pe net ?i am dat “pur întâmpl?tor” (;)) peste 24 Ways. Situl e conceput pentru web designeri/developeri, din câte îmi dau eu seama. E vorba de 24 de tutoriale, care mai de care, de “impresionat prieteni”. Nu le-am citit înc?, dar par destul de interesante. Sper s? foloseasc? pasiona?ilor de web.
Interesant? ideea de sit început ?i terminat ?i gata. Sunt curios totu?i dac? r?mâne chiar a?a sau dac? mai pun tutoriale noi din când în când. Ar fi ceva…Am s? îl urm?resc un timp, numai s?-mi satisfac curiozitatea…

Despre interac?iune nu sunt prea multe de zis. Curat?, simpl? ?i la obiect.
Nu are linkuri de navigat prin colec?ia de tutoriale – dar eu unul nu am sim?it nevoia. S? nu uit?m c? un web designer/developer (?i nu numai) oricum va prefera butonul de Back unui link din pagin?. ?i fiind vorba de tutoriale, costul unui click e nesimnificativ comparativ cu timpul petrecut pe fiecare pagin? în parte. Ca s? nu mai spunem c? nu este nici o leg?tur? logic? între 2 tutoriale succesive, deci o revenire la pagina principal? nu va întrerupe flow-ul, ci va oferi doar posibilitatea alegerii unui alt tutorial, în func?ie de titlu.

Dar gata cu comentariile. Merg ?i eu la somn, s? prind ni?te for?e proaspete. Mâine e o zi nou?. ?i o s?pt?mân?. ?i un an.