Diseño de interfaz de usuario [cerrado]

Question

¿A dónde recurre al crear una interfaz de usuario?Soy programador, no diseñador.¿Algunas ideas?Mi "UI" suele ser terrible, ya que sólo quiero que funcione, ¿qué haces?

Answer 1

Experiencia de usuario de Google y Las leyes de la simplicidad Son muy buenos comienzos.

Siempre fui malo en diseño, pero después de leer mucho sobre usabilidad, simplicidad, diseño y comenzar a analizar el diseño de Google y otros diseños basados ​​en la simplicidad, mis UI comenzaron a apestar menos.

Answer 2

Normalmente lo hago todo yo mismo, simplemente porque mi presupuesto es bastante limitado.

Sin embargo, hay algunos libros que quizás valga la pena leer:

• Usabilidad de la página de inicio: 50 sitios web deconstruidos por Jakob Nielsen y Marie Tahir
• No me hagas pensar por Steve Krug
• Diseño de interfaces por Jenifer Tidwell
• Priorizar la usabilidad web por Jakob Nielsen y Hoa Loranger

Y siempre es bueno mirar qué hacen otros sitios que te gustan :)

Answer 3

recurro a... DISEÑADORES!Recuerdo que Jeff Atwood publicó sobre esto en Coding Horror hace un tiempo, pero merece repetirse:¡Los programadores son terribles diseñadores!

Hay sitios como 99designs (stack overflow lo usó para obtener su logotipo) donde puedes contratar el trabajo por un precio bastante económico.

Answer 4

Dedique mucho tiempo a explorar nuevas aplicaciones que hayan creado otras personas.Encuentre cosas que le parezcan que funcionan bien y úselas en su próximo proyecto.Poco a poco irás creando un repertorio de buenas prácticas de UI.

Answer 5

Por lo general, comienzo copiando algo más y luego lo cambio o mejoro hasta que se ve como quiero.Tampoco soy diseñador, no tengo mucho sentido artístico y, sinceramente, no me molesto en pasar días (semanas) creando una interfaz de usuario para una aplicación;es mucho más fácil tomar otra cosa y darle la vuelta como quiera.

Los blogs de MSDN suelen ser un buen lugar para buscar inspiración, ya que a muchos de los escritores les gusta promocionar aplicaciones/sitios web que utilizan sus tecnologías favoritas (el blog de Brad Abrams es bueno si buscas interfaces tipo WPF).

Answer 6

Si está escribiendo aplicaciones de escritorio, simplemente seguir las pautas de la interfaz de usuario para la plataforma elegida le ayudará mucho.

Si está en la web entonces estás jodido, sólo necesitas un diseñador.

Dicho esto, no se deje engañar pensando que el diseño de la interfaz de usuario tiene que ver con la apariencia visual.Probablemente sea más importante contar con el modelo de interacción adecuado.Un diseñador gráfico no te ayudará con eso.Si no tiene acceso a un especialista en UI, intente comenzar con Diseño de interfaz de usuario para programadores.

Answer 7

Muchos diseñadores (gráficos) no entienden las necesidades de una interfaz de usuario, es necesario investigar mucho y pedir a la gente que pruebe cosas -sin intervención- y ver qué hacen, qué les confunde, qué errores ellos hacen.

La mayoría de los consejos dan tres pasos para el diseño de la interfaz de usuario:Contenido o estructura alámbrica: lo que está en la interfaz, flujo o relación: cómo los enlaces y el estilo: cómo se ve.

El tema es enorme, hay buenos enlaces publicados anteriormente, el libro de Cooper 'About Face', aunque un poco prolijo, tiene explicaciones de varios errores.

Answer 8

Parece bastante obvio, pero sugeriría "Diseño de interfaz de usuario para programadores" de Joel Spolsky. Versiones disponibles en papel y en línea.Puede leerlo en medio día y comprender bien la interfaz de usuario.

Answer 9

No es necesario ser un gran diseñador para crear una interfaz de usuario decente y una excelente experiencia de usuario para su aplicación.

Creo que hay ciertos principios que puedes seguir y que pueden mejorar drásticamente tu aplicación.

En un nivel alto esto incluye:

• Identificar sus 3 casos de uso principales
• Medir y reducir la cantidad de clics necesarios para superar los casos de uso principales
• Dibuja, crea un prototipo, tíralo y desafíate a ti mismo a hacerlo con menos

Escribí una entrada de blog que intenta escribir algunos principios relacionados con el diseño de GUI.Compruébalo y déjame saber lo que piensas.

Cómo mejorar la experiencia del usuario de su aplicación GUI con algunos principios simples.

Answer 10

Ver este hilo para algunos consejos.

En resumen:Consiga que alguien con habilidades lo haga o manténgalo muy limpio y simple.

Answer 11

@AdamLerman Nunca encontrarás a alguien que haga tu diseño gratis.Todo cuesta dinero, especialmente el tiempo de Photoshop de los artistas.

Answer 12

En la domótica mundial abundan los diseñadores independientes.Hago un prototipo con una interfaz muy simple y luego uso los gráficos y el diseño de GuiFX

Answer 13

LucasW Tiene varios artículos, libros y ejemplos sobre cuestiones de usabilidad y diseño de interfaces de usuario.

He encontrado especialmente el Diseño de formulario de aplicación web artículo para que sea útil.

Answer 14

Antes de saber que existía Internet, leí el Directrices de la interfaz humana de Apple que parece que han estado manteniendo actualizado.

También puedes leer algunas tomas totalmente diferentes, como Raskin's

Entonces supongo que se lee la respuesta.DESPUÉS de haber pensado en lo que quiere hacer y cómo, contrata a los diseñadores gráficos para que se vea bien mientras sucede.Pero todavía no he encontrado un diseñador que haya modificado más que la aplicación y la haya descrito.

Answer 15

El mejor libro que he leído sobre usabilidad/diseño de interacción, y uno de los mejores libros que he leído, es un libro llamado Acerca de la cara 3:Los fundamentos del diseño de interacción por Alan Cooper.

Es un libro fantástico porque habla sobre muchos conceptos fundamentales detrás del diseño de interfaces para cualquier tipo de interfaz, no solo en la web.Comprender estos conceptos le ayudará a tomar mejores decisiones creativas, especialmente al diseñar algo que aún no se ha diseñado (como un nuevo producto o un tipo de sitio web social), y no sólo le ayudará a copiar lo que ya se ha hecho.

Answer 16

Puedes pasar por estos Diez heurísticas de diseño• Mostrar estado del sistema • Metáforas e lenguaje familiares • Control y libertad • Consistencia • Prevención de errores • Reconocimiento sobre el retiro • Flexibilidad y eficiencia • Diseño estético y minimalista • Reconocer, diagnosticar y recuperar de los errores • Ayuda

Lea este artículo sobre evaluación heurística,ÉL

Answer 17

Siempre pensé que era simplemente conseguir que alguien más lo hiciera... si tan solo tuviera un hueso creativo en mi cuerpo...

En realidad, solo estaba buscando lugares buenos (con suerte gratuitos) que me ayudaran.Revisaré 99designs.

Answer 18

Si está buscando hacer algo basado en la web, consulte las referencias en este hilo.

Me gusta usar sitios como estos para algunos fragmentos completos de sitios que armo cuando hago mi propio diseño.Sólo asegúrese de mantener el crédito a quien corresponde.