Estoy armando algunas maquetas de mi primera interfaz real y me pregunto: ¿Cuáles son algunos principios básicos del buen diseño de la interfaz de usuario? Estoy buscando algo así como un resumen de la lista de viñetas y tal vez algunos recursos que podrían ser útiles para cada principio.¿Cuáles son algunos principios básicos del diseño de interfaz?
"No me hagas pensar!", El título y the book son extremadamente útiles al diseñar una interfaz de usuario. Algunas de mis secciones favoritas del mismo incluyen:
pondría consistencia allí
- Lee
Sí, siempre y cuando también estés al tanto de consistencia tonta- http://www.scottberkun.com/essays/5-how-to-avoid-foolish-consistency. Un buen ejemplo de incoherencia útil son los botones Atrás/Adelante en FireFox; son deliberadamente inconsistentes. – RichardOD
¿Cómo es útil esa inconsistencia? Siempre controlo "Usar iconos pequeños" simplemente para que * sean * consistentes. – Alec
Nielsen ofrece this lista - que se lo general, de acuerdo con
Ask Tog tiene una buena lista también- http://www.asktog.com/basics/firstPrinciples.html – RichardOD
Sí, pero ¿has visto el sitio web de Nielsens? ¡Chocante! (IMO) http://www.useit.com/ - Lee –
No es de mi gusto tampoco ;-) buen consejo ... –
La que siempre trato de emember es "7 elementos (máximo) a una página/formulario". Surgió en mi clase de GUI en la universidad (hace 7 u 8 años).
Me recuerda a un cómic web donde tenían un diseño de Apple seguido de un diseño de Google (ambos muy simples) seguido de "nuestro" diseño con docenas de artículos que ensuciaban el formulario.
Está en xkcd en algún lugar, pero no puedo encontrar la imagen. –
No olvide la accesibilidad del teclado y, en general, la accesibilidad para las personas con problemas de visión (esta es la razón por la cual una gran cantidad de interfaces de usuario geniales realmente apestan).
Además, Alan Cooper (de la fama de Visual Basic) dijo: "no poner fuerza antes voluntad", lo que significa que no debería hacer más fácil para la gente a hacer las cosas que poder hacer mientras haciendo que les sea difícil hacer las cosas que harán con su software.
Joel Spolsky (quien es co-creador de SO :)) has a book called "User Interface Design for Programmers", así como una serie de artículos en su sitio web (Joel On Software) relacionados con ese libro.
Otro gran recurso para empezar es Jacob Nielsen's usablity website.
No interrumpa al usuario con cuadros de diálogo pop-up. Muestre algunos comentarios que el usuario puede ver y bríndeles una forma de abordar el problema cuando lo deseen.
"El principio de la menor sorpresa".
Aplicar los valores iniciales adecuados
Mostrar respuesta a las entradas del usuario dentro de medio segundo.
+1 para "Mostrar respuesta a las entradas del usuario dentro de medio segundo". –
Realmente diría que medio segundo es demasiado largo. No puedo encontrar la investigación en este momento, pero los humanos reconocen la demora en menos que eso. Sin embargo, para ser más genérico, diría: "Mostrar respuesta dentro de un período de tiempo razonable para el sistema en cuestión". Hay momentos en que las respuestas rápidas no son necesarias. – JasCav
ir a leer y luego leer Controlling Your Environment Makes You HappyDon't Make Me Think! A Common Sense Approach to Web Usability.
Manténgalo simple, no ignore los sitios y programas de convenciones e imitaciones que funcionan bien.
Una rápida búsqueda en Google reveló los siguientes:
En ningún orden en particular (y la parte superior de la cabeza):
ConvenciónSi lee Asimov, se encuentra esta fácil de recordar : una interfaz no debe, mediante acción o inacción, permitir que el trabajo del usuario se destruya inadvertidamente.
Las interfaces de usuario son con frecuencia para desarrolladores de software o personas con conocimientos tecnológicos similares, no solo para usuarios legos. Si la tuya es una interfaz de este tipo, puedes beneficiarte tanto de ser un usuario como del autor.
Esta experiencia le dará ideas para escribir mejores interfaces, algunas de las cuales pueden extenderse a los legos, así como el experto en tecnología. Ten cuidado, sin embargo; no todas las características que son buenas para los desarrolladores son buenas para los no desarrolladores. Los pasos 2 y 3 tienen la intención de introducirlo en esa mentalidad no devolvente, y obtener la mayor parte del camino; para la última milla, no hay sustituto para un usuario real.
Uso de personas reales: prueba, prueba, prueba.
Esto no cumple exactamente con sus requisitos para una lista de viñetas, pero todavía me gustaría recomendar la lectura de The Essence of Great UI - An Overview, Why is Great UI so hard to achieve?, Great UI, Clarity, and Information Relevance, Great User Interfaces, Clarity, and Information in Parallel y Great UI: Clarity and Color on the Presentation Layer Mark Miller.
También habla de algunos de los mismos conceptos en los episodios dnrTVMark Miller on The Science of a Great User Experience Part 1 y Part 2.
Pondría consistencia allí –
¿No te refieres a "principio"? – Ash
¿Principios? Los inquilinos tienden a ser ruidosos y dejan un desastre. –