Esta respuesta será bastante general porque no sé cuál es su aplicación específicamente, pero si el proyecto es simple o complejo, el proceso debería ser bastante similar cada vez. La complejidad solo agrega tiempo a cada paso.
También voy a suponer que quieres saber sobre UX y UI, porque hiciste la “barra” – UX / UI – a pesar de que son roles completamente diferentes, no intercambiables.
El proceso UX será algo como esto:
- ¿Cuánta codificación, tiempo y dinero se requiere para desarrollar aplicaciones como Quora?
- ¿Qué son las aplicaciones en tiempo real?
- ¿Cuánto tiempo, en promedio, existe una cookie móvil para los usuarios antes de que se elimine en el cliente?
- ¿Por qué los dispositivos móviles tardan más en cargar imágenes para aplicaciones web?
- ¿Qué es el desarrollo de aplicaciones móviles multiplataforma?
1) Conoce tus objetivos. Comprenda el propósito de su aplicación desde la perspectiva del cliente y las formas en que la aplicación beneficiará al negocio o hará dinero. Esas dos cosas tienen que lograrse con su solución. Es posible que deba consultar a sus clientes, jefes y observar a su competencia para decidir estos objetivos.
2) Investigue a sus usuarios y sus problemas. Necesita saber qué está resolviendo o mejorando para ellos antes de comenzar a decidir cómo funcionará y cómo se verá. es decir, ¿por qué existirá su aplicación? Mire los análisis, haga entrevistas con los usuarios, mire los éxitos y fracasos de los productos y servicios existentes, etc. Debe intentar tener un “perfil” bastante sólido de las prioridades, necesidades, motivaciones y expectativas de sus usuarios, especialmente si hay otras aplicaciones o compañías que competirán con su aplicación.
3) Bloquee las “características principales” de su solución. Antes de cablear algo, debe decidir qué problemas va a resolver. Idealmente, debe hacer una cosa realmente bien, y como máximo, podría hacer tres cosas bastante bien. De lo contrario, podría estar experimentando un “deslizamiento de características” y todo será difícil de entender. ¡Mata a tus queridos! Está bien si su aplicación logrará otras cosas en el camino, pero cualquier cosa más que sus características principales debe tratarse como accesorios o efectos secundarios.
4) Comience con navegación y flujos. Independientemente de lo que haya en cada página, debe comprender cómo se estructurará su aplicación. Haga un mapa del sitio y / o diagramas de flujo para ordenar su pensamiento. ¿Cómo se moverán las personas y llegarán a todo, y alcanzarán las 1-3 cosas principales que decidió en el paso anterior? Si los usuarios se registran o compran algo a través de la aplicación, asegúrese de que sea EXTREMADAMENTE fácil de entender, encontrar y hacer esa parte.
5) Desglosar las funciones de cada página y estructurarlas. ¿Qué debe lograr cada página? ¿Cuáles son los requisitos técnicos para que eso suceda? ¿Cuál es el principal llamado a la acción? ¿Contribuye a sus objetivos de usuario / negocio y respalda sus características principales?
6) Obtenga algunos comentarios. Diferentes personas tienen diferentes opiniones sobre cuándo y dónde exactamente en el proceso debe recibir comentarios de los usuarios, pero antes de comenzar a comprometerse con el diseño de la interfaz de usuario, debe ver si hay algo en sus estructuras que confunda a la gente.
7) Comience a diseñar la interfaz de usuario. Ahora que los wireframes están listos, es hora de agregar estilo, asequibilidad y claridad mediante el uso de color, animaciones y diseño para dirigir los ojos del usuario hacia las cosas importantes. Recuerde considerar la legibilidad y asegúrese de que su estilo sea consistente de pantalla a pantalla para que los usuarios sepan dónde buscar lo que necesitan.
8) Considere los dispositivos, la marca, las tendencias, etc. Obviamente habrá considerado el dispositivo que está diseñando todo el tiempo (¡primero el móvil!), Pero a medida que tome sus decisiones finales sobre el diseño y el estilo, recuerde mantener las cosas en contacto. amigable si es necesario y apropiado para la resolución del dispositivo. ¡Asegúrese de que su diseño se ajuste a las pautas de la marca de su empresa / cliente! Idealmente, también debería reflexionar sobre las tendencias actuales del momento, como la tendencia actual de iOS7 de “diseño plano”. No debes convertirte en un robot sin sentido para copiar tendencias, pero cada sistema operativo tiene su propio sabor, y es bueno si tu aplicación se ve “moderna” para que la gente la tome en serio.
9) Obtenga más comentarios. Ahora que está comenzando a tener algunos diseños de interfaz “reales”, es un buen momento para que algunos usuarios los revisen e imaginen haciendo tareas. Pueden mostrarte dónde es confuso o extraño, y decirte cómo los hace sentir el estilo.
** ProTip: es útil si, durante todo el proceso, intentas mantener el número de “partes” al mínimo. Cuando corta sus gráficos y los desarrolladores codifican la interfaz, ahorra tiempo a todos si tiene una pequeña cantidad de plantillas de diseño y estilos de botones, fuentes y todo eso. Por lo general, también hace una interfaz más simple y clara.
10) Trabajar con desarrolladores. Los codificadores son personas inteligentes, pero tienen sus propias prioridades y procesos de los que preocuparse, así que no entreguen su trabajo y esperen hasta que esté listo para verlo nuevamente. Comuníquese con ellos, pregúnteles si tienen preguntas, verifique que sus diseños se estén ejecutando correctamente y esté preparado para que lleguen a usted con la mierda que perdió o necesita hacer de otra manera.
11) Ejecutar, medir y comenzar de nuevo. Me he saltado todas las pruebas técnicas y otras cosas importantes que no son de diseño, pero después de eso, es hora de poner tu trabajo en manos de usuarios reales y ver qué hacen con él. Ninguna cantidad de planificación y entrevistas son un sustituto de datos reales, ¡así que ve a buscar algunos! Luego, cuando obtenga algunos datos concretos, ¡úselos para encontrar y corregir los defectos y aumentar las cosas que la gente ama!
Luego, regrese al paso 1, porque los datos reales cambian todo.