Tips para un buen diseño de una killer app

1. Killer App
Tips para un buen diseño
Por: Byron Villarreal
Fuente: http://www.creativebloq.com/app-design/16-killer-design-tips-creating-mobile-apps-11513821

2. Hay una cuadrícula invisible en todas las
superficies. Usted no puede verlo, pero está ahí
para guiarlo.
Killer App
1. Toda una cuadrícula

3. Asegúrese de mantener anchos coherentes y alturas de las márgenes y el relleno.
Killer App
2. Cada elemento define es espacio

4. El valor de color se utiliza para denotar propósito. Vamos a empezar con negro y
escala de grises. Si usted hace un botón negro el próximo gris oscuro, y el tercero,
de color gris claro, lo que en efecto está diciendo es esto: “el botón 1 es el más
importante para el visitante, el botón 2 es menos importante, y el botón 3 es menos
importante. "
Killer App
3. El color crea jerarquía

5. 3. El color crea jerarquía
Trate de no hacer que los colores de los botones sean del mismo color que el sitio o
aplicación, ya que se desvanecerán. Además, un buen consejo es evitar color rojo
brillante para botones de "comprar" o otra llamada a acciones pues el rojo significa
detenerse y de hecho puede impedir que los usuarios hagan clic en él.
Killer App
3. El color crea jerarquía

6. La marca se centra en la relación emocional que los consumidores o clientes tiene
con su servicio o producto. El color ayuda a definir esa relación a veces sutil pero
eficaz. No necesariamente nos tiene que gustar los colores para que sean efectivos.
3. El color crea jerarquía
Killer App
4. El color no es el que nos guste, se trata de la marca

7. 3. El color crea jerarquía
Killer App
5. Definr los elementos, luego repetirlos
Si uno de los botones de 'Go' es el color púrpura, entonces todos los botones 'go'
deben ser el color púrpura. Si una pantalla tiene 20 px relleno en todo lado, todas
las pantallas deben mantener esta consistencia.

8. Mantenga sus estilos de texto coherente en todo.
Título, guion, contraste y subrayado: estas son todas las opciones
estilísticas. Ninguno es mejor que otra y se puede utilizar en cualquier lugar,
siempre y cuando sean compatibles.
3. El color crea jerarquía
Killer App
6. Se pueden usar trucos simples de texto y crear jerarquía

9. El diseño se centra en las tendencias, y en la actualidad, la tendencia es avanzar
hacia un diseño más plano. Diseño plano no significa que no tiene textura o
sombras, el aspecto debe tener una textura realista. En general, usted debe ser
consciente de lo que su público espera ver, ya que le juzgará por ello. Si su
aplicación se ve anticuado los usuarios lo notarán.
3. El color crea jerarquía
Killer App
7. Anticuado es otra palabra para no estar de moda

10. La mayoría de las aplicaciones móviles (que no son un juego) son básicamente una
forma de navegar por las listas. El trabajo del diseñador es mostrar una lista en
forma de una experiencia interesante que es a la vez gratificante y divertido. Esta es
la razón por que la jerarquía adecuada es tan importante, el diseño puede ser muy
variado y podemos transmitir la misma información.
3. El color crea jerarquía
Killer App
8. La mayoría de las aplicaciones son básicamente listas

11. Aquí hay algunas bibliotecas de diseño donde te puedes apoyar
•http://www.pttrns.com/
•http://www.mobile-patterns.com/
•http://inspired-ui.com/
•https://www.cocoacontrols.com/
•http://androidux.com/
•https://developer.yahoo.com/ypatterns/about/libraries.html
•http://www.lovelyui.com/
3. El color crea jerarquía
Killer App
9. Bibliotecas de diseño

12. Los usuarios tienen la expectativa de que sus teléfonos responderán con rapidez y
eficacia a todas sus interacciones. Esto no es siempre el caso, y algunos procesos
frecuencia toman mucho tiempo. Así que puede que tenga que encontrar una
manera de fingir.
Cada interacción debe tener retroalimentación. Por ejemplo, cuando una acción del
usuario (golpe, toque, haga clic) se responde a con una animación, esto da la
retroalimentación a los usuarios que han sido escuchadas y su proceso se está
ejecutando.
3. El color crea jerarquía
Killer App
10. Las acciones requieres retroalimentación y rápido