2009-11-10 8 views
7

¿Cómo puedo hacer que una aplicación se vea bien y no como un aficionado?¿Cómo haces que un programa luzca lindo?

Quiero decir gráfico-sabio.

¿Hay algún tipo de libro que pueda leer sobre diseños de programas hermosos, etc.?

Puse esto en la Wiki de la Comunidad así que siéntase libre de dejar sus opiniones de esa manera que todos podamos aprender. : D

Editar: Oh dios mio. Me olvidé por completo de mencionar tipo del programa. Me refiero a las aplicaciones de escritorio. No aplicaciones web. : D

+4

¿qué tipo de programa? basado en la web? basado en el cliente? ¿videojuego? hay literalmente miles de libros que puedes leer sobre esto, además de millones de resultados de google ... – Jason

+7

Sí, hay un solo libro que puede imbuirte mágicamente con una educación de diseño completa, pero no estoy permitido para decirte lo que es porque entonces todas las escuelas de arte en el mundo me perseguirían y me matarían por arruinar sus negocios. –

+4

Creo que se refiere a una regla general. Hay una regla fundamental que se aplica a todas las aplicaciones, como mantenerlo simple, satisfacer una necesidad comercial, etc. – Phil

Respuesta

29

Encuentra un diseñador gráfico.

No estoy tratando de ser sarcástico, solo digo. Me considero un desarrollador bastante bueno, pero estoy a la altura de lo que se refiere al diseño gráfico.

Las habilidades (y las herramientas) para un buen diseño gráfico son fundamentalmente diferentes de las habilidades de un desarrollador.

+6

Tienes razón. SIN EMBARGO, los ingenieros de software deben saber un poco sobre diseño ellos mismos para poder contribuir en hacer el producto bueno. Decir, "solo contrata un diseño" es como tener a alguien que te construya una casa sin tener que considerar si crees que se ve bien o no. Aprendí esto de la manera difícil. – Phil

+1

De acuerdo. O sé un diseñador. Conozco personas que son buenas tanto en programación como en diseño, pero aprender a ser diseñador requiere casi tanto esfuerzo como aprender a ser un buen programador (es decir, una vida entera) ... –

+1

+1: encuentre un diseñador gráfico. Los programadores son diseñadores de código, no diseñadores gráficos. Joel también ha dicho algo bueno al respecto: http://www.joelonsoftware.com/items/2009/03/09.html – BalusC

9

Tres cosas:

  1. contratar a un diseñadores que conoce los modelos de negocio y clientes; a menos que usted es bueno en sí mismo

  2. para ayudarle a proporcionar retroalimentación significativa para el diseñador, leer un libro como me gusta Don't Make Me Think: A Common Sense Approach to Web Usability, 2nd Edition por Steve Krug

  3. Estudio muchas buenas aplicaciones que han tenido éxito en la el negocio que le interesa. Sé inspirado (también copia) buenas ideas de ellos y mezcla tus propias ideas. Un buen ejemplo es cómo Google search "inspiró" Microsoft Bing
+3

+1 para No me hagas pensar: una excelente libro – ChrisF

-1

Contratar a un experto. El diseño es algo que tienes o no tienes. Parece que (como yo) está en la categoría "no" :)

+0

Como diseñador gráfico, puedo decirle que el "Ello" al que se refiere es de miles de horas de estudio y práctica. No es magia. Dicho esto, si no quiere poner al menos 1000-2000 horas aprendiendo diseño a un nivel profesional, contrate a alguien que ya lo haya hecho. – willc2

6

Los siguientes términos son realmente importantes cuando se trata de la apariencia de una aplicación

Diseño de interfaz de usuario Esto habla de cómo la aplicación cuenta con colores suaves, uniformes controles de tamaño similar, las fuentes suaves, agrupaciones apropiadas de elementos de datos, etc.

experiencia del usuario Esto es una cosa mucho más difícil de alcanzar. Así de intuitiva es la aplicación "¿Estás seguro?" y "¿Estás realmente seguro?" cuadros de mensajes, eliminando pop-ups y cuadros de diálogo, guardado automático, el flujo de una etapa a otra, precisión en el guardado de datos y una serie de otras cosas que hacen que la experiencia del usuario sea realmente increíble.

No puede tener un buen UX sin una buena IU, pero definitivamente es posible tener una buena IU sin un buen UX.

+0

Esto es casi peor que darle los enlaces Let Me Google That For You. – Garrett

+0

Es una respuesta muy zen. –

+0

