Share
¡Bienvenido a la cuarta entrega de nuestra serie sobre iPhone Design 101! Si es nuevo en esta serie, asegúrese de revisar las partes 1 - 3: Introducción al diseño de iPhone, las plantillas de diseño de iPhone / iPad y las características de diseño de iPhone. Estos artículos te ayudarán a ponerte al tanto de lo que ya hemos cubierto y te darán un gusto por los jugosos trocitos que vienen en esta increíble serie.!
Como diseñador y / o desarrollador, puede que se pregunte "a quién le importan los 'tipos' de aplicaciones disponibles, ¿no son diferentes cada aplicación? Cada aplicación tiene una audiencia y una tarea únicas, así que, ¿qué sentido tiene estudiar los diferentes tipos?.
La App Store tiene 20 “categorías” de aplicaciones estándar (desde juegos hasta redes sociales) y periódicamente divide grupos especializados como “juegos para niños” o aplicaciones de “cocina navideña”. Entonces, ¿cómo empiezas a pensar en las reglas de diseño para todas estas categorías? Usted no! En su lugar, considere cómo TODAS estas aplicaciones pueden encajar en uno de los 4 grupos o "tipos" de aplicaciones:
Comprender el “tipo” de aplicación que está diseñando le dará una instantánea de su audiencia y los límites de diseño apropiados. Un ejemplo obvio: es probable que no encuentre a un niño trabajando con una aplicación de productividad o a un adulto jugando con un juego de "aprender el alfabeto", ¿verdad? En este artículo iremos más allá de este simple ejemplo para examinar los matices de la iteración rápida para cada una de estas categorías de aplicaciones. También definiré estándares muy prácticos que puede aplicar a cada tipo de aplicación y son consideraciones importantes a tener en cuenta al comienzo de cada proyecto de diseño..
Las herramientas serias son aplicaciones altamente orientadas a la tarea que están hechas para cuidar de los negocios. Los usuarios quieren entrar y salir lo más rápido posible. Por esta razón, es importante:
Un gran ejemplo de una herramienta seria es la aplicación Southwest Airlines. ¿Qué pasaría si esta interfaz estuviera desordenada, estrecha y difícil de navegar? De acuerdo, no es una "amenaza de bomba" seria, pero en el caso de Southwest, un cliente puede perder un vuelo o una recogida en el aeropuerto si no puede acceder rápidamente a la información necesaria. Como mínimo, tienen inconvenientes al tener que encontrar una forma alternativa de hacer las cosas..
Esta aplicación hace varias cosas bien. Si miras la pantalla, ¿cuáles son los dos botones que saltan hacia ti primero? El "Registro de vuelo" y el "Estado del vuelo" de color naranja. Cuando estamos lejos de nuestras computadoras de escritorio / portátiles, ¿cuáles son las dos cosas principales que podemos querer hacer cuando se trata de viajes aéreos? Lo tienes: registrate y comprueba el estado..
Nótese también el posicionamiento de los botones. En un entorno web típico, un usuario lee la página de arriba hacia abajo, utilizando elementos de navegación anclados en la parte superior de la ventana. ¡Con el móvil no hay tanto espacio para escanear! En su lugar, Southwest ha colocado los botones más utilizados justo en el centro de la pantalla, donde normalmente está posicionado su pulgar de navegación. Guay!
Con una herramienta seria, tienes que establecer rápidamente el siguiente curso de acción. Esto significa que tienes que entrar en la mente de tu usuario y pensar por ellos. Un proceso bien pensado para hacer las cosas en una herramienta seria mantendrá felices a tus amigos y recomendará la aplicación a los amigos..
Las herramientas divertidas son solo eso: aplicaciones de utilidad que pueden divertirse un poco. Los usuarios tienen un poco más de tiempo para detenerse cuando usan una herramienta divertida y NO van a perder el tiempo si la aplicación no funciona bien. Pueden estar verificando el clima, las puntuaciones de fútbol de fantasía o calculando su índice de masa corporal.
Al conceptualizar ideas o metáforas visuales para herramientas divertidas, piense “moderadamente rico en gráficos”. Su usuario todavía está tratando de hacer algo. Critique su propio trabajo y busque imágenes que no lleven al usuario al camino de la productividad. Awesome Note es un gran ejemplo de una aplicación que equilibra tanto la productividad como la diversión..
Una forma de asegurarse de que está diseñando una herramienta productiva y divertida es aplanar la jerarquía de la aplicación. Esto significa que, en lugar de construir una calculadora que involucre 4 pantallas de entrada, repita el diseño para realizar la misma tarea en 2 pantallas. Una buena regla general con respecto a la profundidad en una herramienta divertida no tiene más de 2 a 3 niveles de profundidad.
Los juegos divertidos son equivalentes a lo que a veces se denomina juegos "casuales". Estas aplicaciones casi siempre están fuera de la interfaz de usuario del sistema operativo estándar, lo que significa que todos los gráficos se diseñan y se basan en una marca o concepto específico. Diversión de flujo libre loco desde un punto de vista de diseño, pero aún susceptible a las reglas de diseño que los usuarios esperan con un juego divertido.
Los juegos divertidos son intensamente gráficos, se alejan de una navegación jerárquica y te meten en el juego de inmediato. Un ejemplo clásico es Doodle Jump. Aunque debo admitir que no sé qué sucede cuando superas los 20,000 puntos (¡oye!), Este es un ejemplo perfecto de un juego divertido. La única navegación es cuando seleccionas un "tema". Desde allí, es un juego simple que usa el acelerómetro para dirigir tu puente hacia arriba y hacia arriba de un paso al siguiente. El objetivo del juego es llegar a la cima. Eso es.
Los gestos multitáctiles y la retroalimentación visual en voz alta son rasgos muy importantes de los juegos divertidos exitosos. Cuando un usuario hace algo bien o mal, ¡dígaselo a lo grande! Algo que no interrumpe completamente el juego, pero ayuda al usuario a comprender la relación de causa y efecto en el juego. Las alertas pueden tomar la forma de sonidos, texto, movimiento de gráficos en la pantalla, una explosión, lo que sea!
Al crear gráficos para juegos divertidos, su desarrollador puede pedirle "sprites". Si no está familiarizado, los "sprites" son los elementos gráficos que se moverán por la pantalla. Por ejemplo en mi juego Popper! Los archivos que proporcioné a mi desarrollador se veían así:
La imagen de la izquierda muestra el aspecto del juego final. El fondo de madera y popper! El logotipo se suministró como un gráfico PNG de 320 x 480 px. El balance de los elementos que ve en la pantalla se controla de forma pragmática. Por lo tanto, prepárese para suministrar imágenes de fondo en el formato típico de 320 x 480/640 x 960 px, y luego suministre un gráfico de "sprite" de 512 x 512 px que contenga todos sus botones y elementos móviles. Puede tener múltiples archivos "sprite" si su aplicación tiene muchas partes móviles.
Las aplicaciones de entretenimiento serio tienen las mismas características de los juegos divertidos, pero incluyen una mayor profundidad de juego, realidades virtuales y juegos de rol. Normalmente, las personas que diseñan este tipo de aplicaciones provienen de un fondo de diseño de juegos y tienen una pasión por los juegos personalmente.
Cuando conceptualice para entretenimiento serio, tenga en cuenta que sus usuarios esperarán:
Fragger es un gran ejemplo de un juego de entretenimiento serio, en el que conquistas enemigos en hasta 4 mundos virtuales diferentes.
Mientras trabajaba en este artículo, tuve la sensación de que las "críticas de aplicaciones" podrían ser un tema divertido para explorar, examinar diferentes tipos de aplicaciones y lo que las hace geniales o no tan geniales. ¿Les gustaría ver un seguimiento de este artículo con más ejemplos de los "tipos" de aplicaciones y qué los hace geniales? Déjame un comentario a continuación y hazme saber qué otros temas te gustaría cubrir!
Accentsconagua