Introducción a portafolios UX: cómo destacarte con estudios de caso

1. Vista previa de las clases: Oigan chicos. Bienvenido a UX portafolios 101. En esta clase vas a aprender sobre los casos prácticos de UX. Vamos a hablar de cuáles son, por qué es realmente importante tenerlos en tu cartera, sobre todo cuando estás buscando trabajo y cómo puedes construir sobre ti mismo. Todo lo que realmente necesitas para esta clase es un proyecto que ya has completado antes. Vas a tomar ese proyecto, y junto a mí, paso a paso, lo vamos a formatear en caso de estudio de UX y va a estar listo para poner en tu cartera. Dicho eso, si no tienes un proyecto que ya terminaste que puedas usar, está bien. Esta clase seguiría siendo realmente beneficiosa para ti porque solo aprender la importancia del caso de estudio de UX y cómo construir uno significa que en el futuro va a ser la cabeza para que con otros proyectos en los que trabajas, es más probable que lo documente a medida que avanzas. Lo cual es mucho más fácil que tratar de hacerlo después del hecho. De verdad, esta clase es para cualquiera, principiante a avanzado, que esté interesado en aprender a hacer un mejor trabajo de compartir su trabajo usando estudios de casos. Me alegra mucho que estés aquí y sin más preámbulos, empecemos. 2. ¿Qué es un caso de UX Caso?: Oigan chicos, en este video vamos a hablar casos prácticos de UX y a qué me refiero exactamente cuando decimos eso. Entonces, en esencia, ¿qué es el caso de estudio de UX, y por qué debería importarle? ¿ Por qué necesitas saber esto y qué necesitas saber para hacerte uno tú mismo? Volviendo a esa pregunta inicial de qué es, para decirlo realmente simplemente para ti es solo una historia. Es una forma de detallar tu proyecto de principio a fin. En lugar de solo mostrar una toma terminada del producto final. Es una oportunidad para mostrar el proceso que entró en la obra. Se puede hablar de qué investigación hizo, qué requisitos tuvo, cualquiera de los desafíos únicos que enfrenta al ir en el camino. También brinda algún contexto. Ayuda al espectador a entender si se trataba de un proyecto personal, freelance, si lo hiciste por una empresa o una agencia en la que trabajaste, así como los impactos del proyecto tuvo en ti, en los clientes, e incluso en el negocio. El motivo por el que quieres esto, es porque si estás tratando de conseguir un trabajo en UX o un trabajo como diseñador de productos, mayoría de los gerentes de contratación van a esperar esto. Ayuda a los espectadores a entender tu pensamiento, y la razón por la que esto es tan importante es porque la forma que te acercas a la solución de problemas. Esto es lo que te diferencia. Es lo que te hace único. El mundo está lleno de muchos diseñadores realmente geniales y no tengo duda de que eres uno de ellos. Pero no puedes simplemente confiar en esas imágenes de los productos terminados para ayudarte a destacar. Realmente es importante ayudar a la gente a entender lo que estabas pensando mientras pasabas por estos proyectos en los que trabajaste. Otro beneficio añadido es que puedes caminar a través de un trabajo pasado en cualquier momento que quieras. Entonces imagina que tienes una entrevista de trabajo y tal vez haya un proyecto de hace dos, o tres años que quieres poder compartir con ellos. No vas a tener que preocuparte por volver atrás y tratar de recordar cada pequeño detalle y no vas a tener que volver atrás y tratar de desenterrar las imágenes, ni los wireframes, ni nada por el estilo. Porque ya lo documentaste como un caso de estudio. Esto es realmente genial porque puedes caminar a través de él y hablar de ello muy bien como sucedió ayer esencialmente, así que esa es otra razón realmente grande para tomarte el tiempo para solo seguir adelante y documentar tus proyectos como casos de estudio de frente. Entonces lo que vas a necesitar para crear un estudio de caso como parte de esta clase, sería un proyecto que has completado. Como dije antes, esto podría ser realmente cualquier proyecto. Podría ser un proyecto personal uno que hiciste en la escuela, o uno que hayas hecho en un trabajo anterior. Realmente no importa cualquier proyecto que hayas hecho con el que estés contento y que quieras documentar. Vas a necesitar activos para complementar tu escritura. Entonces lo que quiero decir con eso son imágenes bocetos a lápiz que hiciste, flujos de usuarios, mapas de viaje, cualquier cosa así que quieras compartir. Eso va a variar dependiendo del proyecto. Podría haber ciertos proyectos en los que trabajaste y tal vez hiciste muchos wireframes, otros no tanto. Realmente podría ser cualquier variedad de cosas, así que no te preocupes demasiado por los activos específicos. Entonces finalmente vas a necesitar una idea de tu formato elegido. Los estudios de casos pueden venir en todas las formas y tamaños. Podría ser un PowerPoint o un PDF. Incluso podrías tener una página web dedicada dentro de tu sitio web que sea solo para cada caso de estudio. Realmente no importa. Podrías incluso decidir hacer más de un formato y eso depende totalmente de ti, pero es útil tener una idea por delante de cuál va a ser ese formato. Puedes quedarte con ese frente mental mientras estás atravesando y montando todos los pedacitos y piezas. Tan solo una nota rápida antes de empezar a mirar algunos ejemplos de casos prácticos. Ya mencioné antes que no sólo se quiere tener la toma final del producto terminado. Eso no quiere decir que no quieras tener eso en absoluto. Hay un tiempo y un lugar para todo, y esas tomas realmente pulidas terminadas de las cosas que has diseñado. Son realmente geniales para imágenes de héroes, ya sea para tu sitio web, o como parte de cada caso práctico. También son buenas para las redes sociales. A veces es divertido tener una imagen realmente elegante de algo que diseñaste y puedes compartirlo en Instagram, o Dribbble, o Twitter, o cualquier red social que sea la que uses. Es una forma agradable de conectarse con tus compañeros y es impresionante una manera divertida de ponerte ahí fuera, y puede ayudar a que la atención de la gente mire tu cartera en primer lugar. El punto de un estudio de caso es profundizar y entrar en ese detalle. Esto es importante sobre todo cuando estás tratando de conseguir un trabajo, pero de nuevo eso no quiere decir que no quieras tener esas imágenes realmente pulidas. Es solo que para conseguir un trabajo en diseño de producto de diseño de UX específicamente, es realmente buena práctica tener uno o dos buenos estudios de casos. Incluso si solo estás tratando de conseguir un trabajo como diseñador gráfico o solo diseñador visual. Puede que haya menos expectativa para que tengas estudios de caso, pero todavía no va a lastimar nada tenerlos sin duda. Entonces solo quiero asegurarme de que todo el mundo entienda que esto no es una conversación cualquiera /o. Definitivamente está bien tener ambos. Dicho eso, sigamos adelante y terminemos esto y solo quiero llevarte a través de un par de ejemplos de algunos buenos estudios de casos que encontré. También puedes hacer lo mismo, puedes pasar unos minutos buscando en Google los casos prácticos de UX y solo hay una plétora de ejemplos por ahí sobre cómo puede ser un estudio de caso, tanto bueno como malo y todos los formatos diferentes. Adelante y echemos un vistazo a eso. Acabo de encontrar un par de ejemplos rápidos que creo que serían buenos para compartir con ustedes chicos. Este primero lo hace Dan Berman, espero haberlo pronunciado correctamente. Pero básicamente Dan hizo un muy buen trabajo, pienso en llevarte a través de un proyecto en el que trabajó. lo primero que se puede ver como sí tiene esta imagen de héroe realmente bonita del producto final. Nuevamente, como mencioné antes esto está perfectamente bien si quieres empezar tu caso de estudio de esta manera. Incluyó aquí un fragmento que es más o menos sobre el punto general del proyecto, y la imagen de héroe debajo de él. Es una manera realmente genial de captar la atención por delante, así que definitivamente tenlo en cuenta. Lo que realmente aprecié de este estudio de caso que armó es, incluyó mucho detalle sobre el problema en el que estaba trabajando como se puede ver aquí. No entró en demasiados detalles. Algo de lo que quieres ser consciente es que sí quieres ser detallado pero si un estudio de caso es demasiado largo, gente suele tener prisa y en general han estado mirando muchas aplicaciones y carteras, así que tal vez guarden muchos de los detalles realmente matizados para una presentación de entrevistador. Trata de mantener esto a donde se detalla pero también al grano si eso tiene algún sentido. Sé que eso puede sonar confuso pero realmente se trata de equilibrio. Creo que aquí hay esencialmente dos párrafos justo aquí, y creo que es una buena longitud para repasar el problema y se puede hablar también de cualquier requisito que se tenga por delante. También incluyó aquí un pequeño fragmento para hablar de los usuarios y del público. ¿ A quién están apuntando con este proyecto de diseño? Lo cual es una cosa realmente agradable de incluir. Algo más que quiero llamar es el hecho de que Dan hable de la estructura del equipo así como de su papel específicamente. No todo el mundo incluirá un párrafo como este. Es posible que veas algunos donde simplemente enumerarán su papel y tal vez sea como líder de diseño o asistente de director creativo o lo que sea. No tienes que ser así de detallado con tu rol. Es agradable aunque porque de nuevo, la gente quiere saber lo que hiciste. A ellos les importa mucho más específicamente en qué trabajaste con este proyecto, y no necesariamente lo que hizo todo el equipo. Por lo que siempre es bueno sólo incluir cuál fue tu rol y con quién trabajaste como parte de ese proyecto. Al pasar por el proceso de diseño, empezando por los realmente tempranos wireframes, habla un poco sobre que tenían especificaciones clave que identificaron desde el principio. Mapearon los flujos de usuario en base a eso, e incluyó esta toma de baja fidelidad de este flujo así como una versión un poco más pulida que es realmente agradable. Entonces la parte media del estudio de caso ahí es donde podrías meterte en algunas comps de fidelidad media. Normalmente hay una parte en la que alguien podría hablar un poco un reto que refrendó o algo en ese sentido. Realmente quieres pasar por la investigación temprana y la iteración antes de llegar a estas etapas más pulidas, con las que nuevamente Dan hizo un muy buen trabajo. Guarda estos tiros realmente bonitos para después. Como mencioné antes, a veces es divertido incluir realmente la plantilla del iPhone. Agrega un poco de pulido extra a los diseños que ha hecho aquí como puedes ver. Entonces creo que acaba de hacer un muy buen trabajo de incluir una buena cantidad de detalle sin ser abrumador. En este caso de estudio hay suficientes imágenes para mantenerlo atractivo. Yo sólo quería compartir este ejemplo con ustedes chicos. Yo estoy pasando por esto rápidamente, si quieres tomarte el tiempo para leer esto definitivamente te sugeriría que sí. Puedo incluir el enlace a esto al final del video si eso fuera de ayuda. Incluso hay pequeños videos que incluyó aquí también, que no tocaré por ahora. Pero definitivamente te animo a que solo vayas y mires a través de esto porque es un ejemplo realmente bonito de cómo puedes estructurar un estudio de caso. Yo también miré este por Vax Liu. Oh Dios mío, lo siento si no pronuncié ese nombre correctamente. Pero el punto es otra vez se puede ver que hay unas bonitas imágenes de héroe aquí arriba para llamar la atención cuando se mira por primera vez el estudio de caso, hay un breve aquí que te dice qué compañía era cuando se hizo el proyecto, y sólo una breve reseña del objetivo. Nuevamente como mencioné antes, se han tomado el tiempo de hablar específicamente de su papel. En este caso, fueron el único diseñador en este esfuerzo. Nuevamente solo es agradable señalar cuál fue tu impacto individual en el proyecto. Me gusta aquí cómo mantuvieron los retos, y los goles, y también consideración clave en estos tres pequeños fragmentos de aquí, eso es realmente bonito. Deja muy claro si estás buscando algo en particular y tampoco son demasiado largos. Entonces podemos pasar y simplemente mirar algunas cosas diferentes de baja fidelidad con las que comenzaron cuando solo están tratando de considerar el diseño, y su estrategia general. Aquí puedes ver un tema. Empezando por las consideraciones de baja fidelidad, y los primeros ejercicios que pasaron antes de que realmente entraran en el trabajo de diseño detallado. Este es un gran enfoque, es bastante típico, y es algo que nuevamente está mostrando más preocupación que solo el proyecto final. Está mostrando preocupación por la estrategia de resolución de problemas y eso es realmente a lo que queremos apuntar. Nuevamente, te animaría a hacer algún tiempo haciendo alguna investigación, consigue algo de inspiración para cómo quieres acercarte a tus propios estudios de caso. Porque esto sólo va a hacer nada más que ayudarte a largo plazo, y cuanto más se mire eso, más vas a tener una idea bastante sólida de la anatomía de un estudio de caso. Entre más de estos que crees, más vas a poder hacerlo casi desde la memoria muscular, por así decirlo. Dicho esto, después de que hagas tu investigación y reúnas los activos que necesitas para tu proyecto, entonces podemos seguir adelante y ponernos en marcha con el siguiente video que va a estar preparando el escenario. 3. Crear un esquema: Oigan a todos. El día de hoy vamos a hablar de empezar con un esbozo. Este es un primer paso realmente importante para tu caso de estudio y te voy a decir ¿qué? El primer motivo por el que realmente quieres asegurarte de tener un esquema antes de empezar es solo porque va a reducir el estrés de la planeación. Si alguna vez has intentado mirar fijamente una hoja de papel en blanco antes de tener que escribir un papel o antes de que vas a dibujar algo, ya sabes de lo que estoy hablando. Tener sólo un esqueleto de lo que vas a trabajar es un buen primer paso para ayudarte a conseguir tus rodamientos, y solo hace que sea mucho más fácil ir a lo largo de todo el proceso. También es una buena manera de saber cómo se va a estructurar tu historia, por lo que esto es útil cuando estás tratando de pensar con anticipación, qué quieres hablar exactamente, y de qué activos que podrías querer incluir, y también va a actuar como tu estrella del norte. Una vez que realmente comienzas a construir el estudio de caso y estás gastando mucho tiempo en él, si no das un paso atrás a menudo, puede ser realmente fácil ponerse excesivamente palabrado, antes de que lo sepas, estás a mitad de camino, tienes ocho párrafos de texto, y no puedes recordar cómo envolverlo o a dónde debes ir a continuación, por lo que tener este esquema al que referirte va a ser realmente útil a medida que avanzas. También puedes hacerlo tuyo. He incluido aquí un ejemplo de un esquema bastante básico que uso con frecuencia y que en mi mente contiene todos los ingredientes principales de una historia. Tienes la introducción donde tal vez tengas el resumen del proyecto, solo declarando en qué es en lo que trabajaste, y aquí es probablemente donde incluirías información sobre el papel que desempeñaste específicamente también. Vas a tener una declaración de problemas o un objetivo, que es esencialmente ¿qué es lo que estás tratando de lograr? ¿ Qué problema estás tratando de resolver? Es posible que quieras tener una sección hablando del reto. Yo lo tomo de vuelta, lo más probable es que quieras tener una sección hablando de lo que hizo que esto sea único desafiante o cuál fue el problema específico y tal vez único con el que te tropezaste durante todo el proceso. Vas a incluir conceptos en los que trabajaste temprano en bocetos, alambres, todo el camino hasta comps de media y alta fidelidad. Si hiciste alguna prueba, que espero que lo hicieras, pero cualquier prueba que hicieras, puedes incluirla aquí. Podrías incluso haber tenido múltiples rondas de pruebas antes de tu resultado ni siquiera al final, sino incluso al principio. Eso puede suceder orgánicamente. Cuando digo que lo hagas tuyo, esto puede parecer muy diferente. Estos podrían estar en un orden diferente. Podría agregar o restar pasos y eso está totalmente bien. El punto es simplemente poner este esquema listo para salir, que puedas trabajar en el segundo paso, que es de lo que voy a hablar en el siguiente video, y que es usar tu esquema para escribir tu contenido. 4. Escritura: introducción: Oigan chicos, bienvenidos de nuevo. En este video, vamos a tomar ese esquema en el que trabajamos en el video anterior. Vamos a empezar escribiendo nuestra introducción. En realidad vamos a escribir todo, introducción hasta el desenlace antes de que incluso nos preocupemos escoger colores o fotos para acompañarlo o algo por el estilo. El motivo por el que vamos a hacer eso es porque la escritura que se te ocurre realmente va a ayudar a guiarte más adelante en cuanto a cómo sí quieres que se vea. Por ahora sólo vamos a pasar por toda esa escritura. Tienes que construir la casa primero. Preocúpate de recoger las cortinas más tarde. El esquema que vamos a usar es éste que tengo aquí mismo. Bastante sencillo. Tengo seis secciones por las que quiero pasar. Como mencioné, para éste, sólo vamos a trabajar en la introducción. Esa primera sección. La idea es que voy a escribir la mía y puedes seguir conmigo. Como dije, no tienes que hacer todo como yo lo hago exactamente porque los proyectos son únicos y lo que sea que estés trabajando va a ser totalmente diferente. La idea es solo que seas capaz de entender lo que estoy haciendo como lo estoy haciendo. Esperemos que eso pueda ayudarte a descubrir cómo podrías necesitar frases o abordar cosas en tu propio proyecto y potencialmente te podría dar algo de inspiración. Adelante y empecemos con eso. Puedes ver aquí he tomado ese esquema en el que trabajé y lo he pegado en un documento de Word. Te recomiendo encarecidamente que pongas esto en algún editor de texto que tengas en tu computadora. Vamos a estar escribiendo mucho y es agradable tenerlo todo en un solo lugar. Yo he seguido adelante con la intro y he roto esto en tres secciones, como se puede ver, el título, que tal vez es obvio, pero seguí adelante y lo puse ahí de todos modos. El papel que desempeñé y la breve o la declaración problemática. La idea con los tres es que sigamos adelante y llenemos estos a lo mejor de nuestra capacidad ahora, no tiene que colocarse en piedra. Siempre podemos editar esto más adelante, pero cuanto más podamos tener un buen comienzo en esto, más fácil va a ser. El proyecto que estoy usando para esto. En realidad, estoy haciendo esto basado en un proyecto ficticio que armé solo para los propósitos de esta clase, opté por hacer eso en lugar de usar uno de mis proyectos reales. No obstante, el proceso de documentarlo como caso de estudio y los tipos de activos y todo lo que les voy a mostrar para ese proyecto ficticio van a estar siguiendo el mismo proceso de diseño que haría en cualquiera de mis otros proyectos. Sólo por el bien de la simplicidad, estamos haciendo un ficticio en esta clase. El título de la misma es en realidad Buscador de amigos peludos. Sé que eso es un sarcasmo súper único si no lo puedes decir. Pero básicamente la idea es que diseñé una app que está construida para emparejar a los usuarios con el compañero ideal para perros o gatos que están buscando. Mi papel, solo voy a poner que fui el diseñador de productos. Para lo breve, para la declaración de problemas, aquí es donde y solo una o dos frases que quieres poder resumir, ¿qué problema intentabas resolver? No tiene que ser nada rompedores. Muchas veces podrías trabajar en una app que no es la primera ni siquiera la décima de su tipo. Simplemente ten muy claro lo que estás tratando de hacer. No lo dejes solo en el título. Esta es una buena manera de dar algún contexto para todo el contenido que va a seguir. Te hace sonar más acercable y solo se ve un poco más pulida también. Voy a seguir adelante y ponerme una puñalada en escribir aquí. Vamos a seguir adelante y desglosar esa primera frase. Declaré dónde estaba trabajando. Eso deja muy claro si se trataba o no de un proyecto freelance, si fue con una agencia. Entonces también incluí el bit sobre cómo junto con otros dos diseñadores, me encomendaron hacer esto. Lo que realmente hice ahí fue aparte de darte mi título, que era el diseñador de productos líder, también te hice saber que estaba trabajando con otros dos diseñadores y no tengas miedo de hacer eso. No tengas miedo de revelar que no fuiste la única persona que trabajaba en este proyecto. No te va a hacer parecer menos de un superhéroe. Simplemente va a conducir a casa el punto de que, a, estás totalmente bien con dar crédito donde se debe el crédito y b que eres jugador de equipo. Definitivamente incluir detalles como ese. Hace que sea interesante y ayuda a la gente realmente a entender cuál fue tu rol específicamente porque podrás elaborar tus propias aportaciones individuales a lo largo de este proceso. Vamos a añadir una frase más a esto. Adoptar una nueva mascota ya es un proceso estresante y a veces abrumador. Nos propusimos diseñar una experiencia por lo que sería a la vez fácil de usar y una alegría de usar. Lo que he hecho con esa segunda frase, si nos tomaríamos un segundo para diseccionar esta aquí, he señalado lo que puede ser obvio, pero el hecho es adoptar una nueva mascota ya es estresante y abrumadora. Lo que he hecho es que he identificado el problema. Este es un punto de dolor común por adoptar una mascota, y así que ahí mismo les he dicho en qué queríamos enfocarnos, en cuál era nuestro objetivo,a cuál era nuestro objetivo, quiénes nos dirigíamos, a personas que quieren adoptar mascotas. Estamos tratando de que sea una mejor experiencia para ellos. Es realmente simple, es sencillo. No es nada súper fuera de lo común. Pero sí agrega mucho a mi estudio de caso y realmente establece el escenario. Sólo para envolver esto realmente rápido, solo quería repasar una vez más las claves para una introducción perfecta. Hay algunas cosas que quieres asegurarte de mantener un ojo en. El primero es, como hablamos del nombre del proyecto, la parte que jugaste específicamente, cuál fue su papel, y la parte más importante es el objetivo. Es realmente importante que quien esté buscando o leyendo tu caso práctico pueda entender qué problema estás resolviendo. Siempre y cuando te asegures de abordar estas cosas en tu introducción, serás de oro. Si solo quieres tomar tu proyecto y tomar una puñalada en eso. De nuevo, no tiene por qué ser perfecto. Simplemente haz el mejor trabajo que puedas, y luego nos encontraremos aquí para el siguiente video donde empezamos a trabajar en la segunda sección. 5. Escritura: investigación: Hey, bienvenido de nuevo. En este video, vamos a lo prometido, empezar a trabajar en la siguiente sección de nuestro pequeño esbozo. Pero primero, quería solo tomarme un segundo para hablar de detalle y cómo hay una línea realmente fina entre no suficiente detalle y demasiado detalle. El siguiente apartado según mi esquema va a ser la sección de investigación. Voy a repasar eso en un poco más de detalle aquí en un segundo. Pero básicamente, la idea es que algo que va a estar a la vanguardia de mi mente es que quiero asegurarme de compartir todos los diferentes tipos de investigación que hice y para cualquier medio particularmente interesante bits de investigación que hice, Voy a compartir un poco más sobre esos y tal vez compartir algunas fotos. Pero no voy a pasar por cada paso de cada pedacito de investigación que hice. Entiendo la tentación de ser realmente minucioso y es bueno que quieras ser minucioso. Pero nuevamente, ten en cuenta a tu público y el propósito de este caso de estudio, quién lo va a consumir y cuándo. Probablemente no tengan una tonelada de tiempo y probablemente no quieran pasar por cada pequeño detalle así que solo ten eso en cuenta. Con eso dicho, sigamos adelante y miremos lo que he escrito para la sección de investigación y lo podemos descomponer. Aquí tenemos la sección de investigación. Se puede ver ya me adelanté y mecanografié esto. Me di cuenta después de hacer el último video que probablemente pueda hacer esa parte sin que ustedes tengan que mirarme. Vamos a seguir adelante y echar un vistazo a lo que tenemos aquí. En primer lugar, enumeré todos los diferentes tipos de entrevistas que hicimos durante este proyecto. El motivo por el que hice eso no es necesariamente porque voy a incluir esta lista en el estudio de caso. Es más para mi propia referencia para que pueda sacarlo todo frente a mí y pensar : “¿Por qué hice estos diferentes tipos de investigación y estaban ahí algún pedacito lo largo de este proceso que fueron realmente interesantes que quiero asegurarme que yo grite”. También va a ayudar cuando estoy reuniendo activos más tarde así que solo creo que es una buena referencia tener así que seguí adelante y anoté los abajo y luego otra vez, manteniendo en espíritu con el todo no siendo demasiado detallado, pero aún dando una buena cantidad de contexto. sólo tengo tres párrafos breves. El primero es donde acabo de decir, para empezar, pasamos algún tiempo haciendo investigación de mercado donde trabajamos para asegurarnos de que capturamos cualquier solución existente relacionada con la que queríamos diseñar. En otras palabras, me estoy refiriendo a ese análisis competitivo y luego voy a decir ¿por qué? Que es para que podamos entender qué hay actualmente disponible y cómo se ven esos flujos de trabajo. He hecho referencia a ese primer tipo de investigación y he explicado muy brevemente para qué era o por qué lo hicimos. En segundo lugar, me refiero a las entrevistas de los usuarios. Dije como segundo paso, realizamos entrevistas con una pequeña muestra de participantes que o bien están planeando adoptar una mascota dentro de los próximos seis meses o ya habían adoptado una este año. Después, dirigí una sesión con los diseñadores así como con el gerente de producto donde llenamos un mapa de empatía para ayudar a solidificar nuestra comprensión del usuario. Esto también fue una gran referencia cuando intentábamos clavar el flujo de tareas. Básicamente lo que acabo de explicar ahí es que sí hicimos entrevistas de usuarios y referenciando el mapa de empatía, eso fue en realidad un resultado de esas entrevistas. El mapa de empatía así como hacer las entrevistas, esa actividad en y por sí misma, eso nos ayudó a asegurarnos de que realmente entendimos al usuario, a nuestro público objetivo y absolutamente tienes que asegurarte de que necesitas eso antes de diseñar algo en lo que no voy a entrar ahora mismo porque esta clase no está destinada a ser una clase sobre el proceso de diseño per say. Pero yo sólo quería llamar a eso para que sea un poco más fácil para ti entender por qué lo he fraseado todo de la manera que tengo. En realidad ya he anotado la siguiente sección también, pero podemos seguir adelante y hacer una pausa aquí y darles algo de tiempo para tratar de trabajar en la sección de investigación o lo que sea la segunda sección de su esquema pueda ser y entonces podemos reúnete aquí para el siguiente video donde hablamos de la tercera sección. Pero antes de hacer eso, quiero simplemente repasar rápidamente un resumen rápido de lo que hablamos. Tan solo unos cuantos toman puntos a casa sobre discutir la investigación en su caso práctico. Quieres asegurarte de que lo mantengas conciso. Esto en realidad es cierto para todas las secciones no solo para la sección de investigación, sino solo recuerda mantenerla concisa todo el tiempo que pasas y que la gente lo corrija por ti. Siempre es una gran ayuda conseguir algunos más ojos en él. Podrías pensar que no estás siendo lo suficientemente detallado. En tanto, podría que alguien más lo mire y puedan decir: “Sí, entiendo la idea, probablemente podrías acortar esto. Eso es lo más alto de la mente con seguridad. En segundo lugar, las fotografías o cualquier activo que muestres en tu caso de estudio para complementar los textos que has escrito solo deberían complementar, son ayudantes, están ahí para ayudarte, están ahí para ayudar al espectador entender todas las actividades en las que estabas trabajando y solo obtén una visual al respecto. No están destinados a reemplazar el texto sin embargo. Es decir, hablamos mucho de no querer que tu texto sea demasiado detallado, pero tampoco quieres ir por la dirección opuesta donde tienes un montón de imágenes de las cosas en las que trabajaste pero sin explicación, sin contexto y finalmente, como acabo de mencionar de nuevo, los detalles son realmente bonitos, pero puede ser abrumador. No tienes que compartir cada paso y cada detalle. Sé que suena como si estuviera yendo de ida y vuelta y contradiciendo a mí mismo, pero simplemente no puedo enfatizar lo suficiente como es un equilibrio realmente delicado y solo quieres asegurarte de que obtienes alguna práctica golpeando ese equilibrio. Con el tiempo te pondrás mejor en esto y muy pronto se convertirá en sentido común casi como la memoria muscular. No te desanimes si no tiene sentido total de inmediato. Dicho eso, sigamos adelante y terminemos esto, trabajemos en tu sección y luego nos encontraremos aquí para el próximo video. 6. Escritura: conceptos y desafíos: Hola, y bienvenidos de nuevo. Espero que todo saliera bien para ustedes cuando se pusieron una puñalada al escribir su siguiente sección de su esquema. Ahora mismo vamos a pasar a mi siguiente sección, que es compartir algunos conceptos y retos así como algunos aprendizajes clave. Básicamente, lo que quiero hacer es que me voy a tomar algún tiempo aquí para compartir una versión condensada del proceso general. Podría mostrar una progresión de algunos maquetas diferentes y cómo evolucionaron, y también voy a hablar de un golpe de velocidad con el que nos topamos o de un problema único al que me enfrenté o algo en ese sentido. Adelante y echemos un vistazo a lo que he escrito. Lo vamos a descomponer y hablar de ello un poco, y luego puedes darle una puñalada a esto también. Está bien. Vayamos aquí. Voy a repasar estas dos secciones, ya que la sección conceptual va a ser probablemente la parte más pesada de imagen de mi contorno. Pero básicamente solo incluyo aquí una línea que habla de cómo tomamos nuestros hallazgos de investigación e hicimos varias rondas de iteración. Utilizamos la retroalimentación de la gestión del producto y del equipo de desarrollo para simplemente conducir a casa el punto de que, como parte de mi proceso de diseño esos otros interesados están involucrados en el camino. Pero de verdad no me pongo demasiado prolijo con esto aquí mismo. A mí me gusta usar esta sección para presumir mucho de los maquetas pasando de baja fidelidad temprana hasta la fidelidad media. Porque la realidad es que, siempre va a haber iteración y algunos proyectos que podrías iterar en un diseño tres veces, y algunos proyectos que podrías iterar en él 20 veces. El punto de esto no es necesariamente mostrar cada ronda de iteración que podría ponerse ridícula muy rápidamente. Lo que me gusta hacer es simplemente dividirlo en etapas distintas, y de esa manera puedo presentarlos y darle al espectador una idea de cómo progresaron. Sí, puede que falten algunos pasos pero ese no es realmente el punto de esto. Nuevamente, por eso sólo tenemos esta línea aquí. Esto tendrá más sentido cuando volvamos en un video posterior y escojamos todas nuestras imágenes que van junto con él. Entonces bajo eso, tengo mi sección de desafío. Algo que quería mencionar aquí es cómo después de unas rondas de iteración, habíamos trabajado hasta maquetas de fidelidad media y nos sentimos bien al respecto. Entonces hicimos algunas pruebas A/B, y en ese momento lo teníamos reducido a dos direcciones. Ahí fue donde entraron las pruebas A/B. Podrían recordar que antes hacía referencia a las pruebas A/B en mi sección de investigación pero como realmente hicimos las pruebas A/B más adelante en el proceso, por eso no lo hacía realmente en esa sección, esperé hasta entonces. Pero aún así me sirvió de recordatorio de que necesitaba hablar de las pruebas A/B, así que por eso lo había anotado como parte de esa lista. Pero de todos modos, la segunda parte de esto es acerca de cómo tres semanas antes se debían los diseños. Aprendimos eso, “Oh, no. Tuvimos que reelaborar nuestros maquetas porque el gerente de producto volvió y nos dio un requisito de último minuto que realmente necesitábamos una tercera opción”. En lugar de simplemente elegir un perro o un gato, necesitábamos permitir que el diseñador escalara para que una persona pudiera realmente elegir buscar un compañero de reptil. Nuevamente, este es obviamente un escenario hipotético, pero está absolutamente basado en la realidad. He experimentado requisitos de última hora numerosas veces y no dudo que todos ustedes tengan o vayan en su carrera. Este es un ejemplo de un reto bastante común con el que la gente tiene que lidiar, y es bueno llamar porque te da la oportunidad de mostrar cómo lo trataste. Eso es lo principal que quería llamar en esta parte. No voy a entrar en enorme detalle todavía en cuanto a cuál fue la solución a eso, voy a guardar eso para el siguiente video. Pero para lo que está tu tarea ahora mismo es: A, propongas algunos textos muy breves que quieras compartir junto con tu progresión de concepto y B, piensa en un reto que te enfrentaste en tu proyecto del que podrías hablar. El punto de esto no es solo asegurarte de que marques una casilla que diga: “De acuerdo, compartí un problema que tuve”. El punto de esto es aprovechar la oportunidad para mostrar cómo manejas el conflicto. ¿ Qué haces cuando hay un simulacro de incendio o hay un problema? Esto es lo que buscan en última instancia. No tiene que ser algo enorme o catastrófico. Puede ser algo manejable, pero eso es realmente lo que estás tratando de incorporar con esta sección de desafío. Ahora bien, si realmente no tuviste ningún problema. Este proyecto en el que trabajaste acaba de salir suave como mantequilla todo el tiempo, después primero me gustaría felicitarte porque eso es increíblemente raro. Pero en segundo lugar, no todo está perdido. En realidad podrías sustituir esta sección de desafío por una clave para llevar o una sección de aprendizaje clave. Porque aunque no tuvieras problemas enormes o baches de velocidad, probable que todavía aprendas bastante. Esa sería aún otra oportunidad para compartir cómo eres capaz de aprender y crecer de los proyectos en los que trabajas, aunque no fueran algunos simulacros de fuego realmente grandes. Esa sería una opción viable para ti si esta sección de desafío simplemente realmente no va a funcionar para ti en tu esquema. Dicho eso, solo echemos un vistazo los pocos puntos para resumir en base a lo que acabamos hablar y luego puedes echarle una puñalada a esto por tu cuenta. Algunos punteros sobre cómo asegurarse de que está escribiendo un gran caso práctico. Como mencioné hace unos minutos, mostrar una progresión. Muestra cómo pasaste de bocetos a marcos de alambre todo el camino hasta esas comps de media y alta fidelidad. Como dije, podrías pasar por muchos ciclos de iteración, así que no muestres todos y cada uno. Simplemente elige algunos de los más fuertes o usa tu juicio, pero solo elige unas rondas diferentes para donde puedas mostrar cómo evolucionó tu proyecto. Eso es realmente interesante ver, y de nuevo ayuda al espectador a entender tu proceso. Además, comparte un reto notable o único al que te enfrentaste. Yo planteé este tema de teníamos un requisito de último minuto y nuestros diseños estaban bastante pulidos en ese momento y eso requería que reelaboráramos el diseño. Ese es sólo un ejemplo de una plétora de retos que podrías enfrentar cuando estás trabajando en un proyecto. Pero como mencionamos, si eres uno de esos unicornios afortunados y no tuviste ningún problema en tu proyecto, eso es increíble. Comparte algunos aprendizajes o para llevar en su lugar. Porque de nuevo, se trata de cómo lidiar con los conflictos y la resolución de problemas. No se trata tanto de poder marcar específicamente la casilla en, “Oh bien. Tenía este reto. Aquí está el clímax del proyecto”. En realidad no se trata de eso. Ahí sí tienes algo de flexibilidad. Dicho esto, creo que tienes todo lo que necesitas para trabajar en la siguiente sección de tu esquema por tu cuenta. Adelante y tómate una puñalada a eso, y luego nos encontraremos aquí atrás para trabajar en la última sección. 7. Escritura: resultado y cierre: Estamos finalmente en el último pedacito de nuestro ejercicio de escritura. tiempo vuela cuando te estás divirtiendo. Vamos a terminar esto, hablando de la solución al reto que enfrentamos. O puedes saltarte esa parte para aquellos de ustedes que tal vez no incluyeron un reto. Pero, vamos a estar haciendo eso para esta clase y luego vamos a dar seguimiento con una declaración de clausura. En cuanto a envolver hay algunas cosas que queremos simplemente tratar de abordar y tener en cuenta. El primero es como mencioné, compartir el resultado del reto o conflicto. Esta es una parte realmente importante, si no se comparte el resultado, o cómo se superó el reto o cuál fue la solución. No tenía mucho sentido incluirlo en primer lugar, así que solo asegúrate de que encuentres una buena manera de empatar eso. Entonces después de eso querrás tener una declaración de clausura, y lo que me gusta incluir en la declaración de clausura es compartir lo que he aprendido. Eso puede ser del proyecto, puede ser de alguien con quien trabajé o cualquier cosa por el estilo, y tampoco tiene que ser muy largo, pero solo una frase o dos servirán. También me gusta aprovechar para dar crédito también. Sé que ya lo mencioné antes, pero es una oportunidad realmente agradable de decir, no podría haber hecho esto sin mi equipo, o los ingenieros con los que trabajé fueron increíbles y ellos hicieron posible, lo que fuera aplicaría a su situación. Simplemente creo que es un buen lugar para incluir algo así, y de nuevo ayuda a mantenerlo fresco en la mente del espectador que definitivamente eres un jugador de equipo y no tienes miedo de dar crédito donde se debe el crédito. Creo que es solo una jugada con clase, pero depende totalmente de ti. Por último, por supuesto, presumir el producto final. Esta es tu oportunidad si quieres mostrar todas las fotos brillantes de fantasía de la app o del sitio web que diseñaste. Si quieres ponerlo en algunas maquetas de iPhone, o Mac, eso depende totalmente de ti. Pero creo que ahora que destellaste este caso de estudio, esta va a ser tu oportunidad de simplemente volverte loco. Obviamente sin embargo, para este paso aún no estamos del todo ahí, sólo nos estamos centrando en la escritura. Las cosas que se están diciendo, sigamos adelante y miremos lo que he escrito, lo descompongamos y luego veamos si puedes probarlo por ti mismo. Aquí vamos, he condensado estos dos tramos en el último paso. No tienes que hacer eso, puedes hacerlo como quieras. Esto acaba de tener más sentido para mí. Después tengo la sección en mi caso de estudio que habla de ese reto, que fue, si recuerdan el requisito de último minuto, incluyo un pequeño fragmento que habla de cuál fue nuestra solución. Te darás cuenta de que no entro en un montón de detalles porque nuevo voy a confiar en algunas imágenes para ayudar por ahí. Pero básicamente solo hacer una declaración de que pudimos incorporar el requisito de último minuto sin tener que reacondicionar completamente el diseño o empezar desde cero. Incluyo una pieza aquí sobre cómo los desarrolladores estaban realmente contentos con eso, porque era menos trabajo para ellos y los gerentes de producto estaban contentos de que no impactamos en el horario. El motivo por el que llamo esos puntos es porque otra vez mostrando que a la hora de resolver problemas no sólo me estoy considerando a mí mismo, al usuario, y al diseño, sino que también estoy considerando a los titulares de participaciones con los que estoy trabajando. De nuevo, sé que esta clase no se trata realmente de cómo ser un buen jugador de equipo, o cuál debería ser el proceso de diseño. Pero, lo llamo porque sí quiero dejar claro que a pesar de que esto es breve, sigo siendo deliberado y estratégico con las palabras que elijo. Nuevamente, justo después, arriba o bajo este apartado ahí es donde voy a incluir probablemente algunos conceptos diferentes que se nos ocurrió, y el diseño actualizado basado en ese requisito. Entonces, por fin, voy a tener mi declaración de clausura. Aquí es donde, nuevamente doy crédito, estoy muy orgullosa de cómo mi equipo fue ágil y cooperativo, manteniendo comunicación con los ingenieros de principio a fin. Entonces en cuanto a poder mantener a los gestores de productos y a los desarrolladores en el bucle de retroalimentación todo el camino, ahí fue donde realmente pude aprender la importancia de eso. La última frase la acabo de terminar diciendo que la aplicación fue realmente bien recibida por los usuarios, y aprendí mucho sobre la importancia de la eficiencia y el trabajo en equipo. Se puede ver que no es un párrafo súper largo, pero sí creo que es importante una declaración de clausura. Especialmente cuando te has metido en la molestia de sumar todos esos contextos a través de cada paso del proyecto, se caería plano si simplemente no dices nada al final y vomitas algunas fotos bonitas. Pero, de nuevo hay cierta flexibilidad. base a lo que hemos hablado, quiero que te tomes unos minutos e intentes terminar tu caso de estudio. Trata de mantenerlo a no más de dos párrafos si puedes evitarlo, pero mira cómo va eso. Entonces en nuestro próximo video vamos a hablar de cómo vamos a reunir todas las imágenes que queremos incluir con el estudio de caso. Adelante y escribe tu última sección y te veré en la siguiente. 8. Gathering imágenes: Muy bien, chicos, estamos en el homestretch. Ya has pasado y has hecho toda la escritura para cada una de tus secciones, y ahora es el momento de reunir todas las imágenes y activos que vas a querer usar. Entonces te mostraré lo que hago. Lo que hago es después de haber hecho toda mi escritura, vuelvo y leo a través de ella, y trato de pensar en qué artículos quiero tener ayudas visuales, y cada vez que se me ocurre una imagen que sé que quiero enchufar, yo solo usa un texto de color diferente. Te darás cuenta que escribí Hero Image en rojo aquí. Entonces solo hago una nota en todas partes que sé que voy a necesitar una imagen. Entonces una vez que haya terminado de hacer eso, volveré a través del documento y todas partes que vea ese texto de color diferente, voy a agregar en la imagen apropiada a este documento ahí mismo con él. Te vas a notar que esto se ve realmente desordenado y se ha salido de control, eso está completamente bien porque solo estamos tratando de juntar todo en un solo lugar. Nos estamos preparando para el paso final, que es armarlo todo y embellecerlo, y prepararlo para su publicación. Entonces como dije, este es un paso bastante directo hacia adelante. Te recomiendo solo pases y asegúrate de haber contabilizado todas y cada una de las imágenes que vas a querer incluir. No te preocupes por conseguirles las tallas correctas. Tengo algunos de estos grandes y pequeños, y están por todo el lugar. De nuevo, esto realmente se trata de hacer inventario. Así que adelante y retrocede por los tuyos y trata de hacer lo mismo. Entonces nos encontraremos aquí para el próximo video, que es cuando finalmente lo vamos a armar todo. 9. Consejos para la ens.: Hola chicos. Si estás viendo este video, entonces asumo que superaste el último y pudiste reunir todas las imágenes que quieres usar. Esta es en realidad la parte divertida o se supone que es la parte divertida de todos modos. Ahora tienes todas tus imágenes, tienes toda esta escritura que has hecho, ahora por fin te pones a preocupar por hacer las cosas bonitas y ponerlo todo junto en un paquete final. Solo unos consejos para ti antes de empezar. Nuevamente, ahora es el momento de preocuparse por las cortinas. Antes dije, construyes primero la casa y luego te preocupas por las cortinas. Te mudan, tus muebles están ahí, es hora de escoger las cortinas. Definitivamente no te mates agonizando por hacer tu estudio de caso súper bonito porque al final del día, aún quieres que el contenido real sea el punto focal y no el estudio de caso en sí. Si estás tentado a hacer como locos fondos rosados calientes y encabezados animados o algo así. No voy a decir que no se te permite hacerlo porque puedes absolutamente hacer lo que quieras. No obstante, mi consejo sería que lo que quieres ir es algo que se ve limpio y que obviamente ha sido ensamblado por alguien que se preocupa por la estética, pero al mismo tiempo, no te vayas por la borda. Porque de nuevo, el foco debe estar en todo este trabajo que has hecho con la escritura y las imágenes. En segundo lugar, improvisar donde sea necesario. Vas a sacar esto delante de ti y cuando lo estés juntando, tal vez sientas que necesitas editar algunas de las cosas que has escrito o cambiar las imágenes o algo así. Eso es genial. Adelante y revisen lo que han hecho y sigan adelante y hagan los cambios donde quieran. Si se siente plana y borrosa, agrega algo de estilo. Como mencioné antes, podrías tener algunas imágenes de héroes realmente fantásticos donde tomas las tomas finales de lo que sea que hayas diseñado y tal vez ponerlo en unas maquetas de aspecto realmente elegante. Simplemente usa tu juicio y asegúrate de que es algo que te enorgullece compartir. Porque cuando finalmente terminas con esto, llegas a publicarlo. Un pensamiento final. Ya mencioné antes que puedes hacer cualquier formato que quieras. Puedes crear una presentación de PowerPoint o simplemente puedes construir esto en Sketch o Photoshop o algo así si estás planeando convertirla en una página web real. Elige el formato que quieras. Pero este último paso, se llega a armar las cosas y hacerlo de una manera que se sienta bien para ti. Si lo necesitas, sigue adelante y vuelve a ese video anterior donde te mostré un par de ejemplos o incluso google algunos ejemplos tú mismo. Basta con mirar a su alrededor cómo otras personas han estructurado sus estudios de caso y obtener algo de inspiración, y luego echar una puñalada en hacerlo usted mismo. Porque el siguiente video que nos vamos a encontrar de nuevo. Te voy a mostrar lo que hice con el mío y cerraremos con algunos pensamientos finales. Muy bien chicos, empecemos. 10. Pasos finales: Oigan chicos. Por lo que esperemos que vengas a este video después de haber tenido un gran momento armando tu propio estudio de caso y simplemente haciendo que realmente se vea pulido. A modo de video final, quería mostrar lo que hice con mi pequeño proyecto hipotético aquí, solo para terminar con unos cuantos pensamientos que quería compartir. Ya verás aquí, empecé con un aspecto bastante básico, tengo el título, hice una imagen de héroe donde tomé mis comps finales de mi aplicación, puse en algunos iPhones, e hice un fondo azul, la razón por la que señalo el fondo azul es porque, he mantenido esto bastante simple en cuanto a aspecto y tacto, pero solo atar en un paladar de color común puede ir mucho camino. El mismo tono de azul lo he usado a lo largo con mis encabezados de sección, y he usado tipografía consistente a lo largo también. Eso va un largo camino en cuanto a solo hacer que se sienta ordenado, y te darás cuenta aquí en esta sección, hice una imagen con cuadro de texto a un costado que ayuda a romper la monotonía en lugar de solo hacer imagen de texto en una sola columna maquetación. Ese es otro ejemplo de algo que puedes hacer para agregar interés visual a medida que avanzas por esto. Definitivamente había secciones aquí donde edité algunas de las escrituras que hice, reformulé frases, también verás esta sección aquí donde realmente agregué subtítulos por encima de algunas de las imágenes que utilicé. Yo también te quiero mostrar aquí, empecé con algunos bocetos y estos son bocetos desordenados que hice en un iPad, pero aún así seguí adelante y los incluí porque es parte del proceso, y al incluir estos, soy capaz de mostrar esta progresión de cómo pasé de bocetos a alambra-frames, hablé de cómo teníamos dos direcciones diferentes que quizá quisiéramos elegir y así los llevé a más de una fidelidad media e hicimos algunas pruebas AB con ellos. Apenas pasando por todo este proceso y como dije, la realidad es que, probablemente en realidad tuve otras 10 iteraciones de esto, no solo estas dos, sino que lo estoy manteniendo limpio y manteniéndolo lo más breve que pueda mientras sigo siendo detallado, No les estoy mostrando todos, solo estoy mostrando una pareja. Eso es mayormente justo lo que quería compartir contigo. Ya verás también, no me puse realmente elegante con el estilo. Mantuve esto muy básico porque verdaderamente eso es lo suficientemente bueno. De nuevo, si quieres que sea realmente llamativo, eso depende totalmente de ti, pero de nuevo, solo quieres que esté limpio y fácil de leer. Esperemos que esto sea útil para que ustedes vean, sin embargo, si hay algo en lo que quieran que elabore o si tienen alguna pregunta, por favor definitivamente sí contacten. Este es mi primer video de habilidad compartir, y así que estoy realmente interesado en mejorar para el futuro y definitivamente agregaré contenido si hay algo que he dejado fuera que no les ayudaría chicos. Dicho eso, espero que estés realmente contento con el caso de estudio que tienes, y muchas gracias por unirte.