Navighînd azi pe net am găsit o analiză interesantă a paginei web Privesc.eu efectuătă de UX.md.
Iată analiza:
Accesând privesc.eu vedem următoarele:
Click pe imaginea de mai sus pentru a o vizualiza în mărime naturală.
Link-urile România Moldova şi Toate regiunile. Apoi butoanele RSS, Add to Blogger şi + Google.
Imagine micşorată
Urmează un slider plin de titluri de noutăţi, date şi ore. Când dăm cu mouse-ul deasupra titlurilor, ne dăm seama că sunt link-uri. Însă la apăsarea pe unele dintre acestea, pur şi simplu nimic nu se întâmplă (href=#). Îmi vine ideia că acesta o fi o forma de widget.
Imagine micşorată
Mergem mai departe:
Vedem logo-ul, apoi o serie de link-uri, care ne duc la ideia că aici se află navigarea principală. Ar fi mai bine ca aceste link-uri să fie de culoare albastră pentru ca să fie evident că sunt link-uri.
Imagine micşorată
Urmează o suprafaţă mare albă deptunghiulară cu colţurile rotunjite şi cu un efect de umbră. În interiorul acesteia găsim un titlu mare, apoi un separator, apoi “Transmis în data de…”
Imagine micşorată
Bun. Mai apoi un player video (care cu părere de rău nu este complet vizibil în regiunea above the fold – adică în partea vizibilă a paginii web fără a da scroll, chiar la o rezoluţie de 1280x800px) şi pe dreapta un box cu comentarii. Mai jos de player un modul de facebook şi opţiunea de a plasa video-ul pe un alt site. Mai jos de toate astea urmează 4 imagini fără nici un titlu sau indicaţie ce or fi însemnând. Să fie clipuri translate sau categorii?
Imagine micşorată
Apoi un modul mare de facebook şi mai jos bannere.
Imagine micşorată
Tot ce am înţeles până acum este că pagina web are conţinut video. Şi presupunem că acelaşi lucru îl înţelege orice persoană care intră pentru prima dată pe această pagină web. Poţi afla mai multe despre ce este privesc.eu accesând compartimentul Despre noi.
Conţinutul
Să vorbim un pic despre conţinut. Conţinutul sunt aceste Live-uri, care au 3 stări după cum am observat:
- viitoare
- curente
- trecute
Cele viitoare sigur că nu sunt disponibile decât sub formă de anunţ precum că urmează a fi translate la o anumită oră / dată. Curente – sunt cele care rulează pe site. Trecute – pot fi mai apoi vizionate la compartimentul Arhivă.
Navigare şi arhitectura informaţiei
Am observat la compartimentul Widget că există totuşi mai multe categorii de Live-uri. Este bine de inclus în navigare în acest caz şi posibilitatea de a urmări conţinutul după categorii. Apoi nu toţi itemii din meniul principal sunt prezenţi pe toate paginile. Să vedem navigarea principală: Live, Perle, Arhiva, Ria, Widget, SMS, Blog, Contact şi Despre Noi.
În primul rând compartimentele Widget, SMS şi butoanele de RSS, Add to Blogger, Facebook şi + Googlepropunem să fie grupate ca itemi a unui compartiment Instrumente / Urmăreşte-ne. Plus ar fi bine de rearanjat itemii meniului: Prima pagină (logo), Live, Arhiva, Perle, Ria, Blog, Despre Noi, Instrumente, Contact. Iată cum ar arăta acest lucru în interpretarea noastră:
Imagine micşorată
În rezultat s-a economisit spaţiu şi informaţia a fost structurată.
Agenda
În primul rând trebuie de menţionat ca este agendă (sliderul de sus are funcţionalitatea de agendă la moment). În al doilea de făcut accesibile doar link-urile care au legătură spre conţinut existent. Iată ce propunem:
Ia codul
Economisim spaţiu şi în cazul elementelor care se află mai jos de playerul video şi în special pentru funcţionalitatea Codul video. Aceasta din simplu motiv că nu toată lumea ia codul videoului şi îl integrează pe pagina sa, de unde şi concluzia că pentru toată această audienţă acest element este pur şi simplu în plus.
Arhiva
Imediat mai jos de playerul video şi comentarii zicem că este bine de inclus ultimele Live-uri plus de făcut o legătură şi spre arhivă.
Imagine micşorată
Apoi urmează publicitatea prin bannere.
Comentariile
Ne gândim la două stări a acestui element: compactă şi extinsă.
Tehnic
Designul de mai jos l-am propus gratis spre implementare pentru privesc.eu:
Click pe imagea de mai sus pentru a o vedea în mărime naturală. Vezi testul de above the fold.
Sursa: UX.md