???
This link has been bookmarked by 484 people . It was first bookmarked on 22 May 2006, by Alex Ilyin.
-
30 Jan 14
Sandra MejíaTognazzini, B. (2003). First Principles of Interaction Design. Recuperado Ene. 30, 2014, de http://www.asktog.com/basics/firstPrinciples.html
-
08 Jan 14
-
06 Oct 13
Dino DeFazioPrinciples fundamental to the design and implementation of effective interfaces
-
16 Sep 13
-
13 Sep 13
-
11 Sep 13
-
19 Aug 13
-
06 Aug 13
-
Users learn quickly and gain a fast sense of mastery when they are placed "in charge."
-
Use status mechanisms to keep users aware and informed
-
Keep status information up to date and within easy view
-
10% of males show some indication of color blindness
-
-
17 Jun 13
-
13 Jun 13
Denise AraujoBruce Tognazzini:
Antecipação
Autonomia
Daltonismo
Consistência
Padrões
de Eficiência dos usuários
exploráveis Interfaces
Lei de Fitts
de Interface Humano-objetos
redução de latência
Apreensibilidade
limite Trocas
Metáforas
proteger o trabalho do usuário
de legibilidade
controlar o estado
Interfaces visívei -
03 Jun 13
-
Give users some breathing room
-
No autonomy can exist in the absence of control, and control cannot be exerted in the absence of sufficient information.
-
Like any element of the interface, just color is not enough; 10% of males show some indication of color blindness. Even a higher percentage may have temporary alterations in perception of blue under varying conditions.
-
Any time you use color to convey information in the interface, you should also use clear, secondary cues to convey the information to those who won't be experiencing any color coding today.
-
Avoid uniformity. Make objects consistent with their behavior. Make objects that act differently look different.
-
The only way to ascertain user expectations is to do user testing. No amount of study and debate will substitute.
-
Make Actions reversible
-
Always allow "Undo."
-
Users should never feel trapped. They should have a clear path out.
-
owever, make it easier to stay in.
-
The time to acquire a target is a function of the distance to and size of the target.
-
Eliminate any element of the application that is not helping. Be ruthless.
-
Ensure that users never lose their work as a result of error on their part, the vagaries of Internet transmission, or any other reason other than the completely unavoidable, such as sudden loss of power to the client computer.
-
Text that must be read should have high contrast. Favor black text on white or pale yellow backgrounds. Avoid gray backgrounds.
-
State information should be held in a cookie on the client machine during a session with a transaction service, then stored on the server when they log off.
-
The World Wide Web, for all its pretty screens and fancy buttons, is, in effect, an invisible navigation space. True, you can always see the specific page you are on, but you cannot see anything of the vast space between pages. Once users reach our applications, we must take care to reduce navigation to a minimum and make that navigation that is left clear and natural. Present the illusion that users are always in the same place, with the work brought to them. This not only eliminates the need for maps and other navigational aids, it offers users a greater sense of mastery and autonomy.
-
-
25 May 13
-
12 May 13
-
11 Apr 13
-
27 Mar 13
-
22 Mar 13
-
05 Feb 13
-
31 Jan 13
-
anticipate the user’s wants and needs
-
Bring to the user all the information and tools
-
Users learn quickly and gain a fast sense of mastery when they are placed "in charge."
-
keep users aware and informed.
-
Avoid uniformity. Make objects consistent with their behavior.
-
-
28 Jan 13
Jeremy DavisThis is an excellent article describing many basic principles of interaction design. When designing a user interface there are many things to consider. This article lists, and describes in brief detail, many of the basic principles it is important to keep in mind. In my opinion, when designing a user interface, it is easy to overlook many of these things, and one can rarely focus too much on the usability of an interface. This article was written by Bruce Tognazzini. He worked for Apple for 14 years and was Chief Designer for WebMD. He has also worked for Sun Microsystems and consulted for many other companies.
-
04 Nov 12
-
17 Oct 12
-
27 Sep 12
Lee FarrellTog (Bruce Tognazzini) writes about user interface design and what his key points in designing good user interfaces are. Bruce is the founder of the Apple Human Interface Group at Apple Computer, Inc. during his 14-year career at the company.
-
23 Sep 12
-
13 Sep 12
-
20 Aug 12
-
05 Aug 12
-
13 Jul 12
-
04 Jul 12
-
Consistency
-
Invisible
-
structures
-
structures
-
visible
-
Small
-
Inconsistency
-
consistency with user expectations.
-
user testing
-
Defaults should be easy to "blow away:"
-
Defaults should be "intelligent" and responsive
-
maximize everyone’s efficiency, not just the efficiency of a single group.
-
latency
-
Reduce
-
-
26 Jun 12
-
10 Jun 12
-
04 Jun 12
-
ons. As a simple example, w
-
- Interpretation of user behavior, e. g., shortcut keys maintain their meanings.
- Invisible structures.
- Small visible structures.
- The overall "look" of a single application or service--splash screens, design elements.
- A suite of products.
- In-house consistency.
- Platform-consistency.
-
- Inconsistency: It is just important to be visually inconsistent when things must act differently as it is to be visually consistent when things act the same.
Avoid uniformity. Make objects consistent with their behavior. Make objects that act differently look different.
-
The great efficiency breakthroughs in software are to be found in the fundamental architecture of the system, not in the surface design of the interface.
-
- Write help messages tightly and make them responsive to the problem: good writing pays off big in comprehension and efficiency.
- Menu and button labels should have the key word(s) first.
-
the second example will prove much more efficient in time-trials. Why?
-
Because the extra information the first example offers does not outweigh the advantage of being able to scan only the first word in each menu item to find the specific menu item you are after.
-
Don’t trap users into a single path through a service, but do offer them a line of least resistance. This lets the new user and the user who just wants to get the job done in the quickest way possible and "no-brainer" way through, while still enabling those who want to explore and play what-if a means to wander farther afield.
-
Make Actions reversible
-
People explore in ways beyond navigation. Sometimes they want to find out what would happen if they carried out some potentially dangerous action.
-
Always allow "Undo."
-
Fitts' law indicates that the most quickly accessed targets on any computer display are the four corners of the screen, because of their pinning action, and yet, for years, they seemed to be avoided at all costs by designers.
-
Avoid invisible navigation.
-
Most users cannot and will not build elaborate mental maps and will become lost or tired if expected to do so.
-
-
01 Jun 12
-
09 Apr 12
Melinda MillerBasic principle of human-computer interaction, from AskTog, the Webzine for Computer Professionals, their Family, and Friends
-
29 Mar 12
-
12 Mar 12
-
moonflowerdragonUseful - if we focus on content. After seeing the "jump to" left-sided contents list, I wonder how many of the first principles are broken on this site? At least "efficiency of the user".
-
21 Feb 12
-
16 Feb 12
-
In judging the efficiency of a system, look beyond just the efficiency of the machine.
-
- To maximize the efficiency of a business or other organization you must maximize everyone’s efficiency, not just the efficiency of a single group.
-
he great efficiency breakthroughs in software are to be found in the fundamental architecture of the system, not in the surface design of the interface.
-
A single-use application for accomplishing an unknown task requires a far more directive interface than a habitual-use interface for experts.
-
Users should never feel trapped. They should have a clear path out.
-
Usability and learnability are not mutually exclusiv
-
Good metaphors are stories, creating visible pictures in the mind
-
The actual last name entered/displayed, however, must be clearly readable. This becomes even more important for numbers. Human languages are highly redundant, enabling people to "heal" garbled messages. Numbers, however, unless they follow a very strict protocol, have no redundanc
-
Most users cannot and will not build elaborate mental maps and will become lost or tired if expected to do so.
The World Wide Web, for all its pretty screens and fancy buttons, is, in effect, an invisible navigation space. True, you can always see the specific page you are on, but you cannot see anything of the vast space between pages. Once users reach our applications, we must take care to reduce navigation to a minimum and make that navigation that is left clear and natural. Present the illusion that users are always in the same place, with the work brought to them. This not only eliminates the need for maps and other navigational aids, it offers users a greater sense of mastery and autonomy.
-
add the layers of capability and protection that users want and need
-
-
23 Jan 12
-
17 Jan 12
Thomas JamesThe following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, or mobile devices. Of late, many web applications and mobile device apps and even operating systems have reflected a lack of understanding of many of these principles of interaction design, to their detriment. Because an application or service appears on the web or mobile device, the principles do not change. If anything, applying these principles becomes even more important.
interaction interface visualisation software softwareengineering softwaredevelopment computergraphics ergonomics technology design graphics webdesign userinterface reference GNMMproject BruceTognazzini
-
02 Jan 12
-
29 Dec 11
-
11 Nov 11
-
Applications should attempt to anticipate the user’s wants and needs. Do not expect users to search for or gather information or evoke necessary tools. Bring to the user all the information and tools needed for each step of the process.
-
-
10 Nov 11
Scott NobleEffective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work.
-
28 Oct 11
-
Give users well-marked roads and landmarks, then let them shift into four-wheel drive.
-
-
24 Oct 11
-
19 Oct 11
Reto ListA guide available in several languages.
-
16 Oct 11
-
06 Oct 11
-
28 Sep 11
-
24 Sep 11
-
23 Sep 11
-
anticipate the user’s wants and needs.
-
use color to convey information in the interface
-
The only way to ascertain user expectations is to do user testing.
-
- Menu and button labels should have the key word(s) first.
- Insert page break
- Add Footnote
- Update Table of Contents
- Page break
- Footnote
- Table of contents
Example from a fictitious word processor:
Wrong:
Right:
Insert:
-
Give users well-marked roads and landmarks, then let them shift into four-wheel drive
-
Offer users stable perceptual cues for a sense of "home."
-
Always allow a way out.
-
However, make it easier to stay in.
-
Choose metaphors well, metaphors that will enable users to instantly grasp the finest details of the conceptual model.
-
Most users cannot and will not build elaborate mental maps and will become lost or tired if expected to do so.
-
-
09 Sep 11
-
24 Aug 11
-
25 Jul 11
-
Keep status information up to date and within easy view
-
Consistency
-
Defaults
-
Menu and button labels should have the key word(s) first
-
- Insert page break
- Add Footnote
- Update Table of Contents
- Page break
- Footnote
- Table of contents
Example from a fictitious word processor:
Wrong:
Right:
Insert:
-
- Always allow "Undo."
-
Fitts' Law
-
Display an hourglass for any action that will take from 1/2 to 2 seconds
-
Display a message indicating the potential length of the wait for any action that will take longer than 2 seconds
-
Text that must be read should have high contrast. Favor black text on white or pale yellow backgrounds. Avoid gray backgrounds
-
-
20 Jul 11
-
12 Jul 11
-
Effective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work.
Effective interfaces do not concern the user with the inner workings of the system. Work is carefully and continuously saved, with full option for the user to undo any activity at any time.
Effective applications and services perform a maximum of work, while requiring a minimum of information from users.
-
-
21 Jun 11
-
ces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work.
-
-
11 Jun 11
-
10 Jun 11
-
07 Jun 11
-
31 May 11
zaana howardSome common-sense first principles of interaction design: http://bit.ly/4Cyrwu though some research/theorietical basis would be nice.
-
16 May 11
-
19 Apr 11
-
14 Mar 11
-
06 Mar 11
aurora fontNielsen no és l'únic autor que ha proposat regles heurístiques; entre d'altres, cal destacar les que van ser encunyades per Bruce Tognazzini
Spanish Version:
http://galinus.com/es/articulos/principios-diseno-de-interaccion.html -
03 Mar 11
clgaiaoInteraction Design Solutions for the Real World The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of many of these principles of interaction design, to their great detriment. Because an application or service appears on the web, the principles do not change. If anything, applying these principles become even more important.
-
03 Feb 11
-
28 Jan 11
-
15 Jan 11
Christine Freemann of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of many of these principles of interaction design, to their great detriment. Because an application or se
-
12 Dec 10
-
02 Dec 10
Jonny SchneiderTognazzini's principles of IXD (more comprehensive than Neilen's 10 basic heuristics)
-
20 Nov 10
-
12 Nov 10
-
07 Oct 10
-
20 Sep 10
Fictrix .The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web.
article delicious import user experience design user interface design
-
08 Sep 10
Gordon RossThe following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of many of these principles of in
interaction design ui heuristics usability principles asktog hci
-
07 Sep 10
-
19 Aug 10
-
13 Aug 10
-
12 Aug 10
-
11 Aug 10
-
19 Jul 10
Simone Economo"The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments or the web. Of late, many web applications have reflected a lack of understanding of many of these principles of i
usability user-experience ux user-interface ui design webdesign interaction-design ixd hci guidelines heuristics principles
-
11 Jun 10
-
Effective interfaces are visually apparent and forgiving, instilling in their users a sense of control. Users quickly see the breadth of their options, grasp how to achieve their goals, and do their work.
-
-
06 Jun 10
-
18 May 10
-
12 May 10
-
- enu and button labels should have the key word(s) first.
- Insert page break
- Add Footnote
- Update Table of Contents
- Page break
- Footnote
- Table of contents
Example from a fictitious word processor:
Wrong:
Right:
Insert:
Here, the first example, with
-
-
10 May 10
-
09 May 10
-
08 May 10
-
Efficiency of the User
-
- Look at the user's productivity, not the computer's.
People cost a lot more money than machines, and while it might appear that increasing machine productivity must result in increasing human productivity, the opposite is often true. In judging the efficiency of a system, look beyond just the efficiency of the machine.
For example, which of the following takes less time? Heating water in a microwave for one minute and ten seconds or heating it for one minute and eleven seconds?
-
Add Sticky Note
- Keep the user occupied.
Since, typically, the highest expense in a business is labor cost. Any time the user must wait for the system to respond before they can proceed, money is being lost.
-
To maximize the efficiency of a business or other organization you must maximize everyone’s efficiency, not just the efficiency of a single group.
-
- The great efficiency breakthroughs in software are to be found in the fundamental architecture of the system, not in the surface design of the interface.
This simple truth is why it is so important for everyone involved in a software project to appreciate the importance of making user productivity goal one and to understand the vital difference between building an efficient system and empowering an efficient user. This truth is also key to the need for close and constant cooperation, communication, and conspiracy between engineers and human interface designers if this goal is to be achieved.
-
Write help messages tightly and make them responsive to the problem: good writing pays off big in comprehension and efficiency.
-
-
05 May 10
-
19 Apr 10
-
16 Apr 10
-
14 Apr 10
-
08 Apr 10
-
24 Mar 10
-
19 Mar 10
Public Stiky Notes
Page Comments
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.