Category Archives: reviews

Sfatul de la ora 5. Episodul 73: 3pitici.ro

5 observatii si sfaturi de la Olivian Breda

1. Contul de Twitter și cel de G+ sunt semi-părăsite.

2. Aș traduce tema de blog în română.

3. Aveți uneori puține poze la produse.

4. Aveți probleme cu conținutul duplicat, aveți descrieri duplicate la produse. Vă recomand descrieri scrie individual pentru fiecare produs.

5. În opinia mea, e foarte mult să aveți 26 de pagini de promoții în același timp:

V-aș recomanda să aveți cel puțin o listă cu promoțiile de top.

5 observatii si sfaturi de la Ioana Barbu

1. Listare produse: O prima recomandare se refera la listarea produselor din categorii – aceasta ar trebui facuta dupa alte criterii decat cele de pret crescator. V-as recomanda sa afisati primele cele mai vandute produse, sau produse similare si de valoare aproiata cu valoarea medie a comenzilor pe categoria respectiva astfel incat sa ajutati clientul in decizia de cumparare si sa cresteti conversiile.

2. Shopping cart: Zona cu invitatia de a folosi un cod de reducere mi se pare prea evidenta. Daca nu sunt dese situatiile in care oferiti cod de reducere va recomand sa implementati zona respectiva mai putin agresiv pentu a nu crea frustrari clientilor care nu beneficiaza de acest cod.

3. Shopping cart: preselectati cea mai folosita metoda de plata.

4. Shopping cart: multi clienti adauga produsele in cos pentru a vedea costul total. Va recomand sa adaugati un rand pentru costul de transport, eventual necompletat dar cu invitatia de a-si adauga adresa pentru a putea calcula si acel pret.

5. Shopping cart: Butonul “Actualizeaza cos” este pozitionat prea departe de zona la care se aplica, si anume campul cu cantitatea de produse. Va recomand sa pozitionati “Sterge” pe o coloana separata (ca text sau iconita) si sa puneti in locul lui textul “Actualizeaza cos”. V-ar ajuta sa renuntati la el ca buton si sa eliberati vizual spatiul. In prezenta unui buton care permite stergerea produselor din cos nici “Goleste cos” nu mi se pare foarte util. Daca vreti sa-l pastrati va recomand sa-l implementati mai putin evident. Singurul buton important este “Trimite comanda”.

Site-ul mi se pare foarte bine realizat, felicitari!.

Sfatul de la ora 5. Episodul 72: ido.ro

Site: ido.ro, un site care prezinta vremea bucuresti.

5 observatii si sfaturi de la Olivian Breda

1. Nu mi se pare OK că homepage-ul nu e: http://www.ido.ro/

2. Pagina voastră Meteo Bucuresti. IDO: meteo pur si simplu despre noi lipsește. Ghid realizare:
“Despre noi” – ghid realizare: Olivian Breda

3. Ultima știre meteo are 6 săptămâni. Aș căuta actualizări.

4. Aș pune pentru Facebook casetă tip Like.

5. Vă recomand să customizați butonul add to any sau să îl eliminați complet.

5 observatii si sfaturi de la Seogan

1. Imi este un pic neclara structura site-ului. Pare ca exista site-ul ido.ro care are multe localitati indexate, mai exact 2640 de pagini, vezi pe https://www.google.ro/search?q=site%3Aido.ro. Dar exista si vremea.ido.ro care are 1640 de pagini indexate: https://www.google.ro/search?q=site%3Avremea.ido.ro

Site-urile exista in paralel. Nu par a avea unul mai multa informatie decat celalalt. Cel cu autoritate mai buna pare a fi vremea.ido.ro. Intrebarea mea ar fi: ce planuri aveti pentru cele doua site-uri? Este nevoie sa existe in paralel? As sugera sa renuntati la unul.

O sa continui mai jos analiza pe ido.ro, asa cum mi s-a cerut.

2. Site-ului ii lipseste continutul. Pare facut pentru AdSense, cu multe anunturi si stiri care directioneaza catre un alt subdomeniu (care vorbeste tot despre vreme): vremea.ido.ro

Asa cum a sublinit si Olivian, nu exista pagina Despre noi, lucru care nu inspira incredere.

