wpf - trabajo - Características de un buen diseñador de interfaz de usuario

interfaz de usuario caracteristicas (17)

Aquí hay muchos enlaces a buenas guías, pero la pregunta inicial sigue siendo: "¿Cuáles son las características de un buen diseñador de UI?"

La capacidad de ver un proceso, sistema o práctica, y diseñar una interfaz que lo mejore más.

No se trata de interfaces bonitas, se trata de lo que funciona mejor en esa situación exacta. Y mi consejo para convertirte en un mejor diseñador de interfaz de usuario es mejorar para ponerte en la posición de usuario. Todos podríamos mejorar eso.

¿Cuáles son las características de un buen diseñador de UI? ¿Cuánto tiene que tener habilidades de diseño gráfico en estos días en comparación con las habilidades de diseño de interacción? Veo esto de creciente importancia con la llegada de WPF y Silverlight.

Personalmente me considero bueno en el diseño de interacción, pero me gustaría fortalecer mis habilidades en el área de diseño gráfico. ¿Es posible aprender estas habilidades o naces con ellas? ¿Alguien puede recomendar buenos libros o recursos que podrían ayudar?

Gracias,

Craig

Definitivamente es posible aprender estas habilidades.

Lo que mucha gente se confunde con es la diferencia entre Arte y Diseño. En muchos sentidos, la diferencia entre Arte y Diseño es que el Arte no tiene una funcionalidad subestimada. Se ve bien ... porque lo hace. Con el diseño generalmente hay una razón para que exista algo. Para ser un buen diseñador, uno debe entender qué es un buen diseño y cómo romper de manera eficiente los límites de la lógica para crear algo que funcione con la menor carga cognitiva posible. Si un nuevo diseño de interfaz de usuario me permite realizar una tarea dos veces más rápido que la anterior, entonces es mejor. Si disfruto la experiencia de usar la nueva, es mejor.

Por supuesto, hay un lado artístico para diseñar, y al usar estilo y creatividad, un diseñador puede hacer mejores diseños.

Si quieres ser mejor diseñando, entonces hay dos cosas que puedes hacer:

Lee todo lo que puedas sobre diseño. Encuentra los mejores blogs de diseño y pégalos en tu feed RSS. Lee todo lo que puedas sobre diseño.
Diseña algo, luego diseña de nuevo, y otra vez, ¡luego detente! Ahora, diseña algo más ...
Aprenda todo lo que pueda sobre HCI. Hay algunos excelentes libros de HCI, incluso más allá de las opciones obvias. Lee todos los libros que puedas encontrar.
Únete a una comunidad de diseño y supervisa el trabajo que las personas producen. Si tiene la oportunidad, colabore con alguien mejor que usted y vea cómo funcionan.

No sé lo suficiente sobre arte para decir si puedes aprender a ser artista. Todo lo que sé es que todos son naturalmente creativos; solo tienes que aprender cómo dejarlo salir en tu trabajo, eso significa aprender a usar tus herramientas de manera efectiva. Una vez que puedas hacer eso, entonces puedes experimentar.

Me gusta pensar que muchos de los conceptos permanentes de HCI que usamos hoy en día no solo provienen del pensamiento calculado; más una visión artística cobrará vida.

En el lado opuesto, si encuentro algo mal presentado, cuadros que no se alinean, uso torpe, gramática pobre, supongo que el programador es tan descuidado en su código interno. Espero más errores en las aplicaciones con una IU pobre.

Es algo anticuado, pero disfruté "El diseño de las cosas cotidianas". Una buena interfaz de usuario hace que el usuario se sienta bien sin que ellos lo noten.

En mi experiencia, el sello distintivo de un buen diseñador de UI no es necesariamente una solución elegante, hágalo todo, no es genial, pero en general es casi invisible porque funciona con muy poca ayuda del usuario. :

Los controles y la información se presentan de forma lógica, intuitiva y consistente.
La facilidad de acceso a una función es proporcional a su frecuencia de uso.
Al usuario le resulta casi imposible no usar el producto correctamente.
Rompe las "reglas" cuando hacerlo aumenta su usabilidad.
Es atractivo en una especie de "niña (o chico) al lado". Agradable a la vista, pero no distrae.

En mi experiencia, es mucho más fácil encontrar a alguien para hacer páginas bonitas, que alguien que puede hacer casos de uso realmente sorprendentes, sutiles y no obvios. Casos de uso que no son fundamentalmente formularios de entrada de mantenimiento de tabla.

Si ya estás allí, te sugiero que pienses en encontrar un artista de GUI con el que emparejar un programa.

Esto se puede debatir hasta el final de los tiempos, personalmente creo que el diseño de interacción y el diseño gráfico son dos cosas bastante separadas.

Pero ambos se pueden aprender, al menos a un nivel satisfactorio. Probablemente nunca seas realmente bueno en eso a menos que tengas un "talento" para ello.

Un libro que yo mismo no he leído pero que he escuchado que muchas personas recomiendan es "No me hagas pensar" por Steve Krug.

Joel Spolsky tiene una idea simple y elegante en la "Prueba de usabilidad del pasillo", así como una serie de publicaciones sobre el diseño de la interfaz de usuario .

La mayoría de las personas puede mirar las interfaces de usuario (como mirar cualquier cosa gráfica) y decir "eso se ve bien" o "eso no se ve bien". Lo que generalmente hace que una persona gráfica sea capaz de producir material atractivo es la voluntad de cambiar y ajustar cosas casi sin parar, e incluso arrojar líneas completas de esfuerzo, hasta que algo que se ve bien surge. La mayoría de los programadores no tienen la paciencia para este tipo de cosas, por lo que sus interfaces de usuario parecen diseñadas por alguien a quien no le importaba mucho su apariencia.

