¿En qué etapa del desarrollo de la aplicación se requiere un diseño de interfaz de usuario? Especialmente cuando trabajas en un nuevo inicio / aplicación.

En uno de los artículos recientes para Tubik Blog, trabajé sobre La guía definitiva para crear una aplicación móvil que presentaba todo el camino creativo a través del cual la aplicación móvil puede ir, desde el concepto de idea hasta la etapa de lanzamiento. Por lo tanto, haré eco de algunas ideas de él en perspectiva de su pregunta.

Al igual que en cualquier proceso creativo, crear una aplicación móvil de la nada es un proceso sofisticado que tiene sus peculiaridades y características individuales en cada caso particular. Aún así, sobre la base de la amplia experiencia de Tubik Studio en la creación de diversas aplicaciones, es posible definir varias etapas creativas típicas para este proceso, como las siguientes:

  • Establecer la tarea y el alcance inicial de los trabajos
  • Estimacion
  • investigación de usuario / mercado
  • UX wireframing
  • creación de prototipos
  • Diseño de interfaz de usuario
  • animación
  • planificación de arquitectura de software
  • Desarrollo iOS / Android
  • pruebas
  • lanzamiento
  • actualizaciones

La interfaz de usuario es en realidad un campo interactivo finalizado en el que el usuario interactúa con el producto. Incluye las herramientas y técnicas para aumentar la usabilidad y satisfacer las necesidades y deseos de los usuarios objetivo. Todas las características de la percepción visual, así como los sentimientos táctiles y de sonido que influyen en el uso y la interacción del producto con, deben analizarse y optimizarse aquí para el propósito de la aplicación o el diseño de un sitio web. Por ejemplo, aspectos como la paleta de colores, tipos y fuentes, formas y formas, ilustración y animación, etc., pueden afectar el rendimiento del producto final en gran medida, tanto de forma positiva como negativa.

En términos generales, la etapa de investigación y enmarcado de UX trata sobre cómo funciona el sitio web o la aplicación, mientras que la interfaz de usuario es cómo se ve. Ambas etapas incluyen el trabajo en interacciones exitosas, pero UX se ocupa más de la lógica, las conexiones y el comportamiento del usuario, mientras que la etapa UI proporciona una representación visual de todo el concepto. Significa que idealmente el diseñador debe trabajar primero en la parte de UX con concentración en el diseño, lo que lo hace más potente, pensado, claro y fácil de usar. Sin este trabajo vital, corre el riesgo de crear un lío puro de la interfaz de usuario.

Después de que la parte UX se prueba por prototipo, se acuerda y se acepta el concepto de diseño, transiciones y características, el diseñador comienza la parte de diseño de la interfaz de usuario. Este es el momento en que el corazón y el cerebro de su producto recién nacido están revestidos con su piel y huesos. Aquí el producto obtiene su esquema de color real, formas y características de los detalles de diseño, estilos, elementos animados, etc.

Todas las soluciones de IU influyen directamente en la experiencia del usuario positiva o negativa, por lo que los procesos de enmarcado UX y diseño de IU deben apoyarse mutuamente y seguir la misma estrategia; de lo contrario, las soluciones eficientes de una etapa no funcionarán en la otra.

Ciertamente, este no es el esquema que definitivamente se aplicará a cada caso de una aplicación móvil creativa; Además, diversos equipos creativos eligen los esquemas y flujos de trabajo que son más efectivos para ellos. Aún así, aquí en Tubik encontramos que el flujo que se mencionó anteriormente es eficiente y productivo, lo que permite crear las aplicaciones que resolverán los problemas de los usuarios y alcanzarán los objetivos comerciales.

Para leer en detalle sobre todas las etapas del proceso creativo, le invitamos a consultar el artículo completo La guía definitiva para crear una aplicación móvil. Como de costumbre, estoy abierto a más discusión si lo desea.

Antes de escribir una línea de código.

