¿Dónde puedo encontrar inspiración para una buena interfaz de usuario? [cerrado]


18

Tengo un bloqueo mental en cuanto a la designación de la interfaz de la pantalla principal para una aplicación de escritorio que actualmente estoy actualizando. Cuando desarrollé este programa por primera vez, la resolución de la pantalla era de 640 X 480. Hoy en día existen varias resoluciones de pantalla.

¿Dónde puedo encontrar ideas para un buen diseño de pantalla principal para una aplicación de escritorio?


1
¿Qué tipo de aplicación es? PhotoShop / GIMP / imagey, Eclipse / VS / codey, Maya / 3DStudio / Cad: y?
Macke

Aplicación de finanzas personales, datos guardados dentro de una base de datos propietaria.
Michael Riley - AKA Gunny

77
Intercambio de pila de experiencia del usuario : no es una respuesta, pero dado que está en proceso de rediseñar una interfaz de usuario, pensé que la encontraría interesante.
Yannis


1
@ Yannis - Gracias ... me perdí totalmente allí (y a dónde lleva) ayer.
Michael Riley - AKA Gunny

Respuestas:


6

Le recomendaría que revise un par de libros diferentes, que, curiosamente, no están enfocados en el diseño de la GUI de la aplicación de escritorio. De todos modos, estos textos lo ayudarán a comenzar a pensar en términos de cómo obtener la información que sus usuarios necesitan de una forma que sus cerebros comprendan. De todos modos, el primer libro es The Non-Designer's Design Book de Robin Williams. Este libro le enseñará sobre composición en términos no tan orientados al diseño gráfico. Este libro le ayudará a comenzar a pensar en cómo la mente humana percibe los elementos de diseño.

En segundo lugar, echa un vistazo a Don't Make Me Think de Steve Krug. Se trata de la navegación y la representación de datos en las páginas web, pero muchas de las recomendaciones (es decir, la navegación de migas de pan) a menudo tienen tanto sentido en las aplicaciones de escritorio como en las páginas web.

Como indicó otro póster, no existen buenos patrones de diseño en aislamiento por medio. Algunas cosas no se traducen tan bien entre lo analógico y lo digital (es decir, texto de varias columnas en un periódico real versus una aplicación para el periódico) porque ciertas restricciones son diferentes según el medio, pero muchos principios de buen diseño son válidos sin importar lo que pase. de qué medio estás hablando.



5

Un consejo que he escuchado a menudo es mirar los diseños que te gustan para inspirarte. Esto no está aislado solo para decir aplicaciones de escritorio, sino que debe extenderse al arte, la arquitectura, la web, la fotografía, los productos, etc.

Esto lo ayudará a tener una idea de lo que es un buen diseño y lo ayudará en aplicaciones de diseño a largo plazo que sean agradables a la vista y fáciles de usar.

Si realiza un prototipo de su diseño, puede obtener ayuda de los usuarios u otros desarrolladores para probarlo mientras recopila comentarios. No solo lo que dicen, sino lo que hacen. (ejemplo: la gente dice que no les gustan las islas desordenadas en Walmart, pero literalmente perdieron más de $ 1B en ventas cuando eliminó el desorden)


3
+1 para prototipos. En lugar de centrarse en la "1 mejor idea", genere un montón de ellos. Luego, muestre sus ideas prototipo a un grupo de personas. Obtendrá muchos comentarios y podrá refinar su diseño.
Stephen Gross el

[Walmart] literalmente perdió más de $ 1B en ventas cuando eliminaron el desorden; ¿citación?
funkybro

3
@funkybro Artículo del NY Times: nytimes.com/2011/04/08/business/08clutter.html?_r=1
ghoppe


1

Siempre sigo la regla de minimizar los clics y las pulsaciones de teclas. No soy muy bueno para hacer una interfaz de usuario de aspecto sexy, con muchos colores y botones de aspecto regordete, pero los usuarios me dicen que es muy fácil de usar. Aquí hay uno.

Una de las cosas que descubrí es que a los usuarios les encanta la respuesta instantánea . Es como Hollywood. A la gente le encantan los píxeles (preferiblemente píxeles de colores). Realmente aman los píxeles que se mueven .

En un intento de crear interfaces de usuario así, y de simplificar el esfuerzo de codificación, hace mucho tiempo se me ocurrió un esquema que todavía uso hasta el día de hoy: Ejecución diferencial . (No puedo decir que haya tenido mucha suerte publicándolo, pero ahí está. Ha sido publicado, FWIW).

Entonces esos son solo mis dos centavos.


Su página wiki ha sido eliminada. ¿Está en otro lugar?
Michael Riley - AKA Gunny

@Cape: Sí, me cortaron las rodillas allí, algo sobre el neologismo . Lo que sea. La etiqueta SO "ejecución diferencial" me tiene exponiéndolo, y puse una implementación en sourceforge. También están las publicaciones, la última de las cuales estaré encantado de enviar, si necesita un poco de glaseado. Tal vez, más concretamente, podría ser una aplicación de subasta que hice hace un par de años, que podría usar para ti. Está en VC6 (MFC) pero no es grande y funciona bien.
Mike Dunlavey