@Garrett No creo que Raj estuviera siendo sarcástico en absoluto. Esos son dos términos que definitivamente es bueno saber y algo de lo que una persona que hizo esta pregunta puede no haber estado al tanto. –

1

Intento muy difícil convencer a mis usuarios de la belleza de una interfaz de línea de comando.

Además de eso, creo que no hay nada mejor que "pruebas de pasillo". Sin embargo, siempre puede contratar a un experto para el diseño de la GUI.

+0

Haha +1. Mi trabajo terminaría si aceptaran la hermosa versión de línea de comando que uso. – chimpsarehungry

0

Hay muchos sitios que ofrecen consejos sobre el diseño de la interfaz gráfica de usuario (GUI). Busca las "pautas de diseño de la GUI" en Google y encontrarás algunas. Si bien estos consejos pueden no hacer que su aplicación se vea "bonita", pueden hacer que parezca diseñada profesionalmente. Si quieres hermosos gráficos, es posible que necesites ayuda de un artista gráfico.

Compruebe here para obtener una buena lista de libros sobre diseño de GUI.

2

recomiendo la lectura del AskTog site:

Bruce Tognazzini ... ... fundó el Grupo de interfaz humana de Apple y actuó como humano de Apple Interface Evangelist.

Ha habido algunas grandes cosas en el pasado, como la forma de hacer los botones más grandes es directamente proporcional a la probabilidad de que se ha pulsado, el diseño de cómo el movimiento del ratón afectado, etc.

Pero si usted no está en el aprendizaje - por todos los medios, encuentra un diseñador profesional.

5

Solo sigue rehaciéndolo. En serio, toma todas las críticas externas. Pídales que sean específicos. Si está trabajando en la web, consulte tantos sitios web como pueda. A veces, dependiendo del creador, puede enviar un correo electrónico al sitio web para preguntar por qué hicieron lo que hicieron y obtener una respuesta. Si está haciendo un escritorio, encuentre una biblioteca que le guste que se vea bien (no Swing, discúlpeme si lo desea). Luego cree, destruya, cree, destruya, etc., hasta que esté contento.

El mayor problema que creo que la gente tiene es aprender a tirar un componente que no funciona para usted.

+0

Creo que sí, este tipo de prototipado rápido es una excelente forma de aprender a diseñar. Si no va a hacer que otra persona lo haga, debe familiarizarse usted mismo con la usabilidad, y la mejor manera de acelerar ese proceso es con muchos prototipos rápidos y sucios. – Kzqai

1

Mantenga la codificación fuera del trabajo de diseño y haga sus maquetas en photoshop o algo similar antes de intentar implementarlas. Una buena codificación y un buen diseño visual de interfaz de usuario pueden oponerse entre sí muy a menudo: lo que se ve bien en el exterior requiere un trabajo de back-end que la mayoría de los programadores consideran monstruoso, y las buenas IU a menudo requieren un comportamiento personalizado donde el uso de bibliotecas estandarizadas parezca más sentido desde una perspectiva de ingeniería. Tener un objetivo para la IU funcional lo ayudará a ir más allá de los resultados "lo suficientemente buenos" que podría obtener si deja que lo que hacen sus bibliotecas determine de forma predeterminada cómo se verá el sitio o la aplicación.

1

Me gusta mucho el libro Designing Interfaces. Presenta muchos patrones de diseño de interfaz de usuario y cuándo son apropiados para su uso. No le enseñará a hacer las cosas "bonitas", pero puede ayudar mucho a hacer que su aplicación sea intuitiva y fácil de entender para el usuario. También presenta los patrones de una manera agnóstica de plataforma.

1

Hay muchos libros que son diseño gráfico, diseño de interfaz, diseño de aplicaciones web, diseño CSS, etc.

reglas generales:

  • pensar en términos de redes
  • no temen el espacio en blanco
  • que sea sencillo
  • entender jerarquía
  • entender la teoría básica del color
  • contratar a una diseñador de interfaz de usuario
+0

espacio en blanco: ¡muy importante! –

5

He encontrado que pasar por varias guías de diseño de escritorio puede ser bastante útil.

  1. Windows User Experience Interaction Guidelines
  2. Apple Human Interface Guidelines
  3. Gnome Human Interface Guides

No creo que ninguno de ellos puede ser considerado como "correcta", pero que le dará una buena idea de la línea de base en cuanto a lo se espera en general en lo que se refiere a la teoría básica, como la alineación, el espaciado y el diseño de widgets.

+0