La interfaz de usuario es su producto. A menudo, esto es difícil para los desarrolladores y gerentes de producto. Tu código no es el producto. Para sus usuarios, en otras palabras, sus clientes , las personas de las que depende para obtener ingresos, la IU es lo que ven y usan. Primero diseñas eso y luego lo desarrollas para entregar lo que has diseñado.

Si alguien involucrado sugiere comenzar a desarrollar a partir de los requisitos y luego obtener un diseñador de interfaz de usuario para aplicar la “marca” o “apariencia”, deténgase. Esos son solo cosméticos. Está entregando un producto diseñado por ingenieros con una capa de pintura en la parte superior. Podría estar bien (los ingenieros no son estúpidos). Podría ser una mierda (los ingenieros no son diseñadores). De cualquier manera, no lo sabes. La gente técnica y las partes interesadas tienen un historial terrible de evaluación de la usabilidad, sin importar cuán duro insistan en que estén atentos a lo que es “intuitivo”. Necesita a alguien con experiencia y conocimientos, y necesita mantener el caballo antes del carro y determinar qué necesita desarrollarse antes de desarrollarse .

Otros han abordado la necesidad de considerar también la experiencia del usuario. UX comienza desde el principio en la etapa de ideación y lluvia de ideas. UX debe ser parte de las decisiones de función / función y la definición de requisitos, y él o ella deberían tener flujos de interacción, navegación y arquitectura de información definidos (cómo se agrupan, etiquetan y organizan las tareas y la información). Una vez que el diseñador de UI se involucra, UX y UI deben colaborar en el diseño general de la pantalla, el lenguaje visual y las convenciones de UI. UX puede estar en el dominio del gerente de producto; solo tenga en cuenta que si el gerente de productos posee UX, su gerente de productos debe tener experiencia en usabilidad o HCI, no técnica, y preferiblemente algunas optimizaciones de tasa de conversión y habilidades de marketing. Desea que este producto tenga una adopción y compromiso óptimos, ¿verdad? De lo contrario, ¿cuáles son sus KPI?

Una última cosa. Ágil. Si escucho que UX y UI están integrados en los ciclos de sprint y los equipos “Scrum”, estoy caminando en la dirección opuesta. No trabajaré con eso. La idea de que debes diseñar un edificio mientras lo construyes es una mierda. Los clientes ven su producto como un todo, así que no lo diseñen poco a poco. La única persona que debería estar empantanada en el ciclo de sprint es un desarrollador front-end . Si esa persona también tiene las habilidades de diseño para implementar el diseño de la interfaz de usuario de las guías de estilo, está bien, siempre que el trabajo de diseño importante ya esté hecho. En el ciclo de sprint solo deberías dedicar tiempo al cómo , no al qué .

El diseño de la interfaz de usuario es parte a considerar en cualquier proyecto a largo plazo justo después de la creación de un prototipo inicial.

El diseñador de interfaces es un arquitecto informativo en primer lugar

Lo primero que estos diseñadores deben tener en cuenta es el pensamiento lógico. El diseñador necesita agrupar las pantallas lógicamente y encontrar las conexiones correctas para varios datos. También necesita pensar profundamente y desarrollar una jerarquía informativa con todos los datos clasificados dentro de su marco.

Después de esa etapa, la IU llega “a la ciudad”

El diseñador de interfaces también es un diseñador de interacciones.

El diseñador móvil necesita encontrar las herramientas y mecanismos adecuados para que cada usuario interactúe con las funciones de la aplicación. Necesita pensar en cada proceso que lo lleve a alcanzar los objetivos de los usuarios.

Además, el diseñador móvil necesita crear posibilidades que sean señales que notifiquen que el objeto es apropiado para la implementación de ciertas acciones.

