Sugerencias para (mejora de) diseño de interface

[jotapdiez]

Hola a todos!

Con un amigo desarrollamos una app para Gestion de Gimnasios.

Actualmente estamos en la etapa previa a la presentacion formal a un potencial comprador y hay una parte en la que necesito ayuda de gente con estilo (grafico).

Quiero cambiar/renovar/mejorar la interface grafica de mi aplicacion y no se por donde ir o que cambiar para que sea mas atractiva. La idea es causar un impacto en el comprador. La funcionalidad es la que el comprador necesita, pero tengo entendido que es muy importante para el la estetica del producto.

Son bienvenidas todas las sugerencias o iconos, colores, screenshots modificados para detallar el cambio o lo que quieran.

Me gustaria conservar de alguna manera el color verde de los iconos (el de la lupa, boton guardar, etc) ya sea agregando mas verde a la aplicacion o aplicando la combinacion con otro/s color/es ya que solo en los iconos queda raro.

Les dejo unos screenshots.

http://imgur.com/zeV5cVM


http://imgur.com/pNISj87


http://imgur.com/PNuNZMu


http://imgur.com/dL0uxVv


http://imgur.com/NAimmZ6


http://imgur.com/vtoGQ7c


http://imgur.com/PfH9dvf


PD: Por algun motivo me agrega el tag noparse antes de el tag URL+IMG.

Muchas gracias
Juan Pablo

[NueveReinas]

No puedes poner fotos porque tienes menos de 30 mensajes, creo.

Todo muy gris, muy 2005. Pero de todas formas parece que cumple su función.

La foto de "No Photo Available" está pixelada.

[jotapdiez]

Iniciado por NueveReinas

No puedes poner fotos porque tienes menos de 30 mensajes, creo.

Todo muy gris, muy 2005. Pero de todas formas parece que cumple su función.

La foto de "No Photo Available" está pixelada.

Gracias por la respuesta.

Como dirias que se soluciona lo de "tod muy gris, muy 2005"?

La funcion la cumple pero mi objetivo con este tema es cambiar la estetica.

La foto de "No Photo Available" es una de las cosas que tengo que cambiar.

[Carlangueitor]

Pues hacerlo con los trendys actuales de diseño, por ejemplo:

https://dribbble.com/shots/1186856-U...chments/156499

[NueveReinas]

Iniciado por Carlangueitor

Pues hacerlo con los trendys actuales de diseño, por ejemplo:

https://dribbble.com/shots/1186856-U...chments/156499

Ese diseño flat me encanta

[jotapdiez]

Iniciado por Carlangueitor

Pues hacerlo con los trendys actuales de diseño, por ejemplo:

[url]https://dribbble.com/shots/1186856-UI-UX-Design-of-Everest/attachments/156499[/url]

Gracias por la respuesta

El diseño del link me encanta pero no tengo ni idea como aplicarlo a el programa.

Me podrias orientar para saber como puedo darle un estilo similar?

Muchas Gracias

[NueveReinas]

¿En qué lenguaje(s) está programada la aplicación?

[jotapdiez]

Iniciado por NueveReinas

¿En qué lenguaje(s) está programada la aplicación?

La aplicación esta hecha toda en java

[Rafael]

No tengo ni idea. En mi opinión la mayoría de estos lenguajes son cuadrados como ellos solos para las interfases.

Yo trataría un par de cosas.

1) Busca si puedes dejar márgenes, donde puedas. Al rededor de los objetos o entre secciones.

2) Revisa si puedes poner imagenes de fondo y dejar los inputs transparentes.

Si esas 2 cosas funcionan busca apoyo de un diseñador para que te prepare los elementos del tamaño adecuado y ya los puedas integrar.

[jotapdiez]

Iniciado por Rafael

No tengo ni idea. En mi opinión la mayoría de estos lenguajes son cuadrados como ellos solos para las interfases.

Yo trataría un par de cosas.

1) Busca si puedes dejar márgenes, donde puedas. Al rededor de los objetos o entre secciones.

2) Revisa si puedes poner imagenes de fondo y dejar los inputs transparentes.

Si esas 2 cosas funcionan busca apoyo de un diseñador para que te prepare los elementos del tamaño adecuado y ya los puedas integrar.

Gracias por la respuesta.

Lo de los margenes me parece interesante, lo voy a probar.

Lo del fondo e inputs transparentes me hace acordar a access 97 y esos formularios con fondo horrible. Podrias darme un ejemplo donde quede bien ese tipo de interface? Es simplemente para tomar la idea.

[Rafael]

1) Margenes

2) Alineación

3) Iconos. Por eso pongo que si no puedes ponerlos de otra manera lo dejes como fondo y los campos los dejes transparentes.

4) Avatar más agradable

5) Estos botones con el mismo estilo, incluso quitar esa letra de sistema (otra vez, una imagen puede servir y dejar el botón transparente)

6) Fuentes agradables y paleta de colores reducida.

[jotapdiez]

Iniciado por Rafael

1) Margenes

2) Alineación

3) Iconos. Por eso pongo que si no puedes ponerlos de otra manera lo dejes como fondo y los campos los dejes transparentes.

4) Avatar más agradable

5) Estos botones con el mismo estilo, incluso quitar esa letra de sistema (otra vez, una imagen puede servir y dejar el botón transparente)

6) Fuentes agradables y paleta de colores reducida.

Antes que nada, gracias por tomarte la molestia de hacer una imagen para ilustrar.

1) En cuanto termine de corregir algunos errores que me reportaron voy a cambiar los margenes que creo que le van a dar otro toque a la estetica. Excelente sugerencia.
2) Alineacion a la derecha de los labels?
3) Sera por mi corta imaginacion pero no termino de entender como seria poner como fondo la imagen y transparente el campo. En el caso de los campos de fecha, la imagen que se ve abre un panel para seleccionar fecha. Adjunto screenshot para ejemplificar.

http://imgur.com/xt18W96

4) Este es un punto que hace rato estoy por cambiar y nunca lo hago. Esta iba a agregar:


5) Cuando mi socio me paso los iconos en verde le dije que teniamos que cambiar los iconos de las pestañas para mantener una linea asi que es lo proximo.

6) Lo de la paleta me asusta un poco. Hay alguna tabla o guia o algo para combinar colores? No se que colores podria poner en la aplicacion para combinar con el verde de los iconos.

Nuevamente, muchas gracias por la imagen.