He utilizado las pautas de Windows, y es un gran recurso cuando construyo Windows UI. El único problema es la gran cantidad de información allí – jonsb

2

For Looks: siga las pautas de la interfaz humana de la plataforma. Use el Golden Mean para complacer a la vista. Simplify, Simplify, Simplify.

For Behavior: Observe que los usuarios usen su aplicación. No los ayudes, no los corrijas. Párate detrás de un espejo de dos vías si puedes. Encontrará rápidamente muchos lugares donde su interfaz de usuario podría usar una puesta a punto.

1

En primer lugar, la facilidad de uso debe ser siempre la prioridad # 1 y debe conducir su diseño:

Sin embargo, eso no significa que su aplicación tiene que ser feo. Y no estoy de acuerdo con quienes dicen "o lo tienes o no". Creo que casi cualquiera puede desarrollar habilidades básicas de diseño si se lo proponen. El solo hecho de que preguntes por él demuestra que estás interesado, lo cual es un gran paso hacia el aprendizaje. Y, de hecho, incluso como desarrollador, ayuda al menos a tener buen sentido de lo que se ve bien y cómo crear una interfaz de usuario atractiva. Y si es importante, siempre puede contratar a un diseñador profesional para llevarlo al siguiente nivel.

Hay algunos detalles fundamentales para el diseño de trabajo que me han ayudado:

1.) Usar colores sabiamente. Los colores opacos no son malos, pero pueden hacer que el diseño parezca aburrido y sin inspiración. Si agrega colores emocionantes y saturados con moderación, puede enfatizar los elementos más importantes. Esto no solo mejorará la apariencia, sino que incluso puede usarse para mejorar la usabilidad al atraer la atención a elementos que no desea que sus usuarios pierdan. Nuevamente, si exageras esto, es como resaltar todo en tu libro de física. Si lo haces en todas partes, pierde su significado. Escribí más sobre colors and contrast in my answer here.

2.) Utilice white space sabiamente. Esto es enorme. No importa si está hablando de un sitio web o una aplicación de Windows: una aplicación desordenada es fea. Hay un buen article about this relating to web design, pero las mismas reglas básicas se aplicarían a una aplicación de escritorio.

3.) No tema big fonts. Otro medio para dar énfasis: la fuente grande. Cuando se combina con el espacio en blanco adecuado, un llamado a la acción escrito en grandes palabras puede ser algo poderoso visualmente.

Ahora que lo pienso, todas estas sugerencias se relacionan con la creación de énfasis.

directrices
0

general que usamos:

  1. , los desplazamientos por fácil: utilizar un menú de la barra de herramientas o para acceder a diferentes partes de la aplicación.
  2. Haga que la información de visualización sea lo más fácil posible, y en diferentes formatos.
  3. Haga que la información cambiante sea lo más uniforme posible. Es decir, ponga los botones Nuevo, Editar y Guardar en el mismo lugar.
  4. Haga que la acción más común sea la más fácil.

directrices específicas que utilizan:

  1. utilizan los mismos o similares de la fuente a través de la aplicación. Varíe por tamaño o negrita para llamar la atención.
  2. Usa fondos de color para agrupar y separar tipos de información.
  3. Junte la información más relevante y haga que el botón más utilizado sea más grande que el resto.
  4. No use un control desplegable donde solo hay unas pocas opciones. Use un control de lista lo suficientemente grande como para que no tenga que desplazarse o usar un botón de radio.
  5. Agregar espacio en blanco puede facilitar la lectura de la pantalla o el informe.
-1

Te daré una idea de dónde está mi cabeza y mi respuesta a "¿Cómo sueles hacer que un programa luzca hermoso?" Empieza por:

  • métodos cortos
  • adecuadas de espacio en blanco
  • convenciones de nomenclatura coherente
  • convenciones de formato consistentes

probablemente no es una buena idea para preguntarme lo que creo que hace que para un buen UI.

0

¿Alguien ha recibido algún consejo para el programador que no tiene presupuesto o está trabajando en un proyecto en su casa por diversión? No podemos contratar a un diseñador, pero nos gustaría hacer un pequeño esfuerzo para que nuestras aplicaciones parezcan menos hechas en casa.

Te sugiero que muestres una captura de pantalla de tu creación a tus familiares y amigos. Odiarás sus sugerencias porque diferirán de las tuyas, por supuesto. Pero puede ayudar.

Investigue aplicaciones que son similares, Y algunas que no, ¡pellizque una pequeña idea de cada una!

Cuestiones relacionadas