Transcripciones
1. Introducción a la clase: Los estudios de caso son presentaciones que ayudaron a presentarse como diseñador. Servicio que estás brindando sobre el producto que estás vendiendo. Esto debería contar una historia de principio a fin. Y cuáles son algunos pasos que tomaste para llegar a ese final el resultado. Aquí, mi nombre es Alex y bienvenido a esta clase de Skillshare a punto de estudios de casos UX de UI. Soy creador de productos de diseño digital y hasta ahora he creado o 500 productos diferentes y también nuestro creador de cursos. Y hasta el momento espero creados o regresando diferentes cursos. En esta clase, vamos a hablar de UI, casos prácticos de
UX, por qué son importantes y cómo puedes crear los tuyos propios. Vamos a mencionar cuáles son nuestros estudios de caso, qué elementos debe incluir en sus estudios de caso, creando una estructura y cómo debe verse su estructura general. Algunos ejemplos impresionantes en línea para ayudarte a inspirarte y ayudarte a entender algunos de los elementos que adoptan los diseñadores usan cómo escribir contenido para tus casos prácticos para que sea más fácil de consumir y entender. Y por último, la presentación salva. ¿ Cómo puedes presentar tu caso de estudio la mejor manera posible para lograr el resultado que deseas, ya sea para vender tus servicios o para vender el euro. Tu proyecto de clase para esta clase es crear tu estructura ideal de casos prácticos en un trozo de papel es simplemente usar un bolígrafo y papel. Y hay un video dedicado sobre tu proyecto de clase en esta clase. Así que asegúrate de echarle un vistazo. Estoy muy emocionado de ver tu estructura ideal para tus casos prácticos y asegúrate de incluir al menos algunos detalles para
que todos sepamos quién la estamos mirando y de qué se
trata de fin para ayudarnos a entender un poco mejor. Un buen caso práctico realmente puede cambiar tu vida y carrera por un patrón porque realmente va a atraer a un mejor tipo de clientes a tu trabajo. Y realmente te va a ayudar a conseguir deudas contratadas más rápido. Y dandy prefab un estudio clave o si no tienes un caso de estudio en absoluto,
creo que todos los diseñadores por ahí y no solo los diseñadores UX de UI, sino también diseñadores gráficos, diseñadores 3D, todo tipo de diseñadores deberían tener casos prácticos, pero esos estudios de caso van a diferir en longitud, cantidad de elementos dentro e Inglaterra
progresa porque se requieren diferentes procesos para diferentes diseñadores. Pero sin embargo, un buen estudio clave es lo que te va a traer más trabajo de calidad. Algunos realmente esperan verte por dentro, y vamos a crear algunos más, algunos estudios de caso.
2. Qué es un estudio de caso: Estudio de caso no es más que un largo para la presentación de su trabajo? No, tu trabajo puede ser tu trabajo de diseño o puede ser nuestro producto crearlo. Y vamos a tocar esa parte un poco más tarde en esta clase. Pero para todos los propósitos y propósitos, es solo una presentación de su trabajo. Ahora bien, ¿por qué una forma larga y cuál es la diferencia entre la forma larga y la forma corta? Bueno, la presentación de forma corta es algo que se ve en Dribble todos los días. Y sitios web como dribble es básicamente una captura de pantalla de la parte de tu trabajo para que pueda ser una sección de encabezado de tu sitio web, por ejemplo, o una imagen maqueta de tu app la cual ya está terminada. Bueno, el estudio de caso es una presentación de forma larga que normalmente se ve en balizas. Se trata de un caso práctico porque ayuda a tus usuarios y a tus espectadores de ese caso práctico, a estudiar tu proceso, estudiar tus pasos y a estudiar cómo logras ese resultado final, que es por ejemplo, producto o diseño de aplicaciones, diseño web o algo así. No se limita estrictamente al diseño UX de la interfaz de usuario. También puede ser un gran en branding. Puede ser genial en el diseño del logotipo es solo la longitud de la misma. Va a variar dependiendo del proyecto en cuestión. Por ejemplo, si acabas de diseñar, un logotipo simplemente va a ser un poco más corto porque no
hay demasiados pasos para diseñar un logotipo. bien en el diseño UX de UI, si estás, por ejemplo, diseñando sitio web que tiene 20 páginas diferentes, todas ellas son sensibles y tienes que crear wireframes de papel. Wireframes en tu software favorito, por supuesto, va a variar y vas a tener muchos más pasos que por ejemplo, en el diseño de logotipos. Entonces básicamente eso es un caso de estudio en pocas palabras. Y en las próximas lecciones de esta clase, vamos a explorar lo que debes incluir en tu caso práctico. Cuáles son algunos pasos que debes dar y algunos grandes ejemplos de presentación para empezar con tus casos prácticos.
3. Elementos para incluir: Existen muchos elementos diferentes que puedes incluir en tus casos prácticos. Y a lo largo de mis 15 años más en este negocio, encontré que algunos elementos funcionan mejor que otros porque algunos elementos simplemente ayudan realmente a contar una historia de cómo se desarrolló ese diseño o proceso sobre el proceso de creación y el proceso que trabajaste en este proyecto en particular y algunos otros realmente distraen a tus espectadores de llegar al grano. Porque todo el punto de un estudio de caso es atraer a los espectadores
potenciales que puedan convertirse en clientes. Ojalá, si eso es algo que estás buscando, si solo quieres presumir ante tus compañeros y que ellos entiendan tu proceso y cómo llegaste a ese resultado final. Entonces en este video, vamos a discutir algunos elementos importantes para incluir, en mi opinión, porque veo estos elementos estallando en todo el tiempo en algunas grandes presentaciones que encontré en línea. Por lo que aquí tenemos en esta pequeña introducción rápida y algunos elementos importantes a incluir en su caso de estudio. Una vez más, va a variar dependiendo de tu industria, dependiendo del nicho en el que te encuentres. Porque no todas las industrias van a necesitar estos elementos. Y no todos los estudios de caso van a necesitar estos elementos. Si el proyecto es más corto, por ejemplo, entonces si el proyecto es más largo. Entonces lo primero que hay que hacer es incluir textos, describir lo que hace cada sección y elemento. Por lo tanto, no abrumes a tus televidentes, sino que des suficiente información sobre el proyecto. Entonces, por ejemplo, si hiciste el diseño de nuestro sitio web y no entras en demasiados detalles. Por ejemplo, me desperté una mañana y luego cliente me contactó. Nadie quiere oír eso. Llegar al grano. Sé corto, conciso, pero sé preciso sobre los elementos que estás tratando de describir con tus textos. Haz que las imágenes cuenten la historia clave aquí. Pero el texto está ahí solo para ayudar a celular la idea oral, la oral diseñó tu presentación oral. Por lo que solo está ahí para ayudar a que tus imágenes funcionen para ti. Entonces hablando el idioma de tu público y no seas demasiado técnico. A lo que me refiero con esto es, ¿quién es tu público objetivo? ¿ Es su público objetivo diseñadores? Entonces puedes hablar en términos como usé resize responsive en Adobe XD y uso diferentes tamaños de mesas de trabajo y cosas por el estilo. Pero si estás tratando de atraer clientes, entonces habla en el idioma que
entenderán porque probablemente no sepan qué es Adobe XD en primer lugar. Por lo que quizá no debas mencionarlo de manera tan prominente en tu proyecto. Por supuesto, debes mencionarlo un par de veces a lo largo de tu caso práctico, pero asegúrate de atenerte a lo que tus clientes entienden. Entonces, por ejemplo, si hay una empresa de belleza, entonces asegúrate de hablar de productos de belleza, del proceso de llegar a este diseño en particular. Usa el lenguaje que entenderán si ese es el público objetivo al que estás apuntando. Por supuesto, si esto va a ser visto por los directores de arte, por supuesto saben de Adobe XD y todas estas herramientas, pero tampoco seas demasiado técnico con el texto que intentas contar aquí. Entonces, una vez más, si estás en una industria de la belleza, asegúrate de mantener ese equilibrio. Por lo tanto, describe qué herramientas estás usando y también describe el nicho en el que te encuentras. Describa el proceso en el que se encuentra, y use algunos jargones técnicos dentro de ese nicho en particular, pero no exagere y no complica demasiado las cosas. Una vez más, el texto está ahí solo para ayudar a tus imágenes, contar una mejor historia. A continuación tenemos imágenes. Por lo que como mencioné, usa imágenes para elogiar tu texto. Las imágenes deben estar conectadas a la historia que estás contando. Un imager de noticias que ayuda a tu historia, no cualquier ID de imagen. Y si no puedes tomarlos tú mismo, lo que quiero decir con eso es, por ejemplo, si estás en un negocio de autos y estás hablando de autos, entonces solo muestra imagen de una montaña. Porque ¿cuál es el punto de esa imagen? No ayuda contar esa historia. No ayuda vender la idea de ese diseño en particular. Entonces, no lo uses. Usa imágenes que van a ir bien con tus presentaciones y que van a tener sentido como dice aquí, toma cualquier imagen si puedes. Todo el mundo tiene uno de estos, por lo que simplemente puedes usar tu fuente y tomar una foto de tu proceso sobre ti mismo trabajando en este proyecto sobre la creación, por ejemplo, de wireframes en papel. O puedes tomar tu teléfono y dárselo a alguien, ya sabes, por ejemplo, a tu familiar o a tu mejor amigo o algo así. O incluso puedes hacerlo tú mismo si no quieres que nadie te ayude, simplemente
puedes colocar tu teléfono detrás de ti, por ejemplo, y tomar un tiro, algo así. Entonces sobre el hombro de ti trabajando en tu computadora, por ejemplo, o de este lado. O si estás echando un vistazo a la vista previa de ese diseño, simplemente
puedes mostrar tu forma así bajo un ángulo de ti sosteniendo ese teléfono y mostrando ese diseño. Realmente va a ayudar a contar una historia porque va a mostrar a tus clientes objetivo y a tu público directo que realmente te importa este proyecto, que realmente pones mucho pensamiento y esfuerzo en este proyecto. Y que realmente prestes atención a los detalles para nuestros directores, sobre todo que buscan contratar diseñadores. Esto va a ser crucial en sus decisiones porque pueden ver de
inmediato que tú eres el diseñador que está prestando atención a esos pequeños detalles. Y realmente va a dar sus frutos a la larga. Así que solo asegúrate de prestar atención a pequeños detalles como este. Pero una vez más, no exageres. No te limites a tomar fotos de ti mismo de forma aleatoria y simplemente ponlas en tu caso práctico. No ayuda contar una historia, pero pocas imágenes aquí y allá realmente no
te van a ayudar a vender la idea de ese diseño en particular. A continuación tenemos guía de estilo y sistema de diseño. Por lo que muestra tu guía de estilo o sistema de
diseño para demostrar que estás organizado y estructurado. Una vez más, para nuestros directores, esto es sumamente crucial, pero también para nuestros clientes, porque pueden ver todos estos elementos juntándose en el diseño terminado, presentar los elementos más importantes que usted usado, pero no exagere. Coloca el gradiente para cortar tu imagen en la parte inferior si es demasiado larga. Esto es especialmente importante para proyectos realmente largos y casos prácticos realmente largos porque en tus guías de estilo en sistemas de diseño, en muchos casos, puedes tener cientos de elementos diferentes, pero no todos los elementos son importantes. Por ejemplo, puedes mostrar colores, usaste fuentes,
quizás algunos botones, tal vez algunos elementos de foros porque cosas como esa. Y luego simplemente introduce nuestro gradiente de luz, que simplemente va a alimentar ese sistema diseñado mientras tus espectadores se desplazan hacia abajo hasta la parte inferior. Entonces no los estás abrumando porque una vez más, guía de
estilo y sistema de diseño no es el resultado final, es solo una herramienta que te va a ayudar a llegar al final. Resultado, que está doblado, por supuesto, debe estar en la parte inferior de tu guía de estilo. Ambos. Vamos a hablar de eso un poco más tarde en esta clase. Por último, utiliza los colores de tu proyecto y guía de estilo en tu presentación así como hasta el branding está en punto. A lo que me refiero con esto es, por ejemplo, si tus colores principales son azul y verde, no simplemente vayas y usa rosa porque el rosa nunca se muestra en tu diseño, nunca se muestra en tu proceso. Entonces, ¿por qué ponerlos en tu presentación? Asegúrate de usar colores de tu guía de estilo y sistema de diseño. Si tienes uno, si no tienes guía de estilo o sistema de diseño, tu proyecto es demasiado pequeño, simplemente
trabajaste en una página de destino. todas formas, realmente recomiendo que empieces a usar guías de estilo y sistemas de diseño porque son extremadamente importantes para el desarrollo futuro de ese producto en particular. Pero si no las tienes, asegúrate de usar los colores que tienes en tu diseño, en tu presentación. Porque de esa manera el branding va a estar en punto. Te sorprenderías de cuántas veces veo esto en presentaciones en línea, sobre todo cuando estoy navegando por diseñadores que contraten para ayudarme en mis proyectos. Entonces veo esto todo el tiempo. Asegúrate de no repetir ese error porque una vez más, para los directores de arte, sobre todo esto demuestra que prestas atención a pequeños detalles. A continuación tenemos wireframes en papel, por lo que presentarlos en una declaración de problemas, desafío, y fases conceptuales de su estudio. Vamos a hablar de fases un poco más tarde en esta clase. Pero básicamente lo que esto significa es que tienes que presentar tu caso de estudio en etapas. Entonces el inicio está justo aquí arriba y el final está justo aquí abajo. Por lo que los usuarios tienen que desplazarse todo el camino hacia abajo para llegar a ese resultado final. Básicamente, una especie de progreso importaba. Por lo que los usuarios están progresando a medida que se
desplazan hacia abajo y están empezando desde las etapas muy difíciles de ese proyecto para la ideación, tal vez algunos textos en páginas en blanco y wireframes en papel porque los wireframes en papel son todo sobre tus ideas . Por lo que muestra imágenes de creación así como imágenes escaneadas con una impresora o tu teléfono. A lo que me refiero con esto es a lo que expliqué anteriormente cuando alguien más te está tomando una foto creando marco de profundidad, puedes hacerlo tú mismo. Simplemente puedes usar un bolígrafo y un papel y usar un formulario como este y simplemente tomar una foto tuya creando ese modelo. Una vez más, no exageres,
pero asegúrate de incluir pocos de estos aquí y allá, solo para ayudar a contar una mejor historia y ayudar a vender tu viejo concepto a tu, al tuyo. Da suficientes detalles para complementar la historia que estás contando, pero no abrumes a tu público. Eso es justo lo que dije. Y asegúrate de ser moderado con todas estas secciones. Entonces si echamos un vistazo a la guía de estilo y el sistema de diseño, lo que mencioné por el gradiente, me refiero a lo mismo para los wireframes de papel. Entonces, por ejemplo, puedes usar una tira de imágenes que va a ser horizontal, o puedes cambiarla a un lado solo para mostrar estos wireframes de papel entrar, mostrar tu proceso. Y por supuesto puedes salpicar unas cuantas imágenes aquí y allá sobre ti creando a estas personas wireframes. A continuación tenemos wireframes, así que muéstralos en los conceptos y pruebas de partes de tu caso práctico. Una vez más, vamos a llegar a eso un poco más tarde. Y por supuesto, siempre se puede volver a estas lecciones y estudiarlas un poco más. Preséntalas como una imagen
en perspectiva, en imágenes y maquetas. Una vez más, simplemente puedes guardar tu wireframe desde Adobe XD. Una imagen, puedes ponerla en perspectiva, en 3D, por ejemplo. Se puede mostrar en imágenes. Entonces como mencioné, puedes mostrarle a alguien tomando una foto de vista, por ejemplo, desde aquí o desde un costado o alambrada en tu teléfono por ejemplo. Entonces desde esta perspectiva, digamos que estás usando ese wireframe en modo prototipo de Adobe XD por ejemplo. Y por último, en maquetas, puedes usar maqueta de un dispositivo de escritorio, dispositivo portátil, dispositivo
telefónico, no importa lo que estés haciendo y presentar una maqueta esa forma de tu wireframe. Si puedes hacer que algunas pantallas o parte de tu diseño sean clicables e incrustadas en tu presentación. No importa lo dicho que estés usando, puedes hacer esto. Pero como estoy usando XD, es nativo en XD, simplemente
puedes compartir la parte de tu prototipo para que puedas compartir un solo tablero de arte, por ejemplo, y luego puedes incrustarlo en tu sitio web si tienes esa función o si no, simplemente
puedes hacerlo en Behance porque Behance se integra bien con Adobe XD porque forma parte de la familia Adobe. Es producto de Adobe comienza es, por lo que simplemente puedes usar ese enlace desde tu Adobe XD y luego incrustarlo en tu presentación de Behance. Y entonces la gente puede hacer clic en él y luego navegar a su alrededor. Asegúrate de que cuenta una historia y complementa tus textos, imágenes, papel, wireframes y otros elementos. Entonces discotecas para todo lo que mencioné anteriormente. Entonces no abrumes a tus espectadores por decenas de estos wireframes porque solo recuerden, este no es el resultado final. Esto es solo una parte de tu parte hasta el resultado final. Diseño de interfaz de usuario terminado. Ahí subimos. Por lo tanto, asegúrate de mostrarlo en las etapas de prueba y resultado de tu caso práctico. A lo que quiero decir con esto es que puedes mostrarlo siendo probado a tus usuarios. Entonces si tienes usuarios en la sala, por ejemplo, puedes seguir adelante y tomar fotos de personas usando tu diseño en teléfono o en un portátil o en un dispositivo de escritorio, lo que sea. Y lo puedes mostrar en la etapa de resultado, que es la última etapa de tu caso de estudio por lo general. Entonces cómo se ve al final, cómo se ve como un producto terminado, tal vez tu aplicación o sitio web ya está lanzada. Entonces puedes dar un enlace para que la gente pueda verlo. A lo largo de tu caso práctico, están aprendiendo sobre cómo lo creaste, cómo resuelves problemas en el camino. Y ahora hay un enlace en vivo para que la gente pueda acceder a él si estás trabajando en un proyecto privado. Entonces no estás planeando codificarlo, no
estás planeando hacerlo vivo, entonces eso está todo bien. Puedes presentarlo en prototipos clicables, maquetas
3D e imágenes como mencioné anteriormente para todos estos otros elementos. Y también puedes grabar pocos videos de tus pantallas en acción y adjuntar esos a nuestro caso práctico. Una vez más, si estás usando Adobe XD, simplemente
puedes grabar un prototipo y puedes subir ese video a la presentación de Behance o a tu sitio web. Por lo que simplemente puedes incrustar ese video dentro y la gente puede hacer clic en él y luego puedes mostrarles tu, por ejemplo, estructura de
navegación o navegación entre dos o tres pantallas o algo así. Este es el resultado final de tu trabajo. Así que asegúrate de que tu diseño de interfaz de usuario destaque de tu presentación. Este es el punto de venta. Este es el punto final de su estudio de caso. Por lo que la gente desplaza todo el camino hacia abajo para ver tu diseño de interfaz de usuario terminado, para ver el producto terminado. Así que asegúrate de que destaque más que otras partes de tu caso de estudio. Porque una vez más, esta es la parte que realmente te vende como diseñador y que realmente vende el caso de estudio y tu proceso como diseñador. Por lo tanto, asegúrate de que destaque. Por último, tenemos otros elementos que considerar. Entonces, dependiendo del nicho, tu independiente del proyecto en el que estás trabajando, estos elementos podrían funcionar y podrían no funcionar. Por lo que los hombres deben tener cuidado con el peinado oral de su producto, con su nicho mundial en el que está su cliente. Por lo que maquetas de deber en 3D en diversas etapas. Entonces, ¿qué es 2D? ¿ Qué es 3D? Obviamente 2D es esto y esto. 3d es esto y esto, por ejemplo. Para que puedas usar cualquier tipo de ángulo diferente de tus maquetas y fuera de tus diseños también. Adobe XD cuenta con estas características 3D para que puedas usar tu tablero de arte y hacerlo 3D. Y puedes guardar la imagen como un PNG así y luego
subirla a tu presentación si quieres tener prototipos clicables. Entonces lo mencioné si estás trabajando en XD, simplemente incrustar el video prototipo Link. Por lo que una vez más, puedes hacer un registro de pantalla
estilo Walk-through de ti sosteniendo un teléfono o detrás de la laptop. Algún estilo de paso es lo que mencioné. Simplemente puedes golpear el récord en XD si lo estás usando. Y estos otros estilos son, por ejemplo, alguien más puede tomar su teléfono y simplemente colocarlo así sobre tu hombro, por ejemplo. Entonces aquí estás usando tu diseño en tu dispositivo para poder encender prototipo clicable al final del proyecto, y luego simplemente puedes usarlo en tu teléfono y alguien más te puede grabar. Y por supuesto puedes hacer lo mismo en tu portátil o dispositivo de escritorio. Elementos de fondo. Entonces esto es lo que dice, elementos del
BCCI solo para mantenerlo un poco más corto, ayudar con los intereses visuales, así
como para guiar a través de su estudio de caso. Por supuesto, esto va a depender de tu proyecto. Entonces si tienes las hojas, por ejemplo, si estás trabajando en un entorno y empresa basados en la naturaleza, puedes usar las hojas como elementos de fondo. Puedes usar flores, puedes usar diferentes elementos gráficos y elementos geométricos. Por ejemplo, círculos y cuadrados y triángulos y algunos elementos gráficos diferentes, por ejemplo, como los diamantes. Y por último, se pueden utilizar iconos para corresponder bien con todos estos elementos de fondo. Una vez más, no lo hagas. Estos son, son sólo ayudan a mantener
los intereses del público arriba y hacen que se desplace un poco más allá. Gradientes y difuminados si se ajustan al estilo del proyecto, pero no exageres porque muchas de las veces que veo gradiantes a lo largo de todo el estudio de caso en realmente te duele los ojos. Realmente sí te aburre después de un rato y no te olvides, mucha gente está ahí, está con discapacidad visual. Por lo que realmente va a ser muy difícil a sus ojos ver estos gradientes. Y básicamente para distinguir tus gradientes de tu diseño, sobre todo si son daltónicos y cosas así. Así que solo asegúrate de usar degradados y desenfocados en un par de lugares solo para darle sabor a tu diseño un poco. Contamos con pegatinas y emojis. Por lo que el uso depende a menudo Nietzsche y proyecto
por supuesto sólido dicen que estás trabajando en un proyecto para un banco. Obviamente no vas a incluir pegatinas ni emojis. O tal vez el banco es para una
especie de público más joven y eso es a lo que están tratando de apuntar. Por lo que quizá en esos casos, pegatinas y los emojis podrían tener sentido. Entonces solo usa tu sentido común sobre lo que estás tratando de crear. Por lo que estos son sólo algunos de los elementos que me gusta
utilizar en mis estudios de caso a lo largo de los años. Y estos son los elementos que encontré algunas de las grandes empresas y diseñadores por ahí utilizan todo el tiempo para complementar su presentación
de diseño y contar una mejor historia. Para que puedas usar algunos de ellos, puedes usarlos todos, pero justo lo que estés usando, asegúrate de que te ayude a contar una historia y asegúrate de que funcione con tu marca y tu nicho. Porque de lo contrario, es simplemente pegar elementos y hacer que sea más difícil para la gente entender. Y por supuesto, si estás tratando de conseguir un trabajo usando tu caso de estudio, simplemente
va a empujar a directores de arte y a la gente de RHH porque están viendo a cientos de diseñadores a diario y realmente pueden decir quién es bueno, que no se trata de estos pequeños cambios. Así que sólo asegúrate de prestar atención a esos.
4. Crea la estructura de estudio de caso: En el último video, hablamos sobre qué elementos debes incluir en tu estudio de caso, pero ¿cómo los estructuras para una comprensión más fácil y para un consumo más fácil? De esto se trata todo este video. Por lo que tenemos creando estructura para tu caso de estudio, organizando tus casos prácticos. Por lo que es más fácil consumir y entender porque realmente no tiene sentido simplemente llenar estos elementos a una página. Realmente tienen que tener alguna estructura coherente que tenga
sentido y muestre a tus espectadores que realmente
le prestas atención a este caso práctico y realmente pongas atención a tu trabajo de diseño sobre todo. Entonces proyecto, intro y breve, en mi experiencia y en mi opinión, realmente
debería venir primero. Y en la parte superior de la página, tal vez en su presentación, debería
tener algo así como imagen de portada, tal vez presentando el resultado final, el resultado de su proyecto y de este estudio de caso. Quizás si hay una aplicación móvil, tal vez deberías posicionar una bonita maqueta de aspecto 3D con un título junto a ella, solo para mostrar y para contar la historia de lo que realmente es esto. Y tal vez un solo liner sobre lo que la aplicación o sitio web realmente hace debajo de eso, en mi opinión, y en mi experiencia, temas saltan directamente al resumen de diseño. Entonces describa de qué se trata el proyecto, pero manténgalo corto y conciso. No des demasiados detalles por si estás bajo NDA. Entonces, por ejemplo, lo que quiero decir con esto es que si estás trabajando para una empresa automovilística, no solo veas que la empresa de autos se funda en 1954, por ejemplo. Y sigue tu camino para describir los detalles sobre la historia fundacional. A nadie le importa eso. Se puede mencionar ese detalle. Entonces, por ejemplo, las empresas fundadas en 1954, veamos, tienen 20000 empleados. Entonces, ¿ves a lo que me refiero? Solo sé corto y conciso y mueve la historia porque nadie tiene tiempo para leer todo sobre eso, simplemente
pueden ir a la página web en cuestión en la que trabajaste. Por ejemplo, lea todo sobre su historia. O si se trata de una no-empresa, simplemente
pueden ir a Wikipedia si realmente les interesa aprender más sobre la propia empresa. Tu proyecto no se trata de la propia empresa. Se trata del producto que están vendiendo, del servicio que están ofreciendo, o de las buenas acciones que están haciendo si son sin fines de lucro o algo así. Por lo que una vez más, asegúrate de mantenerlo breve en tu diseño. Breve, solo da lo esencial para que tu público esté informado y cuente tu historia a través de tu caso de estudio. Entonces lo que quiero decir con esto es lo que mencioné en el video anterior sobre elogiar tus textos con tus imágenes. Y lo que quiero decir con NDA es no mencionar detalles personales de los empleados. Por ejemplo, john es el director aquí vive en este 32, este es su número telefónico. Obviamente, esto es una idiotez. No hagas eso también. Don mencionó sus datos personales. Entonces, por ejemplo, puedes mencionar a los fundadores si están de acuerdo contigo, y generalmente lo harán porque es bueno. Br pero no menciones a otros empleados si no están contentos justo al amanecer de haber mencionado alguna vez sus datos personales como números de teléfono, correos electrónicos o vestidos, páginas de Facebook, páginas de
LinkedIn, no hagas nada de eso. Esa gente quiere hacer eso. Lo harán en su propia página web, pero simplemente no cometas el mismo error que tantos diseñadores por ahí, que he visto. Poniendo esto en tu caso de estudio, también mencionó alguna ganancia si no lo quieren. Porque esto realmente va a mostrar a su competencia cómo lo están haciendo y realmente va a funcionar en contra de su ventaja en este caso. Entonces, por ejemplo, se puede decir algo como
lo hicieron 20 por ciento de aumento en el último trimestre, pero no lo hagas. Por ejemplo, ganan 20 mil dólares más el último trimestre que antes, porque eso realmente va a mostrar a su competencia sobre esta información sensible. Así que sólo presta atención a cosas como esta. Una vez más, asegúrate de ser conciso y llegar al grano. A continuación te tenemos problema sal. ¿ Cuál es el problema de haz que enfrentaste en este proyecto y cómo lo resolviste? Diseñar el sitio web no es el principal problema. Es un problema y es un trabajo que tomaste y está diseñado que creaste. Entonces creaste este diseño de sitio web, pero qué problema hace ese sitio web diseño sal, por ejemplo, si tienen nuestra página de producto, por ejemplo, y las conversiones no son todo eso. Bueno. Ese es el problema que estás tratando de resolver. Por ejemplo, si la imagen del producto no es demasiado grande y los compradores potenciales no entienden de qué se trata el producto. A lo mejor aumentas el tamaño de esa imagen. Posicionó los botones aquí y allá para luego aumentar la conversión más antigua, largo plazo, por ejemplo, durante los próximos seis meses en un 20 por ciento. Entonces ese es el problema que resuelves. Ese debería ser el punto clave que estás mencionando en tu caso de estudio porque una vez más, muestra a tus futuros empleadores que realmente estás cuidando cosas pequeñas y
pequeñas como esta, que en realidad se va a convertir en un gran problema si no se resuelve a tiempo. No digas que tuve que crear una app, pero qué problema enfrentaron tus usuarios y cómo la resolvió tu app. Esto es justo lo que mencioné. Entonces, por ejemplo, si, digamos apegarnos a la página del producto. Si no funciona bien en responsive, digamos que en Desktop, mobile, lo siento, en desktop y en una laptop y dobletes, Digamos que el botón Comprar ahora funciona bien, pero en el móvil se pierde. Entonces tal vez aumentas la conversión en, digamos, un 10% en los próximos tres meses simplemente haciendo que ese botón se pegue y haciendo eso, es tal manera entonces simplemente comienza a gatear cuando los usuarios empiezan a desplazarse más allá de un cierto punto. Entonces ese es el problema que resuelves y aumentas la conversión en un 10 por ciento. Este es sólo uno de los ejemplos. Por supuesto, cada proyecto por ahí
va a tener diferentes problemas y que hay que resolver como diseñador. Esta es sólo una de ellas. A continuación tenemos retos que enfrentaste. Entonces, ¿hubo algún reto en particular al que te enfrentaste al crear tu diseño? Los desafíos pueden ser plazos cortos, problemas de usuario, desarrollo de
nuevas ideas, pruebas largas, implementación y cosas por el estilo. Sé conciso y deja que tu estudio de caso cuente una historia pero lo suficientemente
bueno como para que los espectadores puedan entender de qué estás hablando. No le regalamos demasiados detalles. Entonces digamos que después de crear conceptos iniciales, los usuarios tienen problema con navegar por la aplicación. Entonces, por ejemplo, el reto que enfrentaste es que tenías que simplificar la navegación. Por lo que hiciste más fácil para que los usuarios entiendan y más rápido llegar a donde necesitan ir. Entonces ese es solo uno de los retos, por ejemplo, el desarrollo de nuevas ideas en este caso, digamos, Digamos que raramente se crean conceptos originales y a los usuarios les gustó. Pero los fundadores, por ejemplo, tuvieron esta nueva idea y realmente creen que necesitaban en este momento. Por lo que tienes que desarrollarlo realmente rápidamente e introducirlo en el diseño
existente y concepto existente que ya les gustó a tus usuarios. Entonces este es solo uno de millones de ejemplos diferentes. Así que asegúrate de mencionar desafía tu rostro. Pero una vez más, sé conciso. No todos aprendan con sus espectadores en esta parte de su caso práctico. A continuación tenemos conceptos que usted creó. Entonces los conceptos no son productos terminados, sino ideas y versiones de su diseño. Por lo que los conceptos pueden ser wireframes de papel, pueden ser wireframes. Una vez más, lo que mencioné en un video anterior, puedes mostrarlos en tu teléfono o si los estás usando, puedes mostrar a tus usuarios usando lo que mencioné también en el video anterior. Pueden ser wireframes en papel, wireframes, conceptos de interfaz de usuario, pero conceptos asustados, así como pruebas de interfaz de usuario, pruebas de usuario. Entonces esas son todas las cosas que puedes incluir en los conceptos que estás creado y puedes
dispersar estos conceptos a lo largo de tu caso práctico. Lo que mencioné en un video anterior y lo que vamos a tocar en los próximos videos sobre la estructura general. Muéstrales de manera interesante, pero no lo hagas. Ahí es para donde está el capítulo de resultados. Una vez más, los conceptos no son los productos terminados, son solo ideas que has puesto en marcha. Por ejemplo, el alambrado de papel no es el producto terminado, pero el resultado sí. Por lo que una vez más, asegúrate de no exagerar con los conceptos y asegúrate de mostrar de manera prominente el resultado al final. Porque el resultado es lo que importa al final
del día y lo que todas estas semanas y meses de diseñar, probar, trabajar en él te ha llevado al resultado de este proyecto. Así que asegúrate de hacerlo prominente al final de tu caso práctico, tenemos pruebas de usuario, así que a la derecha acerca de tus usuarios probando y da tus conocimientos sobre lo que encontraste, cómo se manejan con tu concepto. ¿ Qué respuesta te dieron? ¿ Cómo se dividió su grupo de pruebas de usuarios? ¿ A qué edad había? Cuál es su ocupación, y así sucesivamente. Muestra imágenes de tus conceptos. Concepto que se está probando junto al texto para dar mejor perspectiva a tus espectadores. A lo que me refiero con esto es, por ejemplo, un a se puede crear o asaltos de diferentes gráficos. Entonces, por ejemplo, se pueden mostrar gráficos de usuarios femeninos versus usuarios masculinos. ¿ Cuántas horas pasaron las pruebas? Encontrarás que la opción uno era mejor que la opción dos, por ejemplo. Y puedes mostrar todas estas cosas junto a tu texto en forma de imágenes, en forma de gráficos y gráficos, y en forma de iconos. que puedas combinar todos estos elementos para realmente ayudar a contar una historia sobre pruebas de
usuarios y Ababa sobre cómo resuelves todos estos problemas usando tus usuarios, quienes te ayudaron a probar tus conceptos para llegar al resultado y llegar a la idea terminada. Si nunca has hecho pruebas de usuario tempranamente te
recomendó empezar a hacerlo para empezar a aprenderlo, porque realmente te va a ayudar a mejorar el resultado de tu posible solución para el sitio web de AP dondequiera que estés haciendo. Pero las pruebas de usuario es solo eso. Es solo probar cuando la aplicación o sitio web está en vivo, ahí es cuando van a entrar los usuarios reales. Por lo que esta prueba realmente te ayuda a entender antes
de lanzarte sobre cómo van a interactuar tus usuarios con tu diseño. Tenemos desenlace diseñado, ¿verdad? Acerca del tiempo que tardó, cuántas horas pasaste iteraciones por las que pasaste y así sucesivamente. Aquí es donde tus textos únicos, al
menos porque el diseño va a hacer toda la charla, pero incluye alguna información importante e hitos de tu proyecto. A lo que me refiero con esto es, por ejemplo, proyecto me llevó seis meses completar. En estos seis meses habíamos hecho, por ejemplo, se hicieron
20 pruebas de usuario diferentes, 40 wireframes diferentes. Tenemos 100 personas diferentes wireframes. Bebía, no sé, 200 tazas de café y cosas así. Así que asegúrate de incluir todos estos detalles porque van a caer ayudarte a vender la historia a un futuro empleador y a un futuro usuario. Se pueden incluir las horas de prueba y número de escritorios realizados, como dije, para llegar a este diseño así como algunos Dodds de cierre y compañeros de equipo te ayudarán con este proyecto si hubiera alguno. Entonces si tuviste algún compañero de equipo trabajando contigo en este proyecto en particular, asegúrate de mencionarlos. Si no quieren mostrar sus imágenes. Una vez más, estamos volviendo a ese asunto de la NDA y toda la privacidad. Después simplemente mencionaron sus nombres y siempre se puede dejar sus perfiles de balizas. Puedes dejar los perfiles de regate, perfil de
LinkedIn, cosas así. Y si eres la parte clave de este equipo, por ejemplo, si eres fundador del equipo, si eres el CEO de tu propia empresa, por ejemplo, entonces asegúrate de mostrarte más prominente que todas estas otras personas. Porque las personas que te están contratando como agencia, por ejemplo, van a querer ver quién es el chico o chica principal en esta empresa. Por lo que van a querer ver quién está detrás de esta operación. Y si te pones una especie de encima de esta gente no como aquí, yo soy así y esta gente no es así conocida. Pero si esas personas están en esta mezcla para hacerte así, o simplemente es posicionarte por encima de ellas solo para mostrarte a tus futuros empleados. Sí, soy la persona que está dirigiendo este show y debes ponerte en contacto conmigo
para, por ejemplo, hablar de tu futuro proyecto. Entonces esta es solo mi estructura. Esta es la estructura que encontré trabajada a lo largo de los años, no solo para mí, sino para mucha gente de la industria, especialmente grandes marcas y grandes diseñadores. Por lo que una vez más, no todos los elementos de esta estructura van a funcionar todo el tiempo en cada proyecto. Pero la mayoría de estos elementos van a funcionar muy bien. Así que asegúrate de explorarlos y usarlos sabiamente. Porque una vez más, hay solo para ayudarte a contar una historia y solo para ayudarte a formar la opinión oral de tu proyecto o tu flujo de trabajo y fuera de ti mismo como diseñador, puede tu caso de estudio cuando tengas todos tus elementos estructurado de tal manera que los usuarios puedan seguir fácilmente.
5. Ejemplos de estudio de caso impresionante: En este video, voy a mostrar algunos ejemplos asombrosos de behance los cuales se encuentran en línea. Hay miles de ejemplos diferentes los fines de semana especialmente para que puedas navegar por ellos y también puedes ver algunos otros sitios web. Puedes mirar sitios web personales de dos creadores que admires. Para buscarlo. Hay estudios de caso y para entender cómo los están haciendo y asegurarse de
entender que ni un solo caso de estudio es el mismo que los otros estudios de caso, ni siquiera por el mismo diseñador. Y debido a que cada estudio de caso individual cuenta una historia diferente, cuenta una parte diferente a ese proyecto final, y realmente muestra un diseño diferente. Algunos, aquí son sólo algunos de los más recientes que encontré. Pero por supuesto puedes saltar aquí mismo y buscar, por
ejemplo, el caso de estudio UX de la UI. Y va a escupir miles de estudios de casos diferentes. Y por supuesto puedes navegar por ellos y ver cómo se crean. Entonces lo que tenemos aquí mismo es este concepto de app para compartir autos, y esto es lo que mencioné en el video anterior. Asegúrate de incluir algún tipo de imagen de portada solo para que tus usuarios lo entiendan bien. Y por supuesto puedes saltar a aquí destacado en tu UX y luego te van a mostrar el mejor trabajo en Behance, que es impartido por el equipo Behance. Por lo que una vez más, concepto de app de autocompartir. Puedes ver que eres UX 2021, cualquier papel a la vez y quién lo diseñó y así sucesivamente. Entonces estamos empezando con la imagen de un auto y no voy a entrar en demasiados detalles sobre todos estos porque este video va a durar tres horas. Yo sólo voy a saltar entre ellos. Pero sólo asegúrate de prestar atención a todos estos elementos que mencionamos anteriormente en esta clase. Entonces el proyecto, ¿cuál fue el objetivo del proyecto? ¿ Flujo de usuario? Entonces cómo los usuarios van a caer a través de tu app, colores y fuentes. Por lo que no tienen ese sistema de diseño que mencioné. Tienen estos colores y fuentes, que también está bien. Simplemente estás mostrando a tus potenciales empleados Hub, lo creaste. Tenemos pantallas prototipadas, por lo que saltaron directamente a wireframes en dispositivo. Lo que tenemos aquí mismo es un video de clase. Por lo que tenemos una pantalla de carga. Esto es lo que mencioné. Tenemos pantalla de inicio de sesión, por lo que toda la navegación justo aquí. Y se puede ver de inmediato que esto realmente se parece a una alambrada. Y creo que este es su producto terminado, pero por supuesto se puede hacer esto también en etapas wireframe. Y aquí tenemos producto terminado, como ves. Entonces este fue el alambrado después de todo. Entonces tenemos el producto terminado y tenemos estas maquetas en perspectiva lo que mencioné, tenemos estas maquetas de modo oscuro y tenemos tanques al final. Para que puedas vincular tu Instagram Dribble en Telegram o lo que quieras aquí mismo y tu propia página web personal. Y por supuesto, dale tu aprecio a estos diseñadores una vez que te desplace todo el camino hacia abajo. Y esto es lo que mencioné de ti mismo, tus compañeros de equipo, o de lo que quieras incluir al final. Por lo que puedes hacer eso en Behance, por
supuesto, en tu propia página web también. Tenemos tenedor, por lo que desarrollo de una aplicación alimentaria saludable. Y puedo enlazar todos estos en el PDF y de hecho lo haré. Por lo que puedes consultar el PDF que se adjunta a esta clase, y simplemente puedes hacer clic en estos enlaces para
acceder a estas presentaciones para que no tengas que navegar por ellos. Puedes ver por ti mismo de inmediato y luego simplemente puedes saltar a los perfiles de estos creadores. Y por supuesto se puede ver que hay muchos más en cada uno de su perfil. Entonces solo el atajo para ti ahí mismo. Entonces lo que tenemos una vez más son estos maquetas en perspectiva, qué se trata el proyecto, ¿cuáles son los objetivos? Por lo que se puede ver alcance de trabajo. ¿ Qué hizo exactamente este diseñador? ¿ Encontrar la solución óptima? Por lo que la investigación que le han hecho a la competencia. Entonces tenemos nuestro flujo justo aquí. Entonces de la idea a la creación de hipótesis a la creación de prototipos de investigación. Entonces ninguno de estos pasos es lo que
te importa como diseñador porque estos pasos van a cambiar de proyecto a proyecto. Entonces a veces vas a tener creación de hipótesis, a veces no lo eres. A veces vas a tener que hacer investigación. Otras veces los clientes han hecho investigación para ti, prototipado e investigación una vez más, sistema de diseño. Por lo que todos estos son lo que necesitas incluir. Una vez más, van a variar de proyecto a proyecto prototipado para la verificación de hipótesis. Entonces tenemos eso aquí mismo. Tenemos maquetas 3D aquí. Entonces solo un especiado aquí y allá arriba. Lo que mencioné anteriormente, no valor oral de los suyos. Tenemos el producto terminado aquí mismo con todos estos elementos
de fondo, imágenes de fondo. Para que se pueda ver el chapoteo de leche y todas estas plantas aquí mismo en la vanguardia, podemos ver a persona sosteniendo la maqueta. Por lo que todos estos elementos mencionados que mencioné anteriormente en lecciones anteriores. Tenemos estos maquetas 3D y todos estos elementos saltando afuera para mostrar que hay más elementos en estas páginas, tenemos imágenes correspondientes bien al texto. Por lo que puedes ver estadísticas y perfil embudo de ventas adicionales. Para que puedas ver todos estos detalles. Reembolso de efectivo hasta 20 por ciento. Entonces todos estos pequeños detalles es lo que ayuda a vender una historia a los espectadores potenciales. Una vez más, haga clic en aprecio porque realmente lo apreciamos. Tenemos un estudio. Por lo que el diseño web y el desarrollo web página de aterrizaje. Y se puede ver a estos dos diseñadores. Entonces esto es lo que mencioné. Si estás en un estudio, puedes tener múltiples propietarios en tu página de Behance. Por lo que se construyó sitio web usando tilda y modificación de código, análisis de competencia. Y podemos ver esta bonita estructura. Por lo que beneficios de introducción, servicios de trabajo, trabajo en curso. Acerca de Nosotros. Entonces todos estos, tenemos tipografía aquí mismo. Voy a desplazarme un poco más rápido porque puedes ver cuánto tiempo es este sitio web. Tenemos esta animación de aspecto impresionante. Y yo diría de estos maquetas es que son realmente gran idea porque no lo hacen. La edad es sólo una pantalla básica. No es mostrar parte específica y esto es lo que veo todo el tiempo. Tú, diseñadores estás usando iPhones, que son generaciones mayores. Eso también lo hice por mis productos. Y eso lo vas a ver en un video futuro. Pero asegúrate de que si estás usando estas maquetas para usar maquetas que son sin rostro, básicamente, no puedes decir qué dispositivo es este, qué tamaño es este. Y siempre va a mantenerse en tendencia básicamente, porque no va a mostrar los elementos de un determinado dispositivo. Si nos desplazamos todo el camino hacia abajo, se pueden
ver más ejemplos. puede ver cómo se ve en un teléfono y en un escritorio. Versiones en inglés y ruso, podemos ver la cuadrícula justo aquí, que por supuesto es importante animación de desplazamiento, que es fantástica. Se pueden ver estos elementos saltando fuera de las tabletas iniciales mostrando también la página. Y gracias por mirar. Por lo que aquí tienes aprecio. Tenemos el sitio web actual del distribuidor, que se muestra en, destacado en XD y futuro en UI UX. Por lo que una vez más, asegúrate de comprobar eso y puedes ver a múltiples propietarios. Entonces tenemos a cuatro personas aquí mismo. Así sitio web del acuerdo actual para Mercedes Benz Ucrania resumen. Por lo que querían crear un sitio web nuevo, más eficiente para reemplazar a los antiguos. Tan excelente breve y mostrar el problema de URL que tienen. El sitio web anterior estaba basado y plantilla oficial Benz y resultaba en baja usabilidad, malas tasas de conversión, y falta de función necesaria. Entonces este es el problema que sales enseguida en la parte superior. Entonces por eso digo que no pierdas demasiado tiempo, simplemente llegues al grano. Por qué rediseñar el antiguo sitio web. Entonces este es el problema que resolvieron metas del proyecto. Para que puedas seguir adelante y una vez más, voy a dejar los enlaces en el PDF para que puedas leer todo sobre estos detalles. Podemos ver bonitas imágenes experimentar lo que es sentarse al volante. Entonces estos son los problemas que resolvieron. Entonces, ¿cuándo queremos programar una prueba de manejo, por ejemplo? Simplemente camina o conduce lo fácil que es reservarlo en tu teléfono. Una vez más, imágenes para elogiar lo que estás hablando. Fácil configuración de prueba de manejo para que puedas ver su herramienta de marketing, personas
más jóvenes en este caso. Entonces busca filtra cómo resolvieron eso. Y podemos desplazarnos
un poco más hacia abajo API de Pagos Automáticos a lo largo de algún préstamo directamente a los clientes. Se puede ver esta bonita animación de todas estas diferentes pantallas. Entonces desde el catálogo PDF hasta la tienda en línea, este es el problema también porque la mayoría de estos, sobre todo los fabricantes de autos heredados, por lo que todos los fabricantes de autos, te
están enviando un catálogo PDF y luego tienes para hacer clic en los enlaces de un PDF Kellogg's para llegar a la tienda en línea, lo cual es un ridículo en el día y la edad de hoy. Simplemente lanza una tienda en línea en primer lugar. Pero te sorprenderías de cuántas de estas empresas mayores siguen haciendo esto. Por lo que las características y funciones de control completo. Se puede ver la cuadrícula de inmediato. Detalles como márgenes, canaletas, columnas, etcétera, fuentes y colores. Tenemos esta bonita presentación aquí mismo, que está en la marca, que es lo que mencioné anteriormente. Aquí no se ve el color amarillo, por ejemplo, porque el amarillo no se ve en ninguna parte en las fuentes y colores originales, por ejemplo. Entonces no lo uses aquí también. Apreciar. Y por último, tenemos este Medicare y está destacado en UI UX. Por lo que el integrador más grande de soluciones digitales en Moscú. Entonces podemos ver aquí mismo, colores. Utilizaron es un minorista del Reino Unido que especialistas en maternidad en productos generales para niños menores de ocho años. Eso es todo. No tienes que entrar en demasiados detalles sobre lo que hacen. Si las personas realmente quieren aprender sobre lo que
hacen, pueden hacer clic en el enlace y acceder también a la empresa. Por lo que tenemos tienda online, cómo se ve en todo el negocio global, Hay más de 100 tienda es conocida por el territorio que es genial. Por lo que app y aluminio como los pequeños fragmentos de texto, diseño de la aplicación se hace en el estilo ligero y moderno, lo
que realmente muestra, muestra a los líderes del proyecto y a nuestro director de inmediato. Pero alguien que está buscando, que probablemente esté en este nicho, no va a saber cuál es el estilo moderno y ligero que al igual que el look general, pero no saben qué estilo es ese. Y esto realmente les ayuda si te contactan para un proyecto como este, pueden hacer referencia a este texto. Por ejemplo, realmente quiero que creas esta app para mí en un estilo moderno aligerado como lo hiciste para esta marca. Por lo que realmente ayuda contar una historia a tus usuarios y realmente ayuda con la conversación más adelante. Por lo que aquí tenemos iconos. A lo mejor alguien no va a saber que estas no son ilustraciones. Estos son iconos en 3D. Por lo que es realmente fácil de leer y entender. Tenemos segunda pantalla web, mucho aire y una estructura de página clara. Una vez más, el texto ayuda a vender una historia y estos elementos de fondo como este color aquí mismo y estos números aquí mismo realmente ayudaron a contar una historia también. Me gustan mucho estos textos, fragmentos, creo que hacer un trabajo realmente bonito. Versión tan oscura con el fondo oscuro, con las maquetas oscuras en su interior, se
puede ver este espaciado lo bien que lo hace. Entonces creo que esto es algo así como 300 píxeles o algo así, tal vez incluso un poco más en el espaciado. Y puedes buscar espaciado de asistencia a lo largo de todos estos detalles de fondo, prestar atención a los colores o los colores que utilizan son a lo largo de la presentación. Realmente no hay colores forasteros. Se puede ver esto saliendo fuera de la maqueta. Una vez más, esto realmente elogia, bueno de lo que estás hablando. A realmente como estos colores. Me gusta mucho cómo cuentan una historia y cómo están conectadas las pantallas. Entonces tal vez estamos empezando desde aquí, después vamos a escuchar, luego vamos a escuchar desde ahí, nos estamos mudando a aquí. Por lo que realmente me gusta este equipo de proyecto de estilo tutorial. Esto es lo que mencioné. Para que puedas tenerte como líder de proyecto justo aquí en la parte superior de la cabeza de u y x. Y luego puedes enumerar a todos tus compañeros de equipo abajo abajo. Si estás una vez más en característica clave y miembro clave de este equipo aquí para apreciar. Y se puede ver el mayor integrador de soluciones digitales, Moscú, que es genial para nuestro tagline, para su empresa. Por lo que una vez más, estos son solo algunos de mis ejemplos los cuales se encuentran hace poco. Pero como mencioné, hay millones de ejemplos diferentes en porque sobre todo, y una vez más, me gusta mucho ser manos para estudios de caso porque realmente te ayuda a entender todos estos detalles que mencionamos a lo largo de este clase. Y ojalá hayas visto en estos ejemplos, una vez más, ejemplos que se muestran aquí mismo se van a vincular en el PDF. Por lo que simplemente puedes hacer clic en estos enlaces en un PDF y acceder a ellos manera fácil y sencilla caminó una vez más conmigo con este video sobre lo que mencionamos en esta clase para
realmente ayudarte a entender todos estos elementos que tú necesidad de incluir. Una vez más, asegúrate de entender. Una vez más, el enorme estudio de caso es diferente. Cada proyecto es diferente, así que no todos los proyectos, y espero que hayan visto en este video, todos
estos son estudios clave, pero todos ellos son teorías completamente diferentes, elementos diferentes. Hay diferente espaciado para usar, diferente basando estos diferentes colores y fuentes e iconografía y cosas por el estilo. Por lo que una vez más, todos usan especie de una misma estructura o los elementos que han mencionado, pero no todos siguen exactamente la misma estructura. Ellos lo hacen de diferentes maneras, pero ayudan a contar una historia que es el objetivo final aquí mismo, es ayudar a tus usuarios y a tus espectadores a entender cuál fue tu papel en este proyecto y cuáles son algunos pasos que diste para llegar al resultado final.
6. Redacción de contenido: Cuando estés escribiendo el texto para incluir en tus casos prácticos, asegúrate de escribir en un idioma que tus usuarios van a entender. Una vez más, estamos volviendo a lo que dije al inicio de esta clase. No uses el lenguaje que es demasiado complicado, que no habla con tu público objetivo. Asegúrate de hablar con ellos como con un amigo. Si ese es el tono al que quieres ir. Si eso es un tono más corporativo en tono más serio, eso está bien. Pero si esos son tus usuarios, si tus usuarios van a entender lo que estás diciendo en el lenguaje muy básico, si eso es realmente casual o profesional realmente no importa. Lo que importa al final es que entiendan lo que estás tratando de decirles. Entonces si te llevo de vuelta realmente rápido a este ejemplo que mencioné en el video anterior. Para que se pueda ver este texto. Por lo que configurando recomendación personalizada para entregar las mejores ofertas de productos. Como puedes ver, no mencionan aquí mismo. Entonces por ejemplo, uso dx, dy to, no sé, creo dos pilas para asegurarme de que el botón correcto sea mendigo y simplemente entrar en demasiados complicados detalles innecesarios. Lo que dijeron es establecer recomendación personal para entregar las mejores ofertas de productos. Entonces, cuando estás creando tu texto, los hombres deben prestar atención a detalles como esos. Asegúrese de ser corto, conciso, llegar al grano y simplemente hacer que su diseño haga la plática. Ese es el punto completo del caso de los diseñadores es mostrar tu diseño, no mostrar tus habilidades de escritura o mostrar tus habilidades de presentación, que van a venir a través de los años de trabajo. Por lo que no vas a poder crear presentaciones tan alto nivel como estas rectas al principio, pero un tiempo más de práctica nuestros proyectos, vas a ser mejor en ello. Y luego vas a llegar al nivel
de estas presentaciones que te mostré anteriormente, por ejemplo, un nivel aún más alto. Una vez más, al final de este video, asegúrate de mantenerlo conciso. Asegúrate de hablar en un idioma que tus usuarios y tus revisores van a entender. Así que asegúrate de apuntar y de hablar con los televidentes y usuarios que van a entender y que son tu público objetivo porque estás tratando de que te contraten y estás tratando de presumir ante tus colegas de diseño, quien es tu público objetivo y luego hablar en ese idioma.
7. Consejos de presentación: En esta lección, te voy a dar algunos consejos de presentación dependiendo de lo que estés presentando. Entonces saltemos de inmediato. Este es uno de nuestros productos. Se llama wireframes o diagramas de flujo, y lo puedes encontrar en el donante web dotnet. Voy a dejar el enlace en el PDF y se puede acceder a él. Y por supuesto puedes conseguir todos mis cursos, todos mis productos digitales en mi membresía. Voy a dejar el enlace a eso también si te interesa. Para que puedas hacer clic en su articulación y luego obtener acceso a cada cosa que creé jamás. Entonces aquí tenemos maravilloso para los gráficos, que es solo uno de nuestros productos. Y se me quiere mostrar esto porque es un poco diferente a tu caso de estudio clásico. Este es el estudio clave sin embargo, pero es un estudio de caso para un producto digital. Entonces lo hace la historia diferente. Realmente no muestra todos esos detalles. Entonces tenemos 200 pantallas a un 100 elementos a papeles, y tenemos versiones claras y oscuras. Entonces tienes unos pequeños fragmentos de texto justo aquí, pero estoy tratando de mostrar aquí mismo, así que como las versiones claras y oscuras. Y estoy mostrando esto aquí mismo, así que sólo estoy tratando de vender el producto en general también. Entonces si nos desplazamos por aquí, puedes ver el botón Comprar ahora justo aquí, para que puedas comprar de inmediato. Pero estoy tratando de vender la historia oral del producto en sí. Tan claras y oscuras versiones, si nos desplazamos hacia abajo, tenemos componentes adaptativos. Componentes que son inter, interactuar entre sí y cambiar de lugar, elementos
cambiantes son lo que se incluye. Estoy tratando de mostrar que hay 400 componentes en web y móvil en formatos de archivo 3D. Por lo que Photoshop, Sketch en XD, sé componentes tan perfectos , capas
súper organizadas, fuentes de Google gratuitas a diseños de papel, video tutorial incluido para ayudarte a empezar. Entonces solo éste nos ayudó a vender decenas de copias de este producto porque muchos de los diseñadores principiantes realmente no saben para qué es esto. No sé realmente qué usarlo para las compras. Y cuando vieron el video tutorial
, simplemente están volados. Recibí muchos movimientos diferentes a lo largo de los años sobre cómo el video a esos realmente ayudan a mis compradores a entender cómo usar mis productos. Mejora tu proyecto UX. Entonces es por eso que vas a usar estos diagramas de flujo. Al crear diagramas de flujo y planificar con anticipación, puede ahorrar mucho tiempo las etapas posteriores del tablero de proyectos para usted y sus clientes, que reducir el tiempo que usaría para wireframes y litro para usted. Entonces explica para qué es el proyecto, para
qué es el producto de inmediato. Y realmente ayuda a vender historia porque se puede ver todos estos diferentes elementos combinados juntos,
haciendo de estas pantallas una especie de por lo que realmente ayuda a los usuarios a entender cómo pueden posiblemente utilizar este producto si la compra se organizó estructuras de capas. Entonces estoy compartiendo todas estas capturas de pantalla aquí mismo. Y si no ves esto correctamente, puedo acercarme mucho más. Para que puedas ver Photoshop, puedes ver boceto, y puedes ver XD aquí mismo. Y se puede ver esta estructura de archivos organizada. Por lo que diagramas de flujo de cualquier complejidad. Para que puedas combinar y conectar todos estos diagramas de flujo de diferentes maneras. Listo para imprimir. Entonces solo estoy mostrando un tamaño de carta de Estados Unidos e impresión A4 lista para que puedas imprimir estos cuatro gráficos si necesitas mostrarlos en persona a tus clientes o a tus compañeros de equipo. Variaciones ilimitadas. Entonces solo estoy mostrando manojo de diferentes variaciones justo aquí, para que puedas combinarlas como quieras. Y luego estoy mostrando este icono de una laptop y estoy mostrando Elementos Web,
luz, que son estos elementos de luz a un 100 elementos de luz para un flowcharts de un sitio web. Y empiezo con la categoría de Heather. Para que puedas ver cómo el texto realmente está ayudando a celular la historia oral y el producto en este caso, al combinarlo con imágenes. Entonces esto es lo que estaba diciendo. No estoy diciendo una web elementos como así por ejemplo, no
estoy diciendo aquí todos tienen fondo
blanco para ayudar a tus elementos a sobresalir de la multitud. Porque va a ayudar a tus usuarios con discapacidad visual a entenderlos mejor. No estoy viendo nada de ello para elementos web,
como 200 elementos de luz para un diagrama de flujo de página web. que los usuarios puedan entender esto no es para un móvil, esto es para nuestro sitio web, ok, y encabezados de categoría cuatro, puedes ver contenido, deslizadores, portafolio de
futuros, así sucesivamente, Solver. Y si nos desplazamos aún más hacia abajo, tenemos elementos móviles como ese. Los usuarios pueden entonces decir, acuerdo, así que esto también es para móviles. Impresionante. Entonces tengo 200 aquí a un 100 darum, genial. Por lo que tenemos categorías de inicio de sesión a través y así sucesivamente. Y luego cuando se desplazan todo el camino hasta aquí. Como se puede ver, la presentación es extremadamente larga porque hay decenas de elementos diferentes. Elementos Web oscuros, tan bien, así que puedo combinar claro y oscuro, o puedo usar claro u oscuro de inmediato. Impresionante. Por lo que no tengo que perder tiempo creando estos elementos claros u oscuros después. ¿ Cuál es el punto completo de esta presentación en primer lugar? Es un poco más lento cargar porque es enorme. Se puede ver cuánto tiempo emparejar mi desplazamiento y esto es lo que estaba tratando de decirte en las lecciones previas. Imprime tus diagramas de flujo web y muéstralos a tu equipo o clientes y trabaja el diseño con ellos. Y se puede ver esta naranja aquí mismo de dos diagramas de flujo. Se están tomando notas impresas. La colaboración está sucediendo aquí mismo, o puedes imprimir tus diagramas de flujo móviles y mostrarlos a un equipo o los clientes se resuelven el diseño con ellos. Entonces aquí tenemos teléfono móvil, tenemos lo mismo, tenemos la banda, tenemos todos estos detalles. Y seguí adelante y cerré estas imágenes. En primer lugar, combiné mis diagramas de flujo, los
imprimí. Me tomé el tiempo para hacer algunos de estos cambios, para hacer algunos de estos bocetos. Y luego me tomé el tiempo para arreglar todos estos elementos y para tomar una foto porque esto realmente ayuda a contar una historia a mis usuarios y potenciales compradores de este producto. Porque realmente les ayuda a entender un poco mejor en cuanto a cómo pueden usarlos. Entonces, para acercar todo el camino, puedes ver en GIS hacia abajo, desliza hacia arriba. Se puede ver no, así que no cotice aquí. Y se pueden ver todos estos elementos en ambos diagramas de flujo. Y finalmente, al final, lo que quería mostrarles es esto. Así que desplácese hacia abajo solo un poco aquí. May read Amor por donante web para ayudarte a crear diseños dulces. Entonces sólo un poco de tagline abajo en la parte inferior. Y en mi página web, se
puede ver que sus múltiples productos diferentes de la misma categoría y se puede hacer click ver más productos para consultar todos estos otros productos de la misma categoría o diferentes categorías. Pero si empiezo mi desplazamiento rápido, se
puede ver cuánto tiempo va a tardar esto en llegar a la cima. Por lo que es extremadamente largo y no se carga en tiempo real, pero se puede obtener la imagen. Dejaré el enlace en el PDF, como se dice, para acceder a este producto, solo para explorarlo, para ver esta presentación. Pero este es el caso de estudio. No obstante, el caso de estudio puede ser venderte como diseñador, vender tu servicio, o vender tu producto. Este es el caso de estudio en este caso, y por supuesto lo he hecho para todos nuestros productos. Entonces va a ser un poco diferente de producto a producto dependiendo de lo grande que sea, lo que haga, cuál es su público objetivo y cosas así. Pero todo el punto de este video es ayudarte a entender que el estudio de caso realmente está ahí para ayudarte a vender algo. Ya sea que seas tú mismo como diseñador, para que alguien más te contrate, si ese es un producto como en este caso, si ese es un servicio que estás brindando como diseño de sitios web, diseño aplicaciones y cosas como eso. Siempre asegúrate de hablar con tus usuarios, hablar con tus espectadores, y de ayudarles realmente a entender de qué se trata. Por lo que su caso de estudio, como mencioné varias veces, puede ser sobre servicio, sobre producto o usted mismo. Por lo que te estás vendiendo como diseñador que está trayendo este paquete. Así que asegúrate de estar sobre eso. Asegúrate de contar una historia y asegúrate de ser lo más fácil posible de entender. Porque no todos, nuestros diseñadores, no todos son expertos y no todos los clientes son iguales. Algunos clientes van a entender. Sí. Está bien. Sé lo que es Adobe XD, por ejemplo, lo que nuestras pilas, capas de
agua, pero otros clientes no van a saber nada al respecto. La mayoría de los vinos por ahí ni siquiera poseen una computadora, lo creas o no. Por lo que están haciendo todo su trabajo en su teléfono o en su tableta. Por lo que la aplicación de escritorio, que solo
está disponible en computadora de escritorio, no les va a sonar familiar porque no tienen una computadora de escritorio en absoluto. Así que solo asegúrate de prestar atención a todas estas cosas en tu caso práctico se van a convertir como locos.
8. Proyecto de clase: Tu proyecto de clase para esta clase es crear una estructura de caso de estudio de un poco como tú para usar solo cualquier pedazo de papel, cualquier tipo de bolígrafo o lápiz, y simplemente crear tu propia estructura de tu proyecto ideal que tienes en tu orden de cabeza en la que estás trabajando actualmente, esto te va a ayudar a largo plazo porque entre más de estos lo hagas, más vas a entender la estructura del estudio de caso y la mejor forma posible de ayudarte a contar una historia de este producto o servicio en particular. Así que asegúrate de hacer eso en un trozo de papel y
asegúrate de subirlo a tus proyectos de clase porque no puede esperar a ver lo que ustedes pueden crear y tal vez proporcionar algunos comentarios sobre tu estructura general. Así que asegúrate de seguir la clase una vez más y asegúrate de usar estos consejos aquí y allá para llegar a tu propia estructura ideal de estudio de caso.
9. Conclusión y recursos: Entonces ahí vamos. Hemos llegado al final de esta clase. Espero de verdad que te haya parecido útil y realmente espero que lo hayas encontrado útil. Y sólo recuerda, esto no es una especie de atajo que va a crear una estructura perfecta de estudio de caso. Y te vas a estar ahogando en ofertas de clientes y algún empate que esto es solo para ayudarte a entender los conceptos básicos de básicamente
vender, venderte, vender tus servicios, vender tus productos. Y para ayudarte a contarnos mejor historia porque los estudios de casos no son nada. Si no son todas historias, estás contando la historia del desarrollo de este proyecto desde la idea inicial y que el cliente tenía en su cabeza hasta el resultado final y el resultado de este proyecto, que es el terminó el diseño de la interfaz de usuario y en algunos casos, incluso publicó diseño de la interfaz de usuario Entonces es en vivo, ya sea un sitio web o una aplicación móvil. Recuerda que hay un PDF, puedes descargarlo y puedes acceder a todos los distintos los cuales mencioné en esta clase. Simplemente haz click en ellos y te va a llevar ahí directamente para que
no tengas que perder tiempo navegando por todos estos. Y sólo recuerden, esto va a llevar tiempo, así que sólo practiquelo. Si no tienes un proyecto en el que estás trabajando actualmente, o si no tienes tus proyectos anteriores, entonces simplemente crea tu proyecto imaginario. Pero seguir estas reglas, seguir estas estructuras, seguir esta comprensión del estudio de caso en sí. Y te va a ayudar a bajar en tu estilo de presentación, en tu estilo narrativo, en tu estilo de escritura, realmente te va a ayudar cuando practiques creando estos casos prácticos. Entonces, una vez más, eso es todo para esta clase. De verdad espero que lo hayas disfrutado. Asegúrate de echar un vistazo a mis otras clases. Gracias por mirar y hasta la próxima vez. Cuídate.
Aleksandar Cucukovic, Improving lives, one pixel at a time.