Hay bastantes maneras de lograr que un nuevo usuario entienda qué acciones puede realizar. Por ejemplo, puede seguir el uso convencional. Los usuarios seguirán lo que se espera. Si tiene una flecha apuntando a la izquierda, espera ir a la izquierda. Si tiene una barra de desplazamiento que espera desplazarse con ella, no la toque para ir a algún lado.

El diseñador también puede usar un modelo conceptual coherente donde una persona aprende parte de la interfaz y luego se pueden aplicar los mismos principios a las otras partes.

Suponiendo que está hablando de UX (Experiencia de usuario) y no solo del diseño visual de su aplicación, ahora mismo. Un experto en experiencia de usuario puede ayudarlo a conocer a sus usuarios objetivo, determinar su producto mínimo viable y definir con precisión sus personajes de usuario. Su equipo puede diseñar e implementar una aplicación que pueda tener éxito de inmediato.

Suponiendo que tiene todo eso bajo control, desea un diseñador de UI (interfaz de usuario) una vez que haya comenzado a crear wireframes y desee un aspecto visual único que distinga su aplicación de cualquier competidor.

Debe requerir el diseño de la interfaz de usuario desde cero del desarrollo de la aplicación.

Pero tal vez no se centre demasiado en el día 1. Desde el día 1, debe centrarse en las funciones y características de la aplicación, hacer que se ejecute primero.

Luego, después de que todas las funciones estén bien, haga que la aplicación sea más impresionante, el mejor diseño de UX y nivel de píxel.

En caso de que desee crear una aplicación de nivel de píxel perfecta, debe usar algunas herramientas para enmarcar, diseñar y verificar como:

  • Wireframing: Balsamiq
  • Diseño: bosquejo
  • Verificación: Checkman

Saludos.

Desarrollo de aplicaciones? ¿Qué aplicación?

¿Que producto? ¿Por qué crees que lo estás construyendo? ¿Para quien?

Necesita gente de UX allí cuando la idea es un destello en el ojo del equipo de desarrollo de productos, para ayudar a concretarlo, asegurarse de que lo que se percibe como una necesidad es uno, para tomar decisiones reflexivas e informadas en las plataformas (aplicación o web … o pegatina o video de capacitación. ¡Realmente!) para identificar a la audiencia, y miles de otras cosas que lo convierten en un producto, no solo un montón de cheques de pago y código de los ingenieros.

La interfaz de usuario cae naturalmente fuera de esto, y se realizará al menos un 20% antes de que se contraten desarrolladores para el proyecto. Trabaje dentro de la cultura que tiene o crea su organización para decidir cuándo crear IA, ID, guías de estilo, bibliotecas de iconos y, por supuesto, la interfaz de usuario de cada vista si necesita dibujar eso. Probablemente no lo haga si lo planeó y coordinó todo lo suficientemente bien.

Solo puede construir muros, agregar puertas / ventanas y otras cosas en un edificio una vez que sepa lo que está construyendo. Lo primero que viene a todo lo que hacemos es planificar, y para planificar necesitamos investigación. Por lo tanto, para responder a su pregunta, el diseño de la interfaz de usuario se requiere en la tercera etapa para el diseño de cualquier producto. Ya sea una startup o una gran empresa, las reglas no cambian, la fidelidad y las características pueden cambiar según el producto, pero los pasos no lo hacen.

Primero tendrá que investigar qué producto está construyendo para crear el producto correcto, una vez que tenga la idea a mano, creará planos de lo que va a dónde, lo probará y luego vendrá la tercera etapa en la que realmente da un interfaz a los planos.

Ahora también hay muchas etapas intermedias o posteriores, como pruebas, creación de prototipos, etc., pero se pueden hacer en conjunto.

Se necesita un diseñador de UX cuando comience el proyecto. El producto describe lo que quiere.

Y luego, el equipo de UX comienza su plan de diseño de UX. Cuando sus trabajos terminan, el gerente comienza a evaluar la experiencia del usuario. Si está bien, el programador comienza su trabajo para realizar los trabajos del diseñador.