Proceso y teoría de diseño de UX: para todos

1. Vista previa de las clases: ¿ alguna vez has querido saber y entender? El U X Nuestro proceso de experiencia de usuario en esta primera clase en la serie de dos partes hablará de los fundamentos de U. X Y recorrerán un proyecto de muestra que incluye los bols de entrega principales de U X, incluyendo persona de usuario, perfil, mapa de viaje del cliente y por último, un flujo de usuario muriendo. La segunda parte de los Siri's se sumergirá en marcos de alambre a medida que desarrollamos un amigo de alambre de baja fidelidad y lo transformamos en, ah, prototipo de trabajo pulido de Alta Fidelidad para probar con los usuarios. Después de ver esta primera parte de los Siri's, tendrás una sólida comprensión del proceso U X en su conjunto y sabrás dónde sales de nuevo . Yo me junto y me solapo. Todo el mundo necesita comprender los fundamentos del gran diseño de UX y el proceso detrás de él. Después de tomar esta clase, podrás incorporarte ideas XY Y en tus proyectos de trabajo cotidianos e incluso echar un vistazo a la vida de los diseñadores de U. S. S. U I. Esta clase es para todos los que incluyen diseñadores gráficos, desarrolladores web y cualquier persona interesada en conocer más sobre el proceso de ey de Estados Unidos caminando por un proyecto práctico, del mundo real. te encomendarán tres muchos proyectos estudiantiles en el camino y se plantillas en la sección de proyectos de esta clase para darte una cabeza de inicio a proceso. Aprendamos juntos. 2. Introducción Introducción: tú x y te mereces Qué es excell Ooh, yo diseño Y ¿en qué son diferentes? ¿ Tú? ¿ Por qué el diseño es lo que piensas cuando piensas en Web maquetas, diseños y marcos de alambre te ojos interfaz de usuario y es el resultado final de horas de investigación y planeación por pero tú como diseñador y por el cliente con su equipo de marketing te mezclas arriba el tema color marca activos y elementos diseños de iconos, los símbolos del sistema de menús, ilustraciones y disposición básica del sitio web o aplicación móvil. UX. Por otro lado, o el diseño de la experiencia del usuario se enfoca mucho menos en el lado visual del diseño y más en la experiencia general del espectador pasa cuando se mueve a través de su diseño. Diseño UX de las cosas sutiles que notas en un sitio web como lo fácil es el proceso de check out ? No se puede encontrar lo que busco. Rápidamente, este sitio web responde a la pregunta que no sabía que tenía sobre este producto o servicio. Disfruto usando esta aplicación móvil. Tanto tú huevos como tú diseño son igualmente importantes en el proceso de diseño de cualquier pieza de diseño , ya sea digital o impresa. En primer lugar. ¿ Cómo te queda? Diseño En segundo lugar, ¿cómo se siente cuando uso ese producto con sirve? Eres el diseño de interfaz de usuario viene más natural a aquellos que son diseñadores web gráficos e ilustradores. Porque es lo que hacemos. Creamos imágenes y diseños animados, dinámicos que la gente quiere ver y pasar tiempo con. Creamos iconos que coinciden con el estilo de la marca así como ilustraciones, encontrar fotos, encontrar fotos, dedo del pie también coinciden y finalmente encontrar las opciones de Quandt y paletas de colores adecuadas para obtener el estado de ánimo adecuado para el sitio web que coincida con la de la compañía marca. Quién eso es mucho. Pero el diseño UX es en lo que quiero enfocarme. En primer lugar como una página web preciosa, bien distribuida no es nada sin una experiencia de usuario de valor agregado que logre los objetivos de un usuario y también les proporcione una motivación para participar en sus marcas, productos y servicios. Entonces, en resumen, hace dinero a la empresa. El diseño UX es enorme. Ahora dices este término arrojado sin ningún pensamiento dedo del pie y diseño UX tan esencial para el proceso de diseño general. Mucha gente te mezcla x y tú yo diseño, y hay una razón por la que estos dos conceptos se superponen tanto en valor como en metas. El color de una llamada al botón de acción, que caería firmemente en el campamento U I o interfaz de usuario, también puede estar en un puerto en parte del diseño de la experiencia del usuario, ya que ese color podría facilitarles encontrar el botón y reconocer los siguientes pasos en el proceso, facilitando su experiencia. Ojalá, después de estudiarte X y más detalle, estás disponible para saber dónde hachas y tú me superpongo y cómo usar mejor ambas cualidades para producir diseños y diseños atractivos. Vamos a profundizar con el diseño de UX. Una gran manera de aprender sobre el diseño de UX es entender qué tipo de entrega se esperan bles fuera del futuro del diseñador de UX. Especializarse en solo diseño UX. Además, ¿cuál es el proceso general, como al crear una aplicación móvil diseñada, por ejemplo, vamos a hacer justamente eso mediante el uso de algunos principios y sistemas comunes de diseño de UX para reunir y crear algunos UX bols de entrega, para que luego podamos enfocarnos en el diseño y diseño de la interfaz de usuario. Entonces, en primer lugar, hablemos de nuestro informe de cliente Tenemos un cliente que necesita y aplicación móvil diseñada y desarrollada. Cuentan con logo y sobre y colores. También tienen en la mano una declaración de misión, objetivos de negocio y plan de marketing, necesitan a alguien que pueda elaborar un diseño visualmente interesante pero que también cumpla con los objetivos de los usuarios y brinde una experiencia de usuario positiva. Un orden alto, por decir lo menos. Pero pasemos por el proceso general. En primer lugar, entendamos el objetivo de la empresa, público objetivo y la declaración de misión. A la empresa se le llama comida local. Ofrecen comida local y entrega de comestibles y pueblos más pequeños. La mayoría de las empresas de su industria ofrecen entrega de comida rápida pero sólo en las ciudades metropolitanas más grandes . Esta APP quiere cambiar eso y ofrecer el mismo servicio de entrega de comida rápida en servicio de abarrotes , dos ciudades y pueblos más pequeños, medianos. Su público objetivo es en su mayoría personas más jóvenes, que van en edad de 22 a 45 años. Aquellos que son profesionales ocupados que no tienen tiempo para correr a la tienda de abarrotes están ocupados. Padres de familia que trabajan y quieren tener más tiempo con la familia y no quieren tener que preocuparse por arreglar los alimentos. Esta empresa proporciona no solo entrega de comestibles sino también entrega de comida de restaurante desde cualquier restaurante dentro de un radio de 15 millas. Hay un cargo extra por cualquier cosa fuera de ese radio. Ser capaz de entender los objetivos de una empresa, la declaración de misión y el público objetivo es una parte esencial del proceso de U X. Ser capaz de saber qué tipo de clientes quiere su cliente puede dar forma al tipo de experiencia de usuario que ofrecemos, pero también a la interfaz de usuario y a los componentes de diseño visual. ¿ Cuál es la calidad única? Esta empresa tiene la propuesta de venta única sobre muchos de sus competidores, y es cos la industria es la capacidad de ofrecer un servicio que actualmente no se ha ofrecido en muchos pueblos y ciudades más pequeños. Este es el único aspecto a recordar a la hora de crear o experiencia de usuario y viajes de usuario. El siguiente paso en los procesos U X definió el tipo de usuarios que vamos a tener y los objetivos generales de APS para esos usuarios, los objetivos de la empresa o ABS serían proporcionar una capacidad de conectarse tanto al usuario al proveedor, en este caso un restaurante o tienda de abarrotes con un servicio de entrega de alimentos, y además tener una manera fácil de hacer un seguimiento de un pedido y, por supuesto, pagar ese pedido. Entonces ahora que hablamos de los objetivos de la empresa, ¿cuáles van a ser los usuarios? Goles esperarán. ¿ Quién es nuestro usuario? Tenemos un público objetivo que nos da una empresa, pero ¿quién es realmente el usuario? ¿ Y cómo los llegamos a conocer para crear esa experiencia de usuario única para ellos? Aquí es donde las personas de usuario son muy útiles. Las personas del usuario están elaboradas para pintar la imagen de un usuario potencial y guiarlo a través de un viaje del usuario que sería lo más realista posible. Ante los datos que podemos reunir. personas del usuario podrían incluir gustos y disgustos y darnos más de una imagen realista de su usuario. En la siguiente lección, vamos a averiguar cómo crear una persona de usuario y, lo más importante, hablar de cómo reunir los datos para crear uno 3. Personas de usuario: Entonces, ¿cómo recolectamos información para crear un usuario personas? Si la empresa tiene datos previos, esto hace que nuestro trabajo sea mucho más fácil. Estos datos pueden incluir tráfico de sitios web desde una aplicación Web actual o un sitio web. Esto puede incluir datos de clientes de clientes anteriores que pudieran haber tenido. Esto puede incluir datos de investigación de marketing que fue adquirido por la empresa para la investigación de Marketing . Esto también puede incluir datos de campañas publicitarias de Facebook e ir a campañas publicitarias dirigidas a Facebook más antiguas para encontrar allí datos demográficos y de usuarios esenciales. ¿ Qué contenido respondieron a la mayoría de los videos? ¿ Tenían alto compromiso con un anuncio en particular? Quizás averigüe por qué. Por último, esto puede incluir cualquier interacción con el cliente, datos de encuestas a clientes y retroalimentación que reciba la empresa. ¿ De qué más se quejaron los clientes? ¿ De qué disfrutaron más del servicio del producto? Hay una gran cantidad de datos por ahí para las empresas que tienen clientes anteriores. Pero, ¿qué pasa con una nueva empresa como la nuestra? No tenemos ninguna base de datos de clientes ni anuncios previos de Facebook. tráfico aéreo para mirar esto es nuestro primer reto es un diseñador de U. X Y que debe enfrentar es encontrar datos de fuentes limitadas. Una forma de reunir datos para crear un usuario personas es realizar entrevistas con clientes potenciales . Ser capaz de localizar a esos usuarios mediante el uso de nuestra información de mercado objetivo y entrevistar um a través de un teléfono, Skype o entrevista en persona puede ser prohibitivo de costos y tomar un tiempo valioso. Pero esto podría ser un paso esencial y comprender al cliente y desarrollar una persona de usuario adecuada que se base en personas reales y respuestas y datos reales. Algunas preguntas de muestra que puedes hacer durante el proceso de entrevista es, ¿qué opinas del servicio que se ofrece en tu pequeño pueblo? ¿ Qué puede impedir que utilices esta app o la utilices con frecuencia? ¿ Cuál es tu principal objetivo al usar esta app? ¿ Ahorrar tiempo o dinero es más una prioridad para ti? ¿ Con qué frecuencia usaría esta app si la tuvieras disponible? Otra forma de agarrar algunos datos que nos ayuden a hacer manualidades o usuarios y viajes de usuarios es estudiar la competencia. ¿ Qué hacen algunas de las empresas más grandes? ¿ Cómo están elaborando sus experiencias? ¿ Cómo le gustó a su absoluto móvil? Estudiar a unos competidores establecidos tiene sus ventajas es que ya tengo un sistema de trabajo juntos y realmente nos ayuda a reunir alguna investigación de calidad y agarrar algunas grandes ideas. Nuestra empresa es única en comparación con sus competidores y el hecho de que ofrecemos nuestros servicios y comunidades más pequeñas y no solo grandes ciudades teniendo eso en cuenta, podemos ver cómo se procesa el check out para empresas más grandes. Yo me puedo preguntar, ¿Cómo es mi experiencia y el uso de esta app? ¿ Cómo puede ser mejor? ¿ Cómo podemos hacer de la nuestra una experiencia única? También podrías comprar datos de usuario basados en demografía objetivo que proporciona la empresa. Las edades estaban apuntando caen mayormente en el millennial en la generación X generaciones. Ahí afuera hay una riqueza de conocimientos sobre los comportamientos milenarios. Le gusta, no le gusta cómo responden a ciertas avenidas de marketing. Sabemos que las redes sociales son un gran éxito con la Generación Gen X. ¿ Cómo podemos utilizar eso no solo promocionando o aplicación móvil, sino consiguiendo que sean clientes involucrados que compartan esta aplicación con tus amigos después de que recopilemos suficientes datos para trabajar con ellos , ahora es el momento de desarrollar nuestra persona de usuario. Desarrollaremos una persona de usuario y elaboraremos un mapa de viaje de usuario para nuestra persona y algunos proyectos habrá muchas personas de usuario simplemente porque las empresas tendrán una amplia variedad de usuarios con diferentes orígenes, y podrías ser muy desafiante para resumir todas sus características únicas y solo una persona de usuario. Por el bien del tiempo, nos centraremos en un aspecto de nuestra potencial base de clientes y brindaremos un viaje único para ella y su caso. Podrás desarrollar múltiples personas diferentes, Así que usando algunos de los datos que reunimos con algunos de los métodos anteriores, podemos evaluar que son usuario persona viviría en una ciudad pequeña o mediana de Estados Unidos, ya que este no será el único país donde se lanzará esta aplicación. Al principio, será una profesional trabajadora con dos niños en casa, tal vez dos años y cuatro años. Es casada con un cónyuge que es también una profesional trabajadora. No tienen mucho tiempo para enfocarse en hacer. comidas en casa van a la tienda de abarrotes con cuatro familiares en el hogar. Siempre parece que falta algo de la leche de la nevera un día y la salsa de manzana al siguiente. Desearían no tener que pasar tanto tiempo preparando y cocinando comidas ya que ya sólo tienen unas horas por las noches para estar con su familia. Después de una larga jornada laboral, asignemos un nombre a esta familia. Jessica y John, que tienen 34 38 años de edad, respectivamente, comen mucho. Pero también les resulta difícil llevar a un niño de dos y cuatro años a comer en un restaurante. Su nivel de ingresos está por encima de la media para una familia típica de su localidad, ya que ambos trabajaban trabajos de tiempo completo y carreras profesionales. Ambos trabajan alrededor de 40 horas más a la semana, con John necesitando pasar algunos sábados como todos en la oficina ya que está en un puesto de gerente . ¿ Te has dado cuenta al crear esta persona de usuario, lo personal y detallado que estoy recibiendo a veces puede que sientas que estás escribiendo personajes para una película. Este tipo de detalle es esencial para establecer y desarrollar a persona adecuada personas que son personas realmente auténticas en situación común riel. Por lo que de vuelta a nuestra familia de cuatro. Al crear esta persona de usuario, algunos objetivos de usuario comienzan a estallar en mi cabeza para esta familia mientras empiezo a elaborar su historia. En primer lugar, están limitados con el tiempo, y quieren recuperar tiempo con la familia. Disfrutan de la comida del restaurante pero parece que no pueden sacar a los Niños con tanta frecuencia como les gustaría . Parece que les falta un tipo de artículo de comida en su casa, pero a veces es sólo un puñado de artículos que no vale la pena todo el viaje a la tienda de abarrotes. Ahora que delineamos una persona de usuario áspera en este caso, una semana de unidad familiar ahora crea un posible mapa de viaje del usuario, y la siguiente lección aprenderemos qué mapa de viaje del usuario ISS, y seguiremos adelante y crearemos uno para nuestra aplicación. 4. Persona caminada: proyecto de estudiante: ahora es el momento de un pequeño proyecto estudiantil. Quiero que practiques armar un perfil de persona de usuario estás viendo un ejemplo de cuando creé para la familia Smith para una aplicación móvil que puedes descargar. Este es un recurso pdf para que puedas echar un vistazo al ejemplo. También se incluyó una plantilla en blanco para que puedas empezar a añadir tu propia persona única. Se puede desarrollar una persona para un cliente o en empresa conformada se crearon persona para una empresa bien conocida donde le resulta más fácil recopilar datos o información. De verdad depende de usted quién y para qué tipo de proyecto desarrollando persona. Echemos un vistazo rápido a este ejemplo para que pueda guiarte a través de detalle algunos de estos artículos. En primer lugar, tenemos información general de hechos como edad, ocupación e ingresos Curso. Es agradable agregar fotos para agregar una vista realista y una imagen de nuestra persona. A continuación, tenemos llamadas de usuario. Estas podrían ser cosas como querer perder peso, están pasando menos tiempo viendo televisión o incluso ahorrando más dinero. Valores es la siguiente categoría. Los valores serán ítems como familia primero, nuestros cuidados por las organizaciones benéficas locales. Los valores son diferentes a los objetivos ya que parecen cambiar con menos frecuencia, y los valores podrían transmitirse de otros miembros de la familia o verse influenciados por las elecciones de vida . También tenemos oportunidades de solución de problemas. Estos podrían ser puntos de dolor que esta persona puede sentir en la búsqueda de sus metas o valores. Estos serán importantes para desarrollarse o pensar para que podamos entender formas en las que podríamos empezar a ayudarles a resolver algunos de estos problemas o problemas en nuestro diseño. Las personas del usuario varían salvajemente, y esta es una gran guía de esquina inicial. Pero hay tantas combinaciones diferentes de artículos y categorías que puedes incluir que pueden ayudar y dependiendo del proyecto en el que estés trabajando. Por ejemplo, para nuestra aplicación de pedidos de comida, incluyendo restaurantes populares. Esta persona tiene, que se podría encontrar cuando los datos demográficos y la investigación podrían ser útiles, saber qué tipos de restaurantes pueden ser elegidos por el usuario, pero también qué ejemplo restaurante podemos querer usar para un flujo de usuario que vamos a trabajar en siguiente. Por último, una historia o biografía detallada que delineó algunos de los detalles que originalmente no se incluyeron en secciones anteriores. Asegúrate de descargar la plantilla para obtener un proyecto de estudiante de honor de inicio rápido, Siéntete libre de publicar y compartir tu proyecto con compañeros estudiantes en la sección Proyecto de Grupo de Facebook de esta clase por lo que ahora a desarrollar. 5. Mapa de viaje de usuarios: ¿ qué es un mapa de viaje del usuario? Este es un viaje que creamos para una persona dedo del pie trabajar a través de la Web, aplicación o sitio web para lograr médico deseado. Por ejemplo, nuestro mapa de viaje de usuarios puede lograr las metas de los usuarios y resolver los puntos dolorosos. Hablamos en nuestro perfil de persona de usuario en este caso, brindando rápidamente opciones de comida de restaurantes y abarrotes en una aplicación conveniente, fácil de usar. Recuerde, el tiempo es importante para nuestros usuarios, por lo que proporcionar la experiencia más rápida y fácil será esencial manera en que vamos a construir un mapa de viaje del cliente. Si investigas los viajes de usuarios o clientes, te darás cuenta rápidamente de que vienen en todas las formas y tamaños, igual que lo hacen las personas. No hay una forma de crear uno. Existen algunas cualidades importantes de un mapa de viaje del cliente para incluir y voluntad sobre aquellas durante la creación del nuestro. Cuando iniciamos un mapa de viaje del usuario, sabemos que nuestra persona y nuestro usuario está en el corazón de este mapa. Todo gira en torno a su experiencia, sentimientos y resultados deseados para la app. Por lo que queremos asegurarnos de definir para qué persona es este mapa tan obviamente Jessica, que es la esposa de la familia ya que podemos tener múltiples usuarios en múltiples viajes de usuarios. También definimos su escenario para el viaje. En este caso, quiere pedir en un restaurante la cena para su familia de cuatro, pero aún no sabe a dónde pedir. Ella vio un anuncio para esta app, lo descarga y le da una oportunidad. Después definiremos nuestras metas para persona para este viaje en particular. Este proceso de pedidos por el que pasará en este mapa de viaje terminará convirtiéndose en la base para crear nuestro diagrama de flujo de usuarios. También nos ayudará cuando empecemos a desarrollarnos. Están trabajando marcos de alambre para que podamos mostrar al cliente nuestro proceso de pensamiento detrás de por qué tomamos ciertas decisiones decididas de diseño más adelante en el proceso de diseño U. I. El primero en lo que nos enfocamos y crear tu mapa de viaje del cliente es averiguar cuántas y en qué etapa pasará el usuario para completar una transacción. En este caso, tenemos una primera etapa la cual sería descargar e instalar la app. Tienen que enterarse de la app en algún lugar una red social agregar a un amigo mencionando la app. Esta es una primera etapa importante a incluir porque es parte de la experiencia general del cliente , una segunda etapa en nuestra aplicación será. Una vez que lo abran, tendrán una etapa de descubrimiento. Aquí es donde descubren y encuentran el tipo de alimento que quieren pedir. Ah, tercera etapa podría ser una etapa de check out. Esto es cuando seleccionaron su comida o restaurante o tienda de abarrotes y se preparan para comprar los artículos. Por último, la cuarta y última etapa será la etapa de entrega son las que se podría llamar a la etapa de consumo, donde se entrega y consume el producto. Existen puntos de contacto y oportunidades para crear experiencias positivas a medida que el usuario por ciento de se mueve por las etapas. A continuación, identifiquemos las áreas problemáticas en cada etapa para que podamos proporcionar un contador son una solución a esas áreas problemáticas negativas. Estas áreas problemáticas se pueden escribir desde la perspectiva de las personas, dando otra oportunidad de ver posibles problemas a través de su perspectiva. Las áreas problemáticas para una primera etapa serían un problema en descargar la app o tener algún problema con abrirla están usándola en su teléfono. Una posible solución será proporcionar actualizaciones regulares a la aplicación para proporcionar una integración perfecta y una amplia variedad de teléfonos. Esto puede ser más una solución de desarrollo de software que tal vez no tengamos la capacidad de controlarnos , pero criándonos de una manera que te ex, yo diseñador, podemos pensar de manera holística en todo el cliente. La experiencia es importante. También es agradable asignar qué departamento de la empresa puede ser capaz de ayudar con cada etapa del viaje del cliente. Para nuestra etapa de descubrimiento, que abren, la APP es donde podrían surgir la mayoría de nuestros problemas. El usuario cuenta con dos opciones principales. Entrega de abarrotes y entrega de restaurantes. Podría haber un problema en averiguar qué dirección ir o cómo acceder a cada uno. También está el tema de encontrar los restaurantes adecuados para ordenar en. Si nunca he comido allí antes, ¿cómo sé si la comida es buena? ¿ Cómo sabemos qué ofrecen y cuánto es la comida? Si el precio cambia con frecuencia para nuestra tercera etapa de check out, Ah, problema podría ser que el usuario pueda estar distraído y necesitar revisar muy rápidamente. Puede haber preocupación por lo simple y rápido que será este proceso porque a veces echa un vistazo a etapas ca NBI abrumadora para usuarios de primera vez Otra área problemática podría ser no comunicar claramente el desglose total del pedido. ¿ Cuánto fue el impuesto? ¿ Cuánto me cuesta esta app usar para este pedido? Por último, para nuestra etapa de entrega, un problema. María podría estar sabiendo dónde está mi orden. ¿ Cuánto tiempo hasta que llegue mi pedido? ¿ Y si la comida está fría o no? La calidad que esperaba? Un segundo tema podría ser que ella hizo el pedido, pero olvidó agregar un último artículo. ¿ Es posible cambiar mi pedido antes de que salga para entrega? ¿ Y si necesitan ponerse en contacto con el repartidor para decirles que necesitan estacionarse al fondo de la calzada ya que los camiones de construcción están ahí ese día? Entonces de verdad, se trata de comunicarse con el restaurante. ¿ Eso es posible? Ahora que tenemos algunas áreas problemáticas definidas, ahora definamos el viaje del usuario a través de cada etapa. Este será paso accionable. Pasará por ella para llegar a su meta final de pedir comida de restaurante desde la app rápidamente . El primer paso parece obvio. Butts agradable para incluir su parte de este viaje, necesitará descargar e instalar la app, pero también necesitará un login en algún momento antes de poder iniciar el proceso. A continuación, querrás hacer clic en la opción de entrega del restaurante en la pantalla de inicio, enviándola a una lista de restaurantes cercanos. Después mirará la lista de opciones y elegirá ah altamente valorada un dedo del pie mirar más detalles y lo que ofrecen. Agrega algunos artículos a su carrito y percibe la etapa de check out. Ella quiere revisar los detalles del costo de la APP y luego dar click en el botón de inicio de entrega . Por último, irá a una página de mapa donde podrá luego hacer clic en un dedo del pie de botón. Agrega a su orden estos pasos en nuestro viaje para ser sencillos y breves. Podríamos guardar todas las interacciones de aplicaciones de detalle para cada diagrama de flujo de usuario. Haremos juntos a continuación y guardaremos los componentes de diseño visual de cuando armemos nuestro primer marco de alambre visual. Esto sólo nos ayuda a saber dónde está en el viaje. En cada etapa tenemos algunas áreas problemáticas y posibles soluciones. También tenemos que considerar metas de persona de usuario para cada una de estas etapas, nuestros principales objetivos de usuarios que se harían eco garganta todas las etapas estarían ahorrando tiempo. Algunas oportunidades para lograr la meta César en cada etapa estarían en la primera etapa de inicio de sesión . Una posible solución para tener un proceso de inicio de sesión más rápido sería proporcionar un inicio de sesión de Google y Facebook donde lo más fácil no tenga que configurar un nombre de usuario y contraseña si tienen esos Loggins ya disponibles ahora para la Etapa dos o problema estaba siendo capaz de enviar al usuario al restaurante y abarrotes y de la manera fácil. Una posible solución a esto es proporcionar una pantalla de inicio que dirija al usuario a seleccionar una de dos opciones entre restaurante y abarrotes. Hacer que la pantalla sea obvia es posible reducir cualquier confusión que pueda tener el usuario y ahorrarle tiempo y llegar a su meta final de pedir comida en un restaurante o tienda de abarrotes. Otro problema en la etapa de descubrimiento es no poder encontrar muy fácilmente tu restaurante favorito , o si tiene un restaurante que no conoce. ¿ Cómo sabe ella si ese restaurantes buena una solución podría ser proporcionar pruebas sociales o reseñas de usuarios para cualquiera de los otros usuarios de APP están agarrando críticas de sitios de restaurantes asociados como urban spoon dot com. También podemos proporcionar menús actualizados que también se llenan de menús frecuentemente actualizados que se encuentran en Google nuestra persona de usuario y Etapa tres. El proceso de check out una vez es para ser muy rápido. Tiene a una niña de dos años en su regazo. Cómo tenemos una solución del dedo del pie. ¿ Ha sido este un proceso muy rápido y fácil? Podríamos asegurarnos de que la pantalla de check out esté limpia y también tenga todos los detalles necesarios para ser incluidos, incluyendo un ítem fiscal y también cuánto se cobra por nuestro servicio. Ser abierto y transparente sobre el costo de nuestros APS es importante tanto para el cliente los valores de nuestra empresa en la etapa de check out. Nuestro problema fue averiguar cuánto tiempo tardará en llegar la comida. Nuestra solución podría ser proporcionar un mapa en pantalla al check out que muestre el E. T. A de la comida en base a la ubicación del auto de reparto, similar a lo que ves en la app uber. Una solución a nuestro segundo problema sobre la necesidad de cambiar en orden después de colocarlo es poder proporcionar un botón en esta pantalla de mapa que te da la oportunidad de llamar al restaurante para proporcionar cualquier última adición a la orden o tener la capacidad de enviar un mensaje de texto en su lugar. Por lo que identificamos nuestras etapas, áreas problemáticas, soluciones y cómo incorporar las metas de los usuarios de ER en cada etapa. Acabamos de crear un mapa de viaje de primer usuario de granja. Ahora es el momento de ponernos más detallados a medida que trabajamos en el flujo de usuarios. Lo que nos acerca un paso más al lado U I diseño de las cosas. Pero primero, quiero hablar de tu próximo proyecto de muchos estudiantes en la siguiente lección. A medida que trabajas en crear tu primer mapa de viaje del cliente con la ayuda de la persona de usuario recién desarrollada, he proporcionado este mapa de viaje del usuario para este proyecto como descargable. PDF para que puedas ver el mapa de meta con más detalle. También se proporcionó una plantilla basada en adobe illustrator en blanco que puede personalizar para crear un mapa de viaje para tu propia persona dedo del pie a través 6. Mapa de flujo de usuario: paso detallado: ¿ Qué es un diagrama de flujo de usuario? El diagrama de flujo láser es un mapa que describe las acciones exactas que un usuario necesita tomar para completar el viaje o proceso. Se enfoca un poco menos en la respuesta emocional, como hace el viaje del cliente, pero más en los pasos técnicos exactos que necesita dar para completar su acción. También muestra las diferentes vías posibles, estos contagio de aire, cómo todo está conectado y eventualmente bucles de vuelta al usuario. Mapas de flujo de usuarios de pantalla Inicio Derivado originalmente de diagramas de flujo, probablemente ya hayas visto diagramas de flujo en algún momento de tu vida. Ah, muchos diagramas de flujo tienen medios divertidos que delinearon diferentes resultados al mostrar el resultado final de una serie de decisiones simples que tomas. Dependiendo de la combinación de decisiones que tomes, te llevará a un resultado final diferente Objetivo. Este flujo de aire esboza todos los pasos técnicos que toma para completar el proceso. Es importante esbozar el flujo del usuario para saber cuántas pantallas o pasos necesitamos configurar para nuestro diseño desarrollando un diagrama de flujo de usuario y ayudarnos a eliminar cualquier paso innecesario para simplificar un proceso también podría ayudarnos a saber si nos falta un paso clave que necesitamos volver al tablero de dibujo y editar. En nuestro caso, descargan instalar la APP y la abren, y ese es el primer paso en este flujo de usuario. En un minuto, voy a abrir un programa llamado Desbordamiento. Actualmente se encuentra en beta. ¿ Por qué filmar esta parte de la clase? Pero es un programa fantástico para desarrollar un diagrama de flujo del usuario. Adobe X'd actualmente no es compatible con diagramas de flujo del usuario, por lo que es bueno encontrar un programa que te ayude a construir uno fácilmente, incluso si solo tienes Adobe Illustrator incluso solo Power Point, podrías armar un buen diagrama de flujo del usuario. Siempre y cuando tengas acceso a rectángulos, flechas y líneas. Tienes lo que necesitas para crear uno. El ejemplo para esta clase sí incluye algunos diseños muy básicos que verás, pero solo lo suficiente para mostrar un poco visual para saber a qué botones se referían en el proceso. No siento que tengas que empezar a hacer ningún tipo de diseño de maquetación. Acabo de añadirlo para ayudar a explicar para usar más tu gráfico. Seguimos en el campamento U X. Esto no es lo que, bastante plenamente en el campamento U I o interfaz de usuario aún, aunque este es un paso donde tú X y nuevo, realmente empiezo a fundirme mientras pensamos en tamaño de botón, cantidad de botones y colocación en un pantalla cuando creamos nuestro marco de alambre de baja fidelidad. A continuación es donde el cable interfaz de usuario realmente comienza a hacerse cargo, y pensamos en esos detalles de diseño. El look and feel, los colores, el branding en el diseño del icono. Veamos un ejemplo de un flujo de usuario para nuestra aplicación de entrega de alimentos. Te darás cuenta mientras trabajo a través de este diagrama de flujo de ejemplo. Cómo se empiezan a tomar las decisiones de diseño Así que aquí estoy en la APP llamada Desbordamiento. Actualmente está en beta, pero podrían estar fuera de beta para cuando estés viendo este video, pero realmente he disfrutado jugando con él. Voy a tener una lista de algunos programas realmente geniales que puedes usar en la Guía de recursos en una guía de recursos descargable al inicio de la clase. Ese tipo de lista algunas otras ideas son otros programas que puedes usar para crear lo mismo . No tienes que usar este programa. Puedes usar cualquier cosa siempre y cuando tengas cajas, rectángulos y líneas. Se puede crear un uso su diagrama de flujo. Entonces estoy aquí y esta es una especie del diagrama de flujo que desarrollé para la clase. Vamos a trabajar a través de él y tipo de mostrarte cómo construí esto y todos los diferentes árboles de decisión son divisiones y decisión que van a pasar nuestros usuarios y otras que podríamos explorar también. Entonces esta es una especie de montura básica. Ah, pisos de usuario podrían explorar todas las diferentes posibilidades que tiene un usuario. Sólo voy a entrar en un montón de detalles. Entonces, al final, si fuera a mapear cada decisión que alguien pudiera hacer este árbol sería mucho más grande. Entonces en este momento, solo estoy enfocándome en el único árbol de decisiones que son usuario va a hacer de nuestra persona de usuario . Vamos a hacer eso sólo por el bien de tiempo y tener un flujo de usuario realmente simple para enseñarte los conceptos básicos de poner ah diagrama de flujo de usuario juntos. Entonces aquí hay una especie de la pantalla de inicio de sesión. Y lo que es genial es cuando estaba pensando a través del lado U X de las cosas y pensando en mi viaje de personas. No estaba pensando necesariamente en esa pantalla de inicio de sesión. Y así este es como uno de esos momentos que empezamos a poner en el gráfico de usuarios. Ya vas, necesitan iniciar sesión y necesitan tener varias versiones diferentes formas de iniciar sesión y necesitamos que este proceso sea realmente rápido, sencillo y fácil. No queremos que tengan que tener este largo proceso de registro. Entonces aquí hay una especie de pantalla de inicio o obviamente necesitan iniciar sesión. Pero pensé, ya sabes, como hacer nuestro viaje de usuario, Matt, antes de que descubriéramos ¿no sería bueno como solución tener la capacidad de iniciar sesión con tu Facebook? Digamos Jessica Reserve persona como Facebook. Sería bueno que solo pudiera cortar todo el proceso de inicio de sesión e iniciar sesión a través de Facebook . Entonces esa es una especie de las cosas que desarrollamos en nuestro proceso UX. Es agradable empezar a incorporar eso al diseño real, así que tenemos las dos opciones diferentes, y aquí es donde tenemos nuestro primer árbol de decisión o tipo de división sobre decisión. Pueden firmarlo para una nueva cuenta, y suben aquí a esta pantalla donde pueden firmar un registro para una cuenta. O pueden bajar aquí y solo puedes hacer clic y permitir que actúen Facebook toe access o permitir que esta app acceda a los datos de Facebook hasta iniciar sesión. Por lo que hay dos formas diferentes en que pueden iniciar sesión. Pero todo va a volver a este hogar largo y pantalla aquí mismo. Entonces ahora que todo el mundo tiene eventualmente, todos los usuarios van a volver a esta pantalla de inicio y lo que descubrimos durante son ustedes X procesos que no sería agradable poder dirigir fácilmente a la gente al abarrotes o a entrega de restaurantes ? Entonces es una especie de diseño muy arcaico. Realmente no está destinado a ser un amigo de alambre bastante todavía, sólo una especie de bloques básicos. Estamos presentando abarrotes y restaurantes. Eventualmente, esas se convertirán en bonitas fotos o iconos, lo que sea que queramos hacer. Entonces aquí vamos. Tenemos otro árbol de decisiones. El usuario o va a seleccionar abarrotes y subir a las opciones de la lista de abarrotes, o van a dar clic a los restaurantes e ir a la ciudad al restaurante. Por lo que notarás algún tipo de etiquetar estas diferentes decisiones. Por lo que este será el log en Facebook. Este será el apunte y terminar. Por lo que cada burbuja va a decir a dónde va a ir a continuación o qué decisión tomaron que va a tomar esa decisión. Entonces aquí estamos en nuestra segunda decisión Árbol. Entonces de acuerdo a nuestra fase aux descubrimiento, ella va a pasar por restaurantes, va a seleccionar restaurantes, y ella va por aquí por la selección de restaurantes y baja por aquí. Y le ha ofrecido una especie de lista de restaurantes. Y también necesitamos explorar o generalmente trazar la posibilidad de lo que sucede cuando hacen clic en abarrotes y van a ir al abarrotes y van a conseguir la misma lista . Y lo que es genial de tener esto es abarrotes y restaurantes o ambos consiguen un display, un flujo muy similar. Por lo que las mismas opciones que tienes en el restaurante van a ser las mismas opciones que tienes en el abarrotes las mismas opciones básicas. Entonces lo que es genial es que podemos explorar este extensamente y simplemente asumir que va a tener las mismas opciones en el abarrotes, así que no tengo que necesariamente repetir eso también. Mantenga el diagrama de flujo un poco más simple. Está bien. Por lo que tenemos la lista de restaurantes aquí abajo. Tenemos restaurante, un restaurante para digamos que le gusta mucho. Hay algo convincente, Tal vez sobre la crítica sobre restaurante a que parecía tener una alta crítica. Ella selecciona restaurante, también, también, y entonces ahora estamos todo el mundo va a esta pantalla de mapa que tendrá, ya sabes, una especie de mapa con esto es lo que es genial de usar tus flujos y a veces en términos del diseño, ya sabes, ¿cómo sabemos lo que necesitamos incluir? Y esto es realmente tipo de inicio de ese proceso y pensar en qué necesitamos incluir en la pantalla? Queremos poder volver atrás. Nunca queremos tener un bucle cerrado. Siempre queremos tener un bucle que siempre vuelva a la pantalla de inicio en todo momento. Nunca queremos atrapar a la gente en un cierto árbol de decisiones, y no tienen forma de volver atrás por lo que siempre queremos tener un botón Atrás. Por eso tengo el botón Atrás volviendo a la pantalla de inicio. Siempre tienen la opción de volver a esos aires. Cosas realmente importantes en las que piensas cuando armas esto. También queremos pensar en todos los elementos a hacer. Queremos tener un mapa. ¿ No queremos tener un mapa? ¿ Qué tipo de detalles? Queremos una lista. ¿ Queremos una lista de opciones de menú que bajen aquí y cómo van a estar las opciones de menú Maney en la primera pantalla. ¿ Cuándo necesitaron desplazarse? Estas son decisiones se van a tomar a continuación cuando hagamos el marco de alambre. Pero por ahora, estamos pensando en decisiones muy básicas. Por lo que van a ver un mapa. Van a poder volver allá, podrán acceder a su carrito. Tienes que tener un botón para acceder a la tarjeta en este punto del proceso de check out. Así que digamos estos elementos del menú de aire, por lo que probablemente sólo re título esos menú. Entonces estas serán opciones de menú, y así ella va a agregar a la opción de menú dos. Simplemente consigue un click y luego ¿qué pasa? Y aquí es donde tenemos que especie de carne que fuera un poco. Es como que realmente se tienen que hacer una lluvia de ideas y averiguar cómo queremos que sea este proceso . Y así notarás una especie de cómo tengo azul tipo de azul es una especie de delantero. Estamos avanzando en el proceso, y el rojo indica retroceder en el proceso. Y podrías hacerlo de cualquier color que quieras siempre y cuando estén diferenciados. Entonces cuando hago zoom, ático y veo bien, Rojo vuelve a la pantalla de inicio y azul avanza hacia el proceso de check out . Y así ese tipo de ayuda a mantener limpio el flotador de mi usuario. Y sé que mucha gente hace esto todo gris, pero me gusta tener código de color. Es tipo de ayuda cuando los clientes lo ven. No se confunden acerca de lo que está pasando porque podrías ver todas estas líneas y se pone realmente confuso e incluso aquí arriba con abarrotes. Yo lo hice naranja, y pensé que haría si sigo moviendo eso hacia adelante en el proceso, voy a hacer todos esos anaranjados eso Tienes este tipo de colores diferentes para especie de mostrar diferentes decisiones y caminos. Entonces, de todos modos, vamos a volver aquí, y así van a dar click. Van a agregar un elemento de menú para que añadan un elemento de menú y eso no lo llevará a otra pantalla. Simplemente se sumará al carrito para que no tenga que sacarlo de la pantalla, y luego pueden subir a pedir ahora o pero un carrito. Entonces digamos que hacen clic en terminar tu pedido. Todavía no hemos pensado en la redacción exacta para esto. Eso vendrá más tarde. Entonces digamos que hacen clic en el carrito. Va a ir aquí abajo a pedir ahora, y van a estar en orden ahora pantalla. Por lo que esto tendrá el total tener impuestos. Tendrá todos los elementos de menú que van a tener. Se podía ver mi muy básico arcaico diseñado. Esto no eres tú yo diseño aún Seguimos simplemente bloqueando las cosas, y vamos a tener un botón de orden ahora. Entonces se están acercando y acercando al final de este orden, así que van a ir a pedir ahora y Así que este es un árbol de decisiones. Adelante y retrocedamos. También podrían hacer click en el mapa si quisieran ver dónde se encontraba el restaurante y haremos click en el mapa. Sube a este mapa. Screen fue genial acerca de este mapa Screen Nails se mostró restaurantes cercanos también, y se mostrará en E. T. A. De lo que pusieron en su tarjeta y cuánto tiempo tardará ese restaurante en entregarla a él. Entonces es ir a mostrar su restaurante rojo que seleccionaron. Eso es Oaks va a mostrar restaurantes cercanos. Segundo, entregar también de manera oportuna. Por lo que es una especie de oportunidad para que sigan revisando otros restaurantes. Ya sea terminando el pedido aquí para verlo sería más rápido quieren explorar otro restaurante. Gracias. Da click en Continuar orden y va a volver derecho al mapa. O aquí es donde van a suceder otros árboles de decisión. Pueden hacer clic en este otro restaurante que podría tener una mejor hora de llegada, y va a dar clic en el restaurante número uno. Entonces esto va a volver al listado número uno del restaurante, así que es una especie de moverlos hacia esa dirección. Entonces hay todas estas pequeñas decisiones que necesitamos tomar. Entonces volvamos a bajar. Entonces, vamos a pasar. Entonces Jessica, o quien sea o usuario va a ser para este diagrama de flujo de usuario ha ido a la pantalla de inicio. Orden terrenal. Ahora página, básicamente la página del carrito de compras. Si quieres decir la página de check out y ella está lista, ella quiere pedir. Entonces ella hace su pedido por lo que hace clic en orden ahora, y va al mapa con el E t A. Y tiene un botón porque recuerda, discutimos cómo una posible solución. Ella quería saber si podía cambiar tu pedido después de que lo colocara. Ella cometió un error. Ella fue apresurada. No tuvo tiempo para realizar correctamente el pedido. Ella quería llamar a un trago o agregar un pedido extra. Queríamos tener este botón donde pudieran llamar o cambiar el orden. Entonces presionas ese botón, va a llamar al restaurante. También te va a dar la opción de texto va a ser lo que sea que va a estar en el teléfono va a aparecer con un texto o un mensaje o un teléfono para poder contactar con el restaurante para cambiar el orden. Y bajaremos a esto donde podrían cambiarla en orden y pueden cambiar de orden. Y luego volverá a la pantalla de revisión donde esto es tras una entrega exitosa. Entonces se va a volver atrás. Entonces esto parece complicado. Yo quiero tipo de ir a través de todos los detalles. Podemos echar un vistazo y siéntete libre de descargar esto como una clavija J. Tengo esto como un recurso descargable para que puedas ver esto a detalle y tomarte tu tiempo para ver tipo de proceso de pensamiento que pasé con su proyecto también te doy algunos otros para echar un vistazo. Por lo que se puede ver como tipo de construir su propio diagrama de flujo va a depender cuál va a ser su producto. Tu tu app o sitio web lo tendrá volviendo a este proceso. Entonces aquí hay una especie de bucle, así que tenemos la decisión de cambiar el orden, así que van a cambiar el orden e ir a esta pantalla, y luego siempre va a volver a esta pantalla de revisión Así que una vez que cambien el orden, van a conseguir ah, entrega exitosa tipo de pantalla pop up, así que va a aparecer con su e t A. Pero también va después de la entrega. Van a tener la oportunidad de revisar el restaurante porque yo era realmente importante para el cliente para asegurarme de que recibamos muchas opiniones para que pudiéramos conseguir reseñas auténticas para nuestros diferentes restaurantes para que pudiéramos tener muy buenas críticas. Um, porque no queremos depender de Urban Spoon para siempre para agarrar unas críticas. Queremos obtener nuestras propias opiniones. Entonces esto va a capturar que o revisar la APA revisar el restaurante. Tenemos que averiguarlo a medida que pasamos a la siguiente etapa. Pero mira, todo va a terminar apareciendo a estas pantallas es una especie de la pantalla de entrega final, exitosa. Hemos pasado por todo el proceso de chequeo. Ahora van a poder revisar Teoh, y entonces eso es todo. Y luego terminamos, y así siempre tienen la oportunidad de volver atrás. A lo mejor tener un nuevo pedido para que pudieras ver este botón rojo va todo el camino de regreso a casa. pantalla. Siempre queremos darle la oportunidad de volver a esta elección entre abarrotes y restaurante volver a la pantalla de inicio del usuario. Se podría ver cómo las cosas son un looped y cómo tenemos diferentes árboles de decisión y diferentes ramas y cómo pueden ser. Vuelve a la misma pantalla, ya sabes, especie de conceder la naturaleza compleja fuera de las diferentes decisiones que podrían tomar en esta app y poder delinear todo esto es tan esencial, porque cuando llegamos a la fase de diseño, vamos a saber exactamente qué botones vamos a necesitar dedo del pie tienen ahí. Muchos de esos serán planeados para nosotros. Entonces cuando lleguemos a la U deseé cosas o incluso pasárselo a un diseñador de U I, ellos tendrán una mejor idea del tipo requerido de pasos y proceso de pensamiento. Y haces lo mismo cuando haces navegación en sitios web. Cuando planeas una navegación, te das cuenta de lo que hay en este menú. ¿ Qué hay en este sub menú? ¿ Cómo se vinculan las cosas? Es el proceso similar. Ah, pero esto en este caso con la aplicación móvil. Entonces si estás haciendo un sitio web de escritorio, que podrías hacer eso totalmente y seguir con esta clase, vas a tomar ese mismo tipo de decisiones. ¿ Cómo va a ser la navegación? Qué botones. Van a ir donde vas a poder mapear todo eso. Y en mi caso, pongo un poco visual con él donde tienes diferentes botones y creo que eso realmente ayuda. Pero no tienes que hacerlo. Podrías hacer un simple flujo arcaico justo, ya sabes, ya sabes,de usuario. Donde has probado es que tienes tipo de estos diamantes que indican decisiones y tienes los rectángulos que indican un paso o una acción de bebé que realiza un usuario. Podrías hacerlo muy sencillo, pero como diseño visual o alguien que definitivamente va a tomar parte del proceso u I, quería empezar a bloquear las cosas de una manera básica, a saber tipo de cuántos como se veían y amables los botones de. Y vamos a poder encajar todas estas diferentes opciones en una sola pantalla. O es demasiado así de todos modos, eso es una especie de lo básico. Solo quiero hacer una especie de explicación básica del diagrama de flujo del usuario en un programa tipo de mostrarte cómo se ve eso. Por lo que ojalá haya disfrutado de este tipo de inmersión en el flujo de usuarios tipo de charter desarrollado para esta clase, y ahora vamos a estar listos para pasar al siguiente paso. 7. Introducción a la estructura de Wireframe: Por lo que el esbozo Nuestro proceso. Hasta el momento hemos recopilado datos de usuario creados una persona de usuario detallada y auténtica. Creamos un mapa de viaje de clientes o usuarios que delineó las diferentes etapas. El usuario pasa por problemas y posibles soluciones. Por último, creamos el diagrama de flujo del usuario para delinear un viaje a un proceso en detalle así como explorar otras posibles decisiones y divisiones y dirección. Entonces sabemos qué botones necesitamos pensar en ello necesitan incluir. Y así estamos listos para marco de alambre de baja fidelidad. Un marco de alambre se puede dibujar a mano, se crean en el programa de software como Adobe X'd. Toma nuestro flujo de usuario y crea una versión más detallada al agregar áreas donde las fotos pueden ir ubicaciones de botones y cómo se colocarán y presentarán las cosas. encuadre de alambre puede tomar muchas de las conjeturas fuera de la U. proceso Más tarde por el camino, cuando esta aplicación comienza a entrar en la etapa de codificación de desarrollo lo marcos de alambre de fidelidad difieren de los marcos de alambre de alta fidelidad y que no lo hacen siempre contienen colores, fotos o diseños de iconos finales. Por lo general consisten en diseños ásperos, bloqueados usando una variedad diferente de cajas blancas, grises y negras, y esto nos da un buen boceto y nos da una idea de tamaño, Ah, ubicación de ciertos elementos y nos da una sensación de los elementos básicos de diseño en general y el flujo del usuario. Usaremos nuestro flujo de usuarios para darnos un gran punto de partida y darnos tiempo para enfocarnos más en los detalles del layout. ¿ Cuántas fotos habrá en una pantalla donde podría colocarse el texto? ¿ A lo mejor el tamaño del texto? O tal vez la pantalla se desplaza un marco de alambre de alta fidelidad tiene todas las campanas y silbatos con elementos de marca en color y fotos incorporadas al diseño. Estos diseños finales aireados muy pulidos Los marcos de alambre de alta fidelidad eventualmente se pueden vincular hasta crear marcos de alambre de trabajo que nos permitan usar y probar nuestro diseño y aplicación en tiempo real sin tener que desarrollar la aplicación con desarrolladores. Encuadre de alambre Concebir una tremenda cantidad de tiempo, especialmente el tiempo de desarrollo, ya que los problemas realmente podrían empezar a resolverse en este entorno de marco de alambre prototipo, donde es mucho más fácil cambiar y cambiar diseños y flujo, contraposición a tener que cambiar la codificación después de que haya sido recubierto y desarrollado primero estará desarrollando nuestra baja fidelidad, marco de alambre simple y Adobe X'd. Se puede utilizar la pluma y papel tradicional para el paso es, bueno, ya que sólo estamos consiguiendo una idea general y de disposición y posición de los elementos en base a la investigación y datos que tenemos hasta ahora, investigación y datos que tenemos hasta ahora, prefiero usar el marco de alambre y programa de prototipado como Adobe X'd o boceto primero para el marco de alambre de baja fidelidad, simplemente porque es mucho más fácil convertirlo en un amigo de alambre de alta fidelidad más adelante. Una vez que tienes todo configurado, si dibujas a mano o dibujas tu marco de alambre de baja fidelidad, tienes que llegar eventualmente al espacio digital para crear un prototipo de trabajo. Por lo que dibujarlo en el programa de software en lugar de dibujarlo a mano puede ahorrar un paso en el proceso. A pesar de que nunca quiero desalentar a nadie de hacer bocetos con pluma y papel tradicionales. Si eso es algo que ayuda a tu proceso creativo, ahora vamos a pasar a Adobe X'd y empezar con nuestra primera codicia. El inicio de sesión en pantalla. Espero que hayas disfrutado de la primera parte de esta tú serie XY Weichel. La segunda parte se lanzará en menos de siete días y una notificación por correo electrónico se apagará cuando la segunda parte esté disponible y la segunda parte iniciará un Adobe X'd. Creando son de baja fidelidad, marco de alambre y disposición básica para cada verde. Después crearemos un marco de alambre pulido de alta fidelidad que coincidirá con los colores de nuestra marca. Mira y siéntete. Por último, se vincularán son marco de alambre de alta Fidelity para crear un prototipo de trabajo final pulido. Después podemos probar con los usuarios para obtener retroalimentación crítica. Si no has estado en Adobe X T antes, doy clases magistrales en Adobe X'd aquí y share de habilidad que te puede dar un gran comienzo en el aprendizaje de ese programa antes de sumergirnos en crear son Working Ryan frames en la segunda parte de los Siri's. Podrías echar un vistazo a esa clase dirigiéndote a mi perfil de participación de habilidades. Espero verlos en la segunda parte de la serie. También asegúrate de revisar la sección de proyectos de su clase, donde hay tres. muchos proyectos donde lleguemos a trabajar a través de los tres diferentes proyectos de la clase les encantaría ver tus proyectos. Por favor publíquelas. Me encantaría dar comentarios también, pero también me encantan las críticas. Me encantaría que me dieran retroalimentación y cómo trabajas a través de esta clase y lo que piensas de esta clase. Y no puedo esperar a verte en la segunda parte de la serie.