En un nivel más profundo, el concepto de "talento" o "habilidad innata" se usa a menudo como excusa para no intentar siquiera algo (por ejemplo, "no tengo talento musical, así que ni siquiera voy a intentar tocar el piano". "). Si quieres ser bueno en algo, tienes que practicarlo mucho; no hay alternativa.

Los sitios que recomiendo para la interfaz de usuario y diseño específicamente son:

Alert Box , sobre diseño web, en particular. Buenos ejemplos, casos de uso y estudios allí.
Humanizado , principios de diseño. Consulte el blog también, específicamente este y su artículo de configuración .
Blog de Aza Raskin . Es parte de Humanized (y ahora de Mozilla), y su blog personal es una mina de comentarios profundos sobre el diseño de interfaces.

Lo interesante de estos sitios es que no solo dan ejemplos de lo que "se debe y no se debe hacer" en la IU, sino que respaldan estos ejemplos con métricas y métodos específicos que puede usar para medir qué tan "buena" es su IU. El blog de Aza es particularmente interesante porque revisa su iteración de diseño en varios proyectos de los que ha formado parte, y habla sobre los "por qué" de muchas de las decisiones de UI que se tomaron.

Me gustaría ver cualquiera de los libros editados tufte.

Jakob Nielson es un buen autor también.

Pruebe el libro de diseño del no diseñador .

En mi experiencia, el diseño de la interfaz es una habilidad en sí misma. Los diseñadores gráficos son buenos para hacer interfaces maravillosamente hermosas pero completamente confusas e inutilizables.

Tengo algunos trucos que uso, pero en su mayoría implican el robo de elementos de diseño de aplicaciones y sitios web bien diseñados.

Supongo que el primer libro que sugeriría es ''los reclusos están administrando el asilo''. Se necesita un poco para entrar, pero resulta ser un gran libro.

En línea...
la w3 tiene algunas ideas geniales sobre cómo diseñar páginas web.
El zen de la codificación de la palma debería ser una lectura obligatoria para diseñadores de PDA.

se trata del modelo mental del usuario final: la estructura abstracta que forman en sus mentes que los lleva a simplemente ''saber'' qué probar mientras exploran su diseño de interfaz de usuario. Como desarrollador de UI necesita comprender claramente y luego crear ese modelo mental para ellos, y muchas veces no tendrá casi nada que ver con la composición del sistema de software subyacente. Así que no se sorprenda si algunas UI son difíciles de desarrollar.

Una vez que un usuario comienza a visualizar y adoptar este modelo mental, comenzarán a explorar y probar cosas basadas en rellenar lógicamente las piezas que faltan. Un buen diseño de interfaz de usuario los recompensará con los resultados esperados, una IU mala caldeará y confundirá y querrán cazarlo.

Acerca de Face es un buen libro también.

La sutileza siempre es algo bueno a tener en cuenta. Los degradados duros y algunas combinaciones de colores son solo un dolor.

Gran UI significa:

Todas las herramientas / datos que ves son accionables

Es decir, todo en la pantalla tiene un significado. Si no tiene significado o no afecta lo que vas a hacer a continuación , no debería estar allí.

Comprender y usar convenciones

Esto es la mayor parte del tiempo. Ocasionalmente, un gran diseñador de UI inventa un nuevo modelo de interfaz (las etiquetas se inventaron para manejar mejor el intercambio de fotos).

Hacer todo sin fricción

Si desea hacer algo, desea hacerlo en los pocos pasos que sea posible.

Haciendo que todo sea limpio y comprensible a simple vista

No puede disminuir la necesidad de un buen diseño de interfaz de usuario para, al menos, ser agradable al ojo. Si no puedes digerir algo visualmente en muy poco tiempo, puede que no sea un buen ejemplo de buena IU.

Puede encontrar muchos diseñadores que pueden dibujar lindas imágenes, pero los mejores tienen un conocimiento práctico del diseño de la interfaz. Inherente en eso es la capacidad de anticipar cómo un usuario interactuará con una aplicación sin ser perjudicado por el conocimiento de cómo se supone que esa aplicación funcione.

En cuanto a su segunda pregunta, en mi opinión, el modelo de programación de WPF y Silverlight permite una separación más clara entre diseñador y codificador (es decir, Microsoft Expression Design es para diseñadores, .NET 3.5 es para codificadores y Microsoft Epxression Blend está en el medio ) Dicho esto, siempre es mejor tener un diseñador de interfaz de usuario que pueda manejar tanto el diseño como el código.

Y solo para lanzar un libro que me gusta, el diseño de formularios web de Luke Wroblewski, puede obtener una versión en PDF del libro por menos de $ 20 dólares.

Como recurso para diseñar interfaces de usuario en Windows, diría que las Pautas de experiencia del usuario de Windows Vista ofrecen excelentes consejos y ejemplos sobre el diseño de interfaces de usuario.

Proporciona buenos y malos ejemplos de las interfaces de usuario de los productos reales de Microsoft, por lo que diría que en realidad es bastante objetivo y una valiosa guía para usar como referencia al aprender sobre el diseño de la interfaz de usuario.

Como está diseñado como una guía para las aplicaciones de Windows Vista, encajaría bien con el diseño de la interfaz de usuario para WPF, pero los consejos ofrecidos son lo suficientemente generales como para que también se puedan aplicar a las interfaces de usuario que no están basadas en Windows.

Añadiré un puntero a una pregunta relacionada: Especificación de la interfaz de usuario de Java