Titlul unei ferestre ar trebui se reflecte documentul curent la care se lucreaza. Imaginati-va pentru o secunda, cum ar fi daca titlul fiecarei fereastre care contine un document de Word nu ar indica documentul corespunzator ei. Fiecare document ar arata absolut la fel in task bar-ul windowsului.
Asadar titlul ferestrei ar trebui sa fie intr-un format gen : Document - Numele programului care il ruleaza.
Friday, October 05, 2007
Thursday, October 04, 2007
Don't click it

Dontclick.it este un experiment destul de interesant despre ce s-ar intampla daca am elimina clik-urile din interfata. Tot siteul este conceput in asa fel incat sa nu necesite nici un click din partea utilizatorlui, un buton considerandu-se apasat la mouse over. Nu mi se pare a fi o idee buna, unele butoane atingandu-le din greseala, insa ca si experiment cred ca este folositor.
Pana acum 709.000 de vizitatori spun ca nu au simtit lipsa click-ului fata de cei 413.000 care au avut intentia de a da click.
Apropo primii care au introdus conceptul de mouse in industria IT au fost cei de la Xerox.
Etichete:
Online,
UI and Usability
Wednesday, October 03, 2007
Dropdown lists
Componentele de tipul Dropdown List sunt unele dintre cele mai greu de utilizat elemente ale interfetei cu utilizatorul. In cazul unei liste lungi precum cea din figura de mai jos inchipuiti-va cate click-uri trebuie sa faca un utilizator pentru a ajunge la un font care incepe cu litera V.
La asta se adauga si faptul ca aceste click-uri trebuie sa fie destul de precise, componetele unui Dropdown List (bara de scrool, butoanele de navigatie pe veticala) fiind destul de mici. Mai exista si optiunea de drag and drop insa este tot la fel de incomoda. Iar in daca utilizatorul va ajunge la fontul pe care il cauta, si din greseala va da click in afara listei aceasta se va inchide, procesul trebuind reluat.
O varianta simpla de rezolvarea a problemelor care apar in cazul listelor lungi este ca in momentul in care se face click pe lista, aceasta sa fi expandata cat mai mult posbil. Eventual pana la limita inferioara a ferestrei aplicatiei. In acest fel scade numarul de click-uri iar bara pentru scroll devine mai usor de controlat.
De asemea o alta varianta care poate fi folosita la ameliorarea acestei probleme este de a retine ultimele optiuni ale utilizatorului, mai ales daca este vorba de un control care este des utilizat in aplicatie.
O alta problema in utilizarea listelor dropdown apare in cazul in care este permisa selectia multipla. Este o operatiune destul de complicata care solicita un efort inutil din partea utilizatorului. In cazul in care lista este una de dimensiuni mari un control de genul acesta devine aproape imposibil de folosit.
In cazul in care exista spatiu care poate fi folosit aceasta dificultate poate fi contracarata prin inlocuirea listei cu un grup de check-butons.
La asta se adauga si faptul ca aceste click-uri trebuie sa fie destul de precise, componetele unui Dropdown List (bara de scrool, butoanele de navigatie pe veticala) fiind destul de mici. Mai exista si optiunea de drag and drop insa este tot la fel de incomoda. Iar in daca utilizatorul va ajunge la fontul pe care il cauta, si din greseala va da click in afara listei aceasta se va inchide, procesul trebuind reluat.O varianta simpla de rezolvarea a problemelor care apar in cazul listelor lungi este ca in momentul in care se face click pe lista, aceasta sa fi expandata cat mai mult posbil. Eventual pana la limita inferioara a ferestrei aplicatiei. In acest fel scade numarul de click-uri iar bara pentru scroll devine mai usor de controlat.
De asemea o alta varianta care poate fi folosita la ameliorarea acestei probleme este de a retine ultimele optiuni ale utilizatorului, mai ales daca este vorba de un control care este des utilizat in aplicatie.
O alta problema in utilizarea listelor dropdown apare in cazul in care este permisa selectia multipla. Este o operatiune destul de complicata care solicita un efort inutil din partea utilizatorului. In cazul in care lista este una de dimensiuni mari un control de genul acesta devine aproape imposibil de folosit.In cazul in care exista spatiu care poate fi folosit aceasta dificultate poate fi contracarata prin inlocuirea listei cu un grup de check-butons.
Etichete:
UI and Usability
Tuesday, October 02, 2007
Roundup
The Desktop Takes Center Stage Again
"EBay, Adobe, and other companies are building tools that take online services off the Web and put them right on the computer. Rumors of the demise of the desktop have been greatly exaggerated. In recent years, bloggers, reporters, company executives, and others have exulted in the apparent obsolescence of the vast space on computers set aside for software."
It's Not Just Usability
"For years and years, self-fashioned pundits, like, uh, me, have been nattering endlessly about usability, and how important it is to make software usable. Jakob Nielsen has a mathematical formula he'll reveal to you in exchange for $122 which you can use to calculate the value of usability."
How do you keep up with new technology?
[...] "I think the best programmers are those that do have a life outside of computers. Those who value their time in front of the screen because it’s finite, because it’s competing with other interests."
A Design Method
"A style is a tool, it’s the thing you’re using to hit the target. Think about the colors you want to use and what those colors mean. Think about the imagery that supports your focus, the pace that attracts your audience, the words that communicate to them. Think about the cultural references and landmarks that establish a common frame of reference between you and your audience."
Eliminate All But the Absolute Essential Tasks
"If you’re like me, you have a long list of tasks to do, perhaps broken down by different contexts (work, home, errands, calls, etc.). Your list of tasks is so long that it’s overwhelming. You can never completely wipe out your list because it’s growing every day."
"EBay, Adobe, and other companies are building tools that take online services off the Web and put them right on the computer. Rumors of the demise of the desktop have been greatly exaggerated. In recent years, bloggers, reporters, company executives, and others have exulted in the apparent obsolescence of the vast space on computers set aside for software."
It's Not Just Usability
"For years and years, self-fashioned pundits, like, uh, me, have been nattering endlessly about usability, and how important it is to make software usable. Jakob Nielsen has a mathematical formula he'll reveal to you in exchange for $122 which you can use to calculate the value of usability."
How do you keep up with new technology?
[...] "I think the best programmers are those that do have a life outside of computers. Those who value their time in front of the screen because it’s finite, because it’s competing with other interests."
A Design Method
"A style is a tool, it’s the thing you’re using to hit the target. Think about the colors you want to use and what those colors mean. Think about the imagery that supports your focus, the pace that attracts your audience, the words that communicate to them. Think about the cultural references and landmarks that establish a common frame of reference between you and your audience."
Eliminate All But the Absolute Essential Tasks
"If you’re like me, you have a long list of tasks to do, perhaps broken down by different contexts (work, home, errands, calls, etc.). Your list of tasks is so long that it’s overwhelming. You can never completely wipe out your list because it’s growing every day."
Etichete:
Online
Monday, October 01, 2007
RoBloggers Survey
A inceput RoBloggers Survey 2007 , organizata de Manafu si Carmen Holotescu. Chestionarul il gasiti aici iar pentru promovarea acestui proiect gasiti detalii aici.
RoBloggersSurvey2007
RoBloggersSurvey2007
Etichete:
General
Variatii
Variatiile inutile sunt unul dintre principalele obstacole catre un design coerent si consistent. Daca distanta dintre doua elemente este aproape aceeasi atunci ea trebuie sa devina exact aceeasi. Daca doua fonturi au marimi apropriate atunci ele trebuie sa fie de exact de aceeasi marime.
Orice element vizual, fiecare diferenta de culoare, aliniere, marime sau orice alta proprietate vizuala ar trebui sa existe pentru un motiv clar stabilit. Daca acest motiv nu isi are sensul, atunci variatia nu trebuie sa existe.
Orice element vizual, fiecare diferenta de culoare, aliniere, marime sau orice alta proprietate vizuala ar trebui sa existe pentru un motiv clar stabilit. Daca acest motiv nu isi are sensul, atunci variatia nu trebuie sa existe.
Etichete:
UI and Usability
Friday, September 28, 2007
Erori si mesaje
Un mesaj sau o eroare ar trebui sa indeplineasca urmatoarele conditii:
- sa precizeze clar care a fost motivul aparitiei sale
- sa descrie utilizatorului optiunile pe care le are in acel moment
- sa foloseasca expresii si notiuni cu care utilizatorul este obisnuit
Un exemplu negativ de cum ar trebui sa arate un mesaj ar putea fi urmatorul:
Acesta ar putea fi imbunatatit oferind mai multe informatii, precizandu-i utilizatorlui variante pentru a remedia problema si clarificandu-i cauza datorita careia a aparut acest mesaj:
- sa precizeze clar care a fost motivul aparitiei sale
- sa descrie utilizatorului optiunile pe care le are in acel moment
- sa foloseasca expresii si notiuni cu care utilizatorul este obisnuit
Un exemplu negativ de cum ar trebui sa arate un mesaj ar putea fi urmatorul:
Acesta ar putea fi imbunatatit oferind mai multe informatii, precizandu-i utilizatorlui variante pentru a remedia problema si clarificandu-i cauza datorita careia a aparut acest mesaj:
Etichete:
UI and Usability
Thursday, September 27, 2007
Steve Jobs despre inovatie
Q: How do you systematize innovation?
A: [...] But innovation comes from people meeting up in the hallways or calling each other at 10:30 at night with a new idea, or because they realized something that shoots holes in how we've been thinking about a problem. It's ad hoc meetings of six people called by someone who thinks he has figured out the coolest new thing ever and who wants to know what other people think of his idea.
And it comes from saying no to 1,000 things to make sure we don't get on the wrong track or try to do too much. We're always thinking about new markets we could enter, but it's only by saying no that you can concentrate on the things that are really important.
Tot interviul aici.
A: [...] But innovation comes from people meeting up in the hallways or calling each other at 10:30 at night with a new idea, or because they realized something that shoots holes in how we've been thinking about a problem. It's ad hoc meetings of six people called by someone who thinks he has figured out the coolest new thing ever and who wants to know what other people think of his idea.
And it comes from saying no to 1,000 things to make sure we don't get on the wrong track or try to do too much. We're always thinking about new markets we could enter, but it's only by saying no that you can concentrate on the things that are really important.
Tot interviul aici.
Etichete:
Simplicity,
Strategie
Wednesday, September 26, 2007
Prima varianta sau ...
Mai jos este un dialog care apare in momentul salvarii unui fisier in Photoshop CS2:

Atunci cand se savleaza un fisier nou, exista o optiune pentru maximizarea compatibilitatii. Problema consta in faptul ca nu este descrisa si alternativa maximizarii compatibilitatii. Mai rau chiar, dialogul avertizeaza in mod explcit ca neselectarea acestei optiuni nu este o idee foarte buna. In lipsa precizarii ambelor variante, optiunea devine inutila. Fie descrieti toate variantele pentru un o optiune, fie o eliminati.

Atunci cand se savleaza un fisier nou, exista o optiune pentru maximizarea compatibilitatii. Problema consta in faptul ca nu este descrisa si alternativa maximizarii compatibilitatii. Mai rau chiar, dialogul avertizeaza in mod explcit ca neselectarea acestei optiuni nu este o idee foarte buna. In lipsa precizarii ambelor variante, optiunea devine inutila. Fie descrieti toate variantele pentru un o optiune, fie o eliminati.
Etichete:
UI and Usability
Tuesday, September 25, 2007
Interviu - Larry Tesler, vicepresedinte al Yahoo
"ZDNet Editor-in-chief Dan Farber talks with Larry Tesler, Yahoo's vice president of user experience and design, about the history of human/computer interaction. Tesler also discusses his early work at Xerox PARC and Apple and his current role: redesigning the interface for the Yahoo front door." [link]
Etichete:
UI and Usability,
Video
Subscribe to:
Posts (Atom)


