Yo diría que el diseño web es más difícil que la aplicación móvil nativa.
Fases del proceso web
Alcance del proyecto
Definir el alcance del proyecto es un paso crítico. Una de las frustraciones más comunes con los proyectos web es el arrastre de alcance. Al crear un plan de alcance del proyecto bien definido que describa actividades específicas y entregables, junto con plazos específicos, podrá establecer claramente las expectativas para sus clientes. Una de las formas más comunes de rastrear proyectos web es mediante el uso de un diagrama de Gantt. Un diagrama de Gantt no solo describe las actividades principales, sino también las tareas asociadas con cada actividad y las fechas de inicio y finalización. El diagrama de Gantt proporciona una referencia visual para el equipo, que muestra el marco temporal de cada paso y las dependencias entre los pasos. El diagrama de Gantt también crea responsabilidad entre el equipo web y el cliente (que podría ser un cliente externo o simplemente su jefe), lo que le permite al cliente y al equipo saber que el cronograma de entrega depende de que todos alcancen sus marcas; Si alguien pierde una fecha por un día, el horario cambia por un día.
- ¿Cómo comunican los diseñadores web las ideas de diseño con sus clientes?
- ¿Por qué la mayoría de los conceptos de diseño de interfaz de usuario nunca llegan a producción? Hay toneladas de dribbble, etc., pero echando un vistazo a algunas aplicaciones móviles, son terribles
- ¿Cuáles son las industrias de moda en los diseños de aplicaciones? Planeando diseñar algunas aplicaciones.
- ¿Qué haces en tus estudios de diseño gráfico?
- Tengo $ 20 y quiero impulsar mi carrera de diseño web independiente. ¿Qué debo comprar?
Wireframes y arquitectura del sitio
La arquitectura del sitio incluye el mapa del sitio y la estructura alámbrica de las páginas. La creación del mapa del sitio garantiza que haya considerado todas las páginas clave del sitio, mostrando su relación entre sí y definiendo cómo debe estructurarse la navegación general de los datos. Wireframes proporciona una vista detallada del contenido que aparecerá en cada página. Aunque no muestran ningún elemento de diseño real, los wireframes proporcionan una guía para definir la jerarquía de contenido en la página.
Diseño visual
Una vez que el plan para el sitio se ha definido mediante la creación del mapa del sitio y los wireframes, el siguiente paso es crear un estilo visual. El estilo visual general probablemente estará determinado por la marca visual de la organización; El objetivo es conectar la Web con todas las demás formas de comunicación de la organización. La marca de la organización desempeña un papel importante en esta parte del proceso, ya que los diseñadores querrán transmitir visualmente ideas perceptivas clave de la marca dentro del diseño.
Desarrollo del sitio
Con los diseños aprobados, es hora de desarrollar el diseño de las páginas, desarrollar contenido nuevo y refinar el contenido antiguo, crear videos, presentaciones de diapositivas, podcasts y otros medios que aparecerán en el sitio, así como comenzar a construir el HTML y CSS de el sitio.
Prueba de sitio
Antes de que se lance el sitio, se colocará en un servidor de producción donde solo el público interno y cualquier persona con la que comparta el enlace pueden verlo. La prueba del sitio es crítica, ya que inevitablemente habrá problemas que deben abordarse antes de que el sitio entre en funcionamiento. No hay nada que erosione más una marca que un sitio que no funciona correctamente o que tiene errores ortográficos o elementos de diseño rotos. En esta etapa, el sitio deberá revisarse en varios navegadores (Firefox, Safari, Internet Explorer) y en múltiples dispositivos (computadoras portátiles, tabletas y dispositivos móviles) para ver si se producen interrupciones y dónde.
Lanzamiento
El gran día. Usted ha probado el sitio, los interesados del proyecto lo han revisado y aprobado, y está listo para su lanzamiento. Pero una vez que se inicia el sitio, el proyecto no termina: debe estar preparado para abordar los comentarios de los usuarios que se adaptan al nuevo sitio. Espere hacer algunos cambios inmediatos en el sitio, como arreglar enlaces rotos, editar copias y hacer ajustes. La Web es un medio fluido que cambia diariamente, si no cada hora, el cambio es inevitable.
Mantenimiento del sitio
Los sitios web son entidades vivas, que respiran y necesitan cuidados y mantenimiento constantes. Actualizar el contenido, realizar cambios en el backend y corregir enlaces rotos son tareas cotidianas. Todas estas fases son críticas para el proceso de diseño web. Pero el hilo conductor del proceso es la estrategia: el deseo de lograr un objetivo, hacer avanzar a la organización, prosperar en un entorno competitivo. Echemos un vistazo a qué es una estrategia, cómo está formulada y cómo se traduce a la Web.
FASES DE DESARROLLO DE APLICACIONES MÓVILES
FASE 1: PLANIFICACIÓN PREVIA PARA CÓMO CONSTRUIR UNA APLICACIÓN
La primera fase de cualquier proyecto es a menudo la más importante. Al crear una aplicación móvil, es fundamental tomarse el tiempo para realizar los pasos de planificación necesarios.
Paso 1: Defina el proyecto y cree casos de uso. Cree una definición escrita de la idea de su aplicación que explique claramente lo que hará, quiénes son los usuarios y por qué les importará. Asegúrese de poder responder la pregunta “¿por qué esta aplicación necesita existir?” ¿Qué problema único resuelve? ¿La aplicación simplificará las transacciones de pago para los clientes? ¿Aumentará la productividad de los agentes de campo? ¿Cuál es el caso de negocios? Use esta información para crear casos de uso para guiar el proyecto.
Paso 2: Haz tu investigación. ¿Ya existe una aplicación en el mercado similar a la que está pensando construir? Si es así, ¿cómo puedes hacerlo mejor?
FASE 2: PROTECCIÓN MENTAL / DESCUBRIMIENTO
Un prototipo mental es una lluvia de ideas para ayudar a definir un concepto en términos visuales. Es la primera oportunidad para comenzar a ver cómo podría evolucionar la aplicación … y obtener una verificación de la realidad.
Paso 3: Involucre al equipo de desarrollo o al arquitecto técnico. Idealmente, el equipo de desarrollo está involucrado al comienzo del proyecto, pero si las personas técnicas que realmente van a construir su aplicación móvil ya no están a bordo, ahora es el momento de traerlas. Aquí es cuando puede determinar si Su idea es factible, puede ser exitosa y qué expectativas debe tener para el tiempo y el presupuesto.
Paso 4: Storyboard. Con los casos de uso que creó en la Fase 1, cree bocetos generales de la idea en un bloc de dibujo, pizarra o mosaicos de plantillas. Esta es la primera representación visual de todas las pantallas y ayudará a descubrir problemas de usabilidad.
FASE 3: EVALUACIÓN DE FACTIBILIDAD TÉCNICA
No es suficiente tener interacciones geniales y una comprensión de las imágenes. Debe considerar si los sistemas de fondo respaldarán realmente la funcionalidad de la aplicación. Para una evaluación básica de la viabilidad técnica, debe hacer lo siguiente:
Paso 5: Obtenga acceso a los datos. Su aplicación móvil necesita acceder a datos utilizables. Resolver esto podría ser tan simple como obtener una API pública o tan complicado como construir su propia capa de abstracción.
Paso 6: Determine para qué dispositivos está compilando su aplicación . Una aplicación tendrá diferentes requisitos dependiendo de su plataforma (iOS, Android, etc.), así como del formato (teléfono inteligente, tableta, wearables, etc.). En AIM Consulting, recomendamos el desarrollo nativo para una experiencia de usuario óptima adaptada a una plataforma específica.
Paso 7: refine la definición del proyecto y establezca una estrategia de lanzamiento al mercado . Al final de esta fase, el equipo puede tener nuevas ideas para la aplicación o ha determinado que parte de la funcionalidad inicial no es factible. En este punto, tómese un tiempo para hacer una lluvia de ideas, hacer preguntas y revisar el estado.
FASE 4: REFINACIÓN TÁCTIL DE CASOS DE USO
Es muy difícil definir la experiencia táctil sin poder tocar la aplicación y experimentar cómo funciona y fluye. La fase 4 es solo eso.
Paso 8: construye un prototipo rápido. “Rápido” es la palabra operativa: cree un prototipo que ponga el concepto de la aplicación en manos de un usuario lo más rápido posible para que pueda ver cómo funciona para el caso de uso más común. Use estructuras de alambre ásperas, no exhaustivas.
Traiga a sus partes interesadas a tocar el prototipo para obtener comentarios lo antes posible.
FASE 5: DISEÑA TU APLICACIÓN Y PREPÁRATE PARA EL DESARROLLO
Ahora es cuando comienza el verdadero trabajo:
Paso 9: Diseño para la experiencia del usuario. Antes de sumergirse en el código, debe diseñar. Un diseñador de experiencia de usuario (UX) puede crear la arquitectura de interacción de los elementos de diseño. Un diseñador de interfaz de usuario (UI) para soluciones móviles puede crear la apariencia de su aplicación. Este es un proceso de varios pasos con sus propias etapas de revisión. El resultado final es la dirección visual y los planos que informan a sus ingenieros sobre el producto final previsto y cómo debe sentirse, moverse y fluir la interacción.
FASE 6: CONSTRUYE TU APLICACIÓN MÓVIL CON PRÁCTICAS ÁGILES
La estrategia está completa, el escenario está listo y usted tiene su diseño. ¡Es hora de crear una aplicación!
Paso 10: Desarrollo ágil. Ágil es el enfoque preferido para el desarrollo móvil debido a la importancia de la colaboración, la transparencia y la iteración rápida para adaptarse al cambio. Estas prácticas de adaptación al cambio son críticas para encontrar el éxito en el canal móvil en constante evolución.
FASE 7: PRUEBA TU APLICACIÓN MÓVIL
¡Felicidades! Has creado una aplicación. Ahora es el momento de que algunos de sus usuarios objetivo lo ayuden a probarlo.
Paso 11: prueba de UAT. La prueba de aceptación del usuario es un proceso para descubrir si su aplicación móvil funciona para los usuarios. En otras palabras, ponga su aplicación en manos de algunas personas en su público objetivo. Una vez que su aplicación haya pasado la prueba UAT, sabrá que la solución “funciona”.
Paso 12: prueba BETA. Haga que su aplicación esté disponible para una prueba beta, ya sea a través de una solicitud abierta para los participantes o mediante la inscripción de grupos previamente identificados. Los comentarios de los usuarios beta lo ayudarán a determinar si las funciones de la aplicación funcionan bien en un entorno real.
FASE 8: LANZAMIENTO: ¡HAS CREADO UNA APLICACIÓN!
Su aplicación está completa y lista para enviar. Elige un día y prepara un lanzamiento formal.