3. Pentru fiecare oras sunt doua tipuri de pagini: una optimizata pentru meteo + localitate (ex: meteo bucuresti), una optimizata pentru vremea + localitate + 15 zile (exemplu: vremea bucuresti 15 zile). Titlurile si descrierile au cuvintele cheie si sunt unice pentru fiecare pagina in parte. Structura este automata, titlurile si descrierile sunt diferite.
Exista insa pagini indexate cu continut identic care au titluri diferite. Exemplu: http://www.ido.ro/sibiu/ si http://www.ido.ro/Sibiu.htm – ultima acum e redirectata catre pagina home. Deduc ca inca se lucreaza la structura site-ului. Redirectarea ar fi fost bine sa se faca catre pagina corespunzatoare, nu catre pagina home.

4. Se linkeaza putine domenii la ido.ro – numai 26, spre deosebire de vremea.ido.ro care are 76 de domenii care se linkeaza la el. Ar fi bine sa fie pastrat cel cu linkuri mai multe, daca sunt de calitate.

5. Anchor textul de la linkurile primite de ido.ro sunt in mare majoritate pe numele site-ului, ceea ce pare natural. Majoritatea site-urilor nu par insa de calitate foarte buna. E important sa gasiti site-uri de calitate sa vorbeasca despre voi.

Succes.

Update (28 mai 2013)

5 observatii si sfaturi de la Ioana Barbu

1. Logo: af fi util sa explicati ce insemna ido. Ar face logo-ul si site-ul mai memorabil.

2. Homepage: V-as recomandasa afisati explicatia urmatoare mai aproape de zona unde se aplica. Am remarcat si este un lucru bun ca are o animatie simpla – acest lucru atrage atentia si o face mai vizibila.
Mi se pare totusi o implementare destul de improprie unui site unde navigarea se face in mod implicit din mouse.

3. Homepage: Pentru a oferi sentimentul de actualitate vizitatorilor va recomand ca la zilele saptamanii sa adaugati si data calendaristica.

4. Prognoza extinsa poate fi afisata in completare la prognoza pe 7 zile (fara sa se reincarce pagina). Ar oferi o experienta mai placuta utilizatorilor.

5. Mi se pare greu de navigat pe judete/regiuni daca vrei sa stii cum va fi vremea in alta localitate. Puteti folosi un search cu autocomplete (sau o harta, desi in acest caz e mai greu de gasit o localitate anume)

Sfatul de la ora 5: Episodul 69: toatereducerile.net

p>Site: toatereducerile.net, site-ul unde gasesti cele mai noi reduceri din magazinele online romanesti.

5 observatii si sfaturi de la Olivian Breda

1. Aș face linkurile de afiliere disponibile nu neapărat prin link afiliat, ci aș trimite linkurile întâi printr-un bit.ly.

2. La rezoluții foarte mari (full HD am eu), site-ul e foarte răsfirat – iconițele sociale se văd rău, e spațiu mare între elmente.

3. Grafică foarte neplăcută. Da, te îndeamnă să faci click ca să scapi de ea, dar nu e neapărat o experiență plăcută.

4. La newsletter nu faceți probă dacă utilizatorul introduce o adresă sau nu (1) și, de asemenea, nu aveți double opt-in (2).

5. În footer aș pune date contact. De asemenea, nu aveți pagină de contact. De asemenea, nu aveți pagină despre noi. De citit:

Observatii si sfaturi de la Seogan, adika de la mine

De data asta, nu am 5 sfaturi de dat :(, ci doar unul: recreati-l :).

Site-ul este afiliat, fara prea mult continut. Pagina principala este o succesiune de linkuri afiliate catre emag sau 2parale. 77 de pagini indexate, dar la o verificare a indexarii se observa ca sunt indexate multe pagini goale: toate paginile de categorii sunt goale.

Va sugerez sa creati pagini de produse cu continut, review-uri pentru useri – sa oferiti ceva de folos celui care vine pe site. Necesita munca, dar o sa fie cu mai mult folos.

Sfatul de la ora 5: Episodul 66: emonden.co

Site: emonden.co, site dedicat ascultatorilor de muzica de calitate ce isi doresc sa fie informati prin intermediul articolelor si despre showbiz-ul autohton si international.

5 observatii si sfaturi de la Ioana Barbu

1. Logo: Recomand sa marcati evident extensia .co (culoare distinca in logo). E posibil ca domeniul sa nu fie retinut usor din cauza ei.

2. Homepage / Carusel: Recomand adaugarea unui buton de call to action (Citeste tot, Mai mult, etc) in slide-urile caruselului. Se poate renunta la textul cu font mic pentru ca e dificil de citit atata timp cat caruselul este activ (slideurile se schimba singure).

3. Homepage / Listare articole: Constat ca unele articole repeta numele acestora la inceputul textului. La listarea articolelor in homepage acest lucru este destul de deranjant, facand articolul greu de citit. Textul respectiv ar trebui sa fie cat mai atragator ca sa determine clickul pe butonul “Citeste tot articolul”. As adauga si o optiune alternativa – “Vezi videoclipul” care ar putea sa coincida cu interesele unora dintre vizitatori.

4. Pagina articol: As opta pentru un singur sistem de rating in cadrul articolelor, mi se pare derutanta prezenta celor doua. In plus, in cazul melodiilor ratingul esta afisat sub intrebarea “Va place noua piesa?” aparent ca o masura a calitatii piesei prezentate in timp ce in cazul articolelor despre evenimente intrebarea suplimentara lipseste. In aceasta situatie este neclar ce masoara acest rating.

5. Sectiunea Despre noi nu vorbeste deloc despre persoana/persoanele implicate in proiect. O scurta prezentare ar fi utila si ar intampina mai bine asteptarile vizitatorilor care acceseaza pagina respectiva.

5 observatii si sfaturi de la Seogan, adica de la mine 🙂

1. Ghinion :(. La cateva minute dupa ce m-am uitat pe site, mi-a aparut un mesaj super interesant:

A durat in jur de cateva minute, poate 5 sau 6 – mie mi s-au parut mai multe :). Nu stiu care este motivul, poate ca lucrati chiar in acel moment la site, dar verificati care ar putea fi motivele care duc la asta si incercati pe cat posibil sa reparati.

2. Descrierile exista, dar sunt sigura ca o sa gasiti unele mai bune :). In cel mai rau caz, daca nu aveti timp sa le faceti mai complete si mai potrivite pentru useri, nu puneti descrieri. O sa aiba grija Google sa ia din pagini ceva relevant.

3. Am gasit cateva erori 404 pe unele pagini de tag-uri. Exemplu pe http://www.emonden.co/tag/lil-wayne, paginile 3,4,5,6 nu exista, dau eroare 404. Aici referinta cu eroarea 404 de pe pagina 2 – cea care exista:

4. M-am uitat un pic la linkurile pe care le primiti. Vedeti mai jos un link de la un site de evenimente.

Ce legatura are imaginea Twitter cu site-ul eventim.co? Este un joc periculos. Va sfatuiesc sa corectati linkul si sa il prezentati ca partener, banner propriu sau ceva mai sugestiv. Nu este singurul site de la care primiti link in acest fel :(.

5. Multe directoare printre site-urile care aduc linkuri, dar cu ancor texte naturale la prima vedere, ceea ce este bine. Incercati sa aduceti mai multe linkuri de calitate, si nu din reteaua proprie :).

Succes.

Review de carte – Don’t make me think (Steve Krug)

Prima carte a lui Steve Krug pe care am citit-o. Cand am luat cartea in mana am crezut ca o sa ma invete ceva mai multe despre cum sa gandesc un site si un design pentru useri. Nu am fost dezamagita :).

Scopul cartii este sa ne ajute sa construim website-uri care sunt usor de folosit de catre useri.

Usor de citit. Stil ironic si amuzant. Scurta, se poate citi in 3-4 ore pe avion. Exemple destule ca sa intelegi ce sa iei in considerare cand construiesti un site.

Pentru cine este de folos? Pentru cei care nu stiu mai nimic despre uzabilitate si vor sa inteleaga cum sa deseneze un site pentru useri. Pentru cei care nu-si permit sa angajeze o firma sau sa plateasca mult pe teste de uzabilitate la crearea site-ului sau ulterior, pentru optimizarea lui. Te ajuta sa-ti pui la punct o strategie pentru crearea unui site, de la design-ul paginii home, navigare pana la cum sa scrii continutul pentru useri.

Adica? (mai jos cuprinsul in engleza in cateva comentarii la capitolele cele mai interesante)

– Principalele reguli ale uzabilitatii 🙂
– Cum folosesc userii un site
– Cum sa desenezi un site pentru useri
– Cam cum ar trebui sa (nu) scrii pentru web
– Ce sa testezi (in mare) pe home page
– Cum sa testezi ce ai desenat sau ai creat (foarte rapid) cu userii

Cartea lui Krug mi-a adus aminte cat de importanta este strategia de la baza creerii unui site; cat de usor ne putem pierde in detalii uitand ce este important pentru useri. O consider o lectura obligatorie pentru cei care lucreaza in promovare online.

Cuprins:

1. Don’t make me think!
Krug’s First Law of Usability

Prima lege e uzabilitatii, conform lui Krug, este “Don’t make me think”. Desi a gasi lucrurile usor (la 2 clic-uri distanta), a fi consistent sau a vorbi pe limbajul userilor sunt lucruri importante, totusi nu atat de importante cu a ajuta userul sa nu aiba semne de intrebare cand priveste pentru prima oara o pagina web.

2. How we really use the web
Scanning, satisfacing, and muddling through

Pornind de la prima lege a lui Krug, este clar care este urmatorul punct al discutiei: Cum gandesc userii ca sa nu ii punem sa gandeasca? :).
— Userii nu citesc. Userii scaneaza paginile. Mai important, le scaneaza in functie de obiectivul pe care il au. Pe o pagina a unei companii aeriene, iti sare ochi butonul de rezervare daca vrei sa-ti cumperi un bilet de avion, sau butonul de login in contul de user, daca vrei sa verifici cate mile ai in cont (pentru a cumpara un bilet folosind milele).
— Pe web, nu alegem cea mai buna solutie, o alegem pe cea care ne satisface cel mai mult pe moment. Cu alte cuvinte, luam prima cale care ni se pare ca ne va duce acolo unde ne dorim. De ce se intampla asta??? Pentru ca pe web, suntem tot timpul pe graba; nu conteaza foarte mult daca gresim; daca ceva nu merge bine, avem un buton de Back, nu???
— Pe web, nu incercam sa aflam cum functioneaza lucrurile, pur si simplu le folosim. Cel mai bun exemplu pentru asta, este faptul ca tiparim numele unui site in Google, in loc sa il punem direct in bara de adrese.

3. Billboard Design 101
Designing pages for scanning not reading

Stiind cum gandesc userii, cum le desenam??? Reguli de baza:
— Sa creezi o ierarhie vizuala. Textul cel mai mare, este cel mai important, nu?!! Lucrurile care sunt in legatura logica, ar trebui sa fie legate si vizual (ca in ziare, unde coloanele unui articol sunt separate astfel incat stim ca fac parte din aceeasi poveste)
— Sa profiti de conventii. Userii deja le cunosc si le va fi usor sa le recunoasca. Toti cunoastem semnul Visa, sau semnul de shopping cart.
— Separa paginile in zone clar definite, astfel incat ei sa poata recunoaste rapid unde este informatia de care sunt interesati
— Ce este clicabil ar trebui sa fie usor observat. Linkurile, butoanele, actiunile clicabile ar trebui sa fie foarte usor de observat. Altfel userul se pierde si nu stie ce sa faca.
— Redu “zgomotul” vizual. Unii useri nu au nici o problema cu pagini pline de informatie, dar cei mai multi au.

4. Animal, vegetable, or mineral?
Why users like mindless choices

A doua regula a lui Krug: “Nu conteaza de cate ori trebuie sa dau clic, atat timp cat fiecare clic este o alegere intuitiva.”

Userilor le plac alegerile intuitive. Prima oara cand am auzit aceasta idee: Userilor nu le pasa cate clic-uri dau atat timp cat aceste clic-uri sunt usor de facut. Intre a da 2 clic-uri, care sunt dificil de inteles (ca si actiune – unde ma directeaza acel link) si mai multe clic-uri care sunt clare ca si actiuni, userul o va alege pe cea de a doua.

5. Omit needless words
The art of not writing for the web

A treia regula a lui Krug: “Scapa de jumatate din cuvintele fiecarei pagini, apoi scapa de jumatate din ce a mai ramas. ”

O propozitie nu ar trebui sa contina cuvinte nenecesare, un paragraf nu ar trebui sa contina propozitii nenecesare, exact asa cum un desen nu ar trebui sa aiba linii nenecesare iar un motor nu are nevoie de parti in plus :).

6. Street signs and Breadcrumbs
Designing navigation

Daca vizitam un website si nu putem gasi ce cautam sau cum este site-ul organizat, probabil nu vom sta mult pe acel site. Probabil nici nu ne vom mai intoarce. Cand vizitam un website, de obicei cautam ceva (poate fi inconstient). Prima reactie va fi de a decide daca o sa cautam informatia sau o sa ne “plimbam” prin jur. Daca hotaram sa ne “plimbam”, sigur o sa o facem incercand navigatia.

Restul o sa va las sa descoperiti singuri. Merita!!!

7. The first step in recovery is admitting that the Home page is beyond your control
Designing the home page

8. “The Farmer and the Cowman Should Be Friends”
Why most Web design team arguments about usability are a waste of time, and how to avoid them

9. Usability testing on 10 cents a day
Why user testing – done simpy enough – is the cure for all your site’s ills

10. Usability as common courtesy
Why your Web site should be a mensch

11. Accesibility, Cascading Style Sheets, and you
Just when you thin you’re done, a cat folatss by with buttered toast strapped to its back

12. Help! My boss wants me to ______________
When bad design decisions happen to good people

Review de carte: Rocket Surgery Made Easy (Steve Krug)

Am promis pe Facebook, ca voi face niste review-uri de carte. Acum cateva luni :). Cum niciodata nu e prea tarziu, mi-am propus sa imi implinesc promisiunea. Incep cu Rocket Surgery Made Easy de Steve Krug.

Cand am luat cartea in mana, am crezut ca o sa ma invete ceva mai multe despre uzabilitate.

Totusi, asa cum spunea autorul, scopul cartii este sa ne ajute sa ne organizam pentru testare, nu cum sa ne invete sa testam :(. Dezamagire crunta, dar nu din cauza felului in care a fost scrisa cartea, ci din cauza asteptarilor mele nerealiste cu privire la informatie.

Usor de citit. Limbaj simplu si amuzant. O placere sa o citesti.

Pentru cine este de folos? Pentru cei care nu stiu mai nimic despre uzabilitate, care nu-si permit sa angajeze o firma sau sa plateasca mult pe teste de uzabilitate. Iti da toate informatiile necesare despre pasii pe care trebuie sa ii iei sa faci teste de uzabilitate cu buget redus.

Adica? (mai jos cuprinsul in engleza)

– De ce ai nevoie de teste de uzabilitate?
– Ce sa testezi (in mare) si cum sa testezi?
– Cum sa recrutezi useri pentru testare
– Cum sa iti pregatesti scenariul testului
– Ce sa faci cu rezultatele

Cartea lui Krug mi-a adus aminte cat de importanta este uzabilitatea si ce usor se pot pune in practica teste simple. 3 useri care sa testeze de obiucei pot descoperi marea majoritate a problemelor unui site. Un test de genul acesta pe luna va identifica si prioritiza problemele cheie ale unui website.

Bineinteles, scenariul, sa stii ce sa ceri celor care testeaza devine prioritar.

Acum mai ramane doar sa o pun in practica. Sa vad cand ….

Cuprins:

1. You don’t see any elephants around here, don’t you?
What do-it-yourself usability testing is, why it always works, and why so little of it gets done

2. I will now say my (lovely) assistant in half
What a do-it-yourself test looks like

3. A morning a month, that’s all we ask
A plan you can actually follow

4. What do you test, and when do you test it?

Why the hardest part is starting early enough

5. Recruit loosely and grade on a curve
Who to test with and how to find them

6. Find some things for them to do
Picking tassks to test and writing scenarios for them

7. Some boring checklists
And why you should use them even if, like me, you don’t really like checklists

8. Mind reading made easy
Conducting the test session

9. Make it a spectator sport
Getting everyone to watch and telling them what to look for

10. Debriefing 101
Comparing notes and deciding what to fix

11. The least you can do
Why doing less is often the best way to fix things

12. The usual suspects
Some problems you’re likely to find and how to think about fixing them

13. Making Sure life actually improves
The art of playing nicely with others

14. Teleportation made easy
Remote testing: Fast, cheap, and slightly out of control

15. Overachievers only
Recommended reading

16. Happy trails/to you
A few final words of encouragement