@Cape: De hecho, mi página de usuario de Wikipedia todavía lo tiene, pero, según lo veo, no es muy bueno.
Mike Dunlavey

Una cosa a considerar sobre la minimización de clics y pulsaciones de teclas es el costo de cada clic al pensar. Por lo general, las personas prefieren hacer varios clics que son casi insensatos que uno que tenga en cuenta. Obviamente, menos clics sin sentido son mejores que varios clics sin sentido. Este principio se discute un poco en No me hagas pensar .
cuál es el

@whatsisname: Gracias por esa información. Intento hacer que el "camino de menor resistencia" sea lo que la gente probablemente quiera. Sin embargo, no siempre puedo hacerlo.
Mike Dunlavey

1

Creo que el primer paso es determinar un estilo / tema. Por ejemplo, Windows 8 Metro vs. NT.

Algunas sugerencias de recursos e inspiración (menciono WPF / Web pero no tiene que estar usándolo, por supuesto):

R - Si desea comenzar con la creación de prototipos, los estilos de control aquí son geniales estilos y controles de control web

B: Component Factory ofrece a las ventanas un buen estiramiento facial. Incluso ofrecen un producto gratuito en: Component Factory

C - Los fabricantes de controles GUI de terceros tienen demostraciones atractivas

D - Intente buscar la palabra "libros" en este sitio: Experiencia del usuario obtendrá muchas publicaciones.

E- Esta aplicación WPF: WPF Health Care

F - Esta aplicación WPF: Billy Holis - WPF y la versión final en: WPF - StaffLynx

G: las herramientas de estilo Metro están disponibles si lo desea. Mira esto: Metro Style

Lo más importante, como ya sabrá, equilibre el esfuerzo con el valor.

Editar

DevXpress ha lanzado un nuevo lanzamiento compatible con Metro Style, que acaba de ver el video ya DevXpress-2


1
El enlace para E - WPF-Health Care Application está roto.
Michael Riley - AKA Gunny

@CapeCodGunny, gracias por la nota, debería estar bien ahora :)
NoChance

0

No puedo recomendar el libro de Edward Tufte The Visual Display of Quantitative Information lo suficiente. Realmente te hace pensar en lo que estás presentando y por qué. Todos sus libros son buenos, pero me encuentro refiriéndome a este más.

Un buen libro de "Patrón de diseño de interfaz de usuario" que he encontrado es Diseño de interfaces . Tiene secciones sobre diseño de diseños, navegación, visualización de información compleja y diseño de formularios de entrada. Hay un libro similar sobre el diseño de interfaces sociales (llamado, apropiadamente, Diseño de interfaces sociales ), pero no lo he leído, así que no sé lo suficiente como para recomendarlo.


¿Cuál es una de las cosas más útiles que descubrió en el libro de Tufte? ¿Cómo cambió tu forma de pensar?
Michael Riley - AKA Gunny

¿Honestamente crees que es un buen libro para que un principiante presente un diseño de interfaz de usuario simple? Yo no. Es un libro valioso, pero es un poco como sugerir que aprendan a abrir un restaurante cuando lo único que quieren hacer es hornear un lote de galletas.
Bryan Oakley

@CapeCodGunny: Las cosas que realmente se quedan conmigo son su deconstrucción de los estilos de presentación típicos, reduciéndolos a lo más básico (cap. 6) y la sección sobre "integridad gráfica".
TMN

@BryanOakley: Dijo que primero diseñó la pantalla para una resolución de pantalla de 640x480, que tiene que ser hace varios años, así que dudo que sea un principiante. Y no dio ninguna indicación de que la IU fuera simple (o que no lo fuera). Solo relataba algunos recursos que me ayudaron cuando realmente comencé a diseñar interfaces de usuario, en lugar de pegar un montón de cuadros de texto y etiquetas en la pantalla.
TMN

@Bryan: mi producto tiene 20 años, pasó de DOS a Windows. Todavía se vende pero está desactualizado.
Michael Riley - AKA Gunny

0

Hay algunos buenos libros que ya se han recomendado. El sitio web de UX Stack Exchange está más bien equipado para manejar preguntas como esta, pero tampoco está totalmente fuera de tema.

En primer lugar, mediaqueri.es es un gran recurso para su problema específico porque es una galería de sitios web y aplicaciones web que están diseñadas de manera receptiva para adaptarse a diferentes resoluciones de pantalla y agentes de usuario.

preguntas de los medios

También verifique en Smashing Magazine . Es un blog que es el paraíso del desarrollo front-end, con publicaciones sobre UX / UI, HTML / CSS / Javascript, diseño gráfico y diseño web. También tienen publicaciones que estudian sitios web específicos y campañas de marketing y ven lo que hicieron bien (y mal) con sus decisiones de UI / UX. Consulte este sitio regularmente para obtener consejos diarios sobre estos temas.

Luego, cuando haya obtenido algo de inspiración, eche un vistazo a algunas preguntas SO / SE que he protagonizado específicamente sobre este tipo de tema. Estos son solo recursos generales para cualquiera y no solo OP:

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.