Cómo crear un portafolio para el diseño de UX

1. Introducción: En el video de hoy, te voy a presentar una herramienta súper impresionante llamada carbamato que puedes usar para crear tu portafolio como diseñador desde cero, es fácil de usar, no requiere recubrimiento, un increíble conjunto de plantillas que puedes elegir e integrar fácilmente con las redes sociales sin perder más tiempo. Vamos a entrar en el video de hoy. Ahora un poco más sobre el carbamato. Carbamate es la forma más fácil y rápida crear tu portafolio. Hay tantas razones para usar carbamatos, como los diseños ilimitados, subidas ilimitadas y los diseños fácilmente personalizables. Tiene otras características realmente geniales como galerías ilimitadas. Add es perfecto para videos. Por supuesto, no necesitas ninguna habilidad de codificación y ya es responsive. 4. Una introducción a la aplicación: Así que comencemos En primer lugar creando una cuenta, puedes obtener carbamato gratis durante un mes usando este enlace, basado en carbono dot com slash Sharon dash. Entonces vamos a crear nuestras cuentas. Por lo que después de poner en su correo electrónico, puede poner en su nombre. Y por supuesto puedes elegir entre las sugerencias qué rol tienes, por supuesto tener un diseñador de UX. Entonces me voy a ir con eso. Realmente me encantó esta animación. Es tan genial. Y así, antes que nada, tenemos algunas plantillas de inicio geniales entre las que podemos elegir. Y sólo voy a empezar con esto cuando haga clic en Personalizar. Entonces por supuesto tenemos un recorrido realmente rápido para que empecemos. Echemos un vistazo a su alrededor. Entonces así es como se ve la interfaz cuando inicias sesión por primera vez. Entonces comencemos mirando la interfaz. Por lo que aquí puedes echar un vistazo a tus proyectos en este momento no tenemos ninguno. Aquí podrás editar el diseño de tu portafolio. Así que mirando el logotipo, el título, la navegación del sitio, y los estilos globales. Aquí puedes ver tus analíticas, cuántas personas están visitando tu sitio web, qué son, qué dispositivos usan y demás. Y aquí por supuesto tenemos ayuda y algunos ajustes. Y luego de este lado, podemos echar un vistazo a algo llamado bloques. Y estos bloques son esencialmente algo así como pedacitos de una plantilla que puedes usar para realmente acelerar el proceso. Entonces aquí por supuesto, tenemos nuestra visión principal del portafolio y cómo se ve. En la parte superior, podemos ver la opción de reordenar algunos de estos bloques y componentes. También tenemos la opción de previsualizar cómo se ve en el móvil, y luego por supuesto ir en vivo. Así que vamos a jugar y editar algunos de estos sólo un poco. Entonces tenemos la sección superior aquí que sólo dice diseñador de UX. Soy diseñadora de experiencias de usuario. Entonces tal vez podamos cambiar un poco el texto. Entonces solo voy a dar clic en el engranaje y ver qué opciones tengo para editar este bloque en particular. A lo mejor podemos cambiar parte de la información lo que dice, y tal vez simplemente modificarla un poco para poder ocultar el encabezado si quiero. Puedo optar por usar solo el subtítulo y también puedo quitar el divisor. Entonces creo que voy a ocultar el encabezamiento principal y usar solo el subtítulo. Y podemos editar nuestros textos directamente aquí. Por lo que ahora vamos a crear nuestro primer proyecto. Entonces podemos hacer esto diciendo en proyectos aquí. Y sí tengo un archivo aquí donde saqué algunos proyectos de cartera anterior mía que voy a utilizar para poblar esto. 5. Creación de nuestro primer proyecto: Entonces comencemos sumando proyectos. Ahora digamos que el nombre de este proyecto es flujo de cancelación. Entonces también podemos subir una miniatura. Entonces, elijamos rápidamente uno. Ahora echémosle un vistazo hasta ahora. Se ve bien. También podemos personalizar este bloque y ajustar los diferentes ajustes como nos gustaría. Entonces ahora que ya hemos hecho esa parte, entremos y en realidad agreguemos algunos contenidos aquí. Para que podamos empezar eligiendo algunos de los bloques que creemos que serían los mejores. Y quiero empezar por tener una imagen en la parte superior. Entonces voy a subir la imagen que me gustaría. Voy a sacar esta descripción. No parece tan necesario. Y luego agreguemos aquí un título. Entonces quiero empezar con como una introducción a los proyectos. que podamos hablar un poco, dar un poco más de contexto sobre de qué se trata el proyecto. Entonces sólo vamos a llamar a esta parte introducción. Yo sí quiero formatear un poco este texto. Voy a cambiar esto para que funcione suena también. Y me voy a esconder, ir a los ajustes aquí para este bloque en particular y ocultar el subtítulo. Así que tal vez sólo para agregar un poco más contextos, voy a duplicar este bloque. Y entonces podemos ir aquí a reordenar y después mover esto a la parte superior. A ver cómo se ve eso. Y vamos a agregar en el nombre de los proyectos, que es flujo de cancelación. Entonces aquí vamos a tener como la introducción. Ahora para esto, para nuestros bloques de textos, encontré esta manera realmente genial de agregar en textos que tiene un título en el lado izquierdo, así como los contenidos de la derecha. Entonces voy a llenar esto con la información de los proyectos que va a incluir la primera parte, que es la visión general de la meta, mi rol, así como las herramientas utilizadas. Por lo que sólo voy a sumar esos en muy rápido. Entonces en realidad decidí dejar fuera estas herramientas utilizadas. No porque haya algo malo en esta sección, pero simplemente cambié de opinión. Entonces arriba a continuación vamos a agregar en otra sección, que es para el proceso de diseño. Y así sólo voy a duplicar este rubro aquí. Empiezo a sentir que es un poco grande, así que voy a reducirlo un poquito. Y es el textil global y la edición está sobre nosotros. Por lo que también va a reducir el tamaño de éste también. Así que sólo va a clonar este bloque aquí, entrar en el modo de reordenar, y luego mover este todo el camino a la parte inferior, y luego hacemos clic en Hecho, luego desplazarse a la parte inferior y ahí está. Entonces este es el proceso de diseño. Vamos a entrar en él y luego agregar algunas más de estas secciones. Así que sólo voy a duplicar este y volver al modo de reordenar, desplácese hacia abajo y luego llevar esto al fondo y continuar. Entonces lo primero que hicimos aquí fue definir la visión del producto. Así que voy a entrar aquí y luego, por supuesto, llenar esto con los pasos que dimos, que es definir la visión del producto, la investigación del producto, y la empatía, entrar en el diseño real, prototipado, así como hacer algunas pruebas de usabilidad. Entonces voy a añadir eso en muy rápido usando el mismo método que habíamos utilizado para los demás. Ahora bien, si no te has dado cuenta, me gusta mucho esta opción de mostrar tu texto y simplemente jugar con él así. Es súper fácil de usar y de entender realmente los textos. Entonces, hasta ahora, estoy disfrutando bastante de esto. Ahora echemos un vistazo a cómo se vería en el móvil. Y podemos ver lo realmente genial y escalable que todo lo está realmente amando hasta ahora. Ahora volvamos a la vista de escritorio y sigamos agregando en nuestros contenidos. Entonces en este punto, quiero agregar en algunas imágenes. Entonces voy a usar este bloque aquí, que es para imágenes, audios, o videos. Entonces sólo vamos a tirar eso. Voy a agregar en un cuadro de la arquitectura de la información que se hizo para estos proyectos en particular. Entonces esto se cargó con bastante facilidad. Y así sólo voy a añadir para los textos de descripción donde ya tenemos aquí. Luciendo genial hasta ahora. Entonces lo siguiente que queremos agregar son los wireframes. Podríamos decir diseño aquí. Aquí es donde el flujo. Y entonces probablemente lo siguiente que se hizo fue hacer wireframing. Sólo voy a sumar m, va a agregar esto también. Aquí podemos decir que estos son los wireframes. Después pasamos a algún wireframe básico. Entonces sólo vamos a agregar en esos textos y algunas de las imágenes que hay también. Entonces para las imágenes de los wireframes, hay bastantes de ellos, al menos dos o tres. Entonces vamos a tratar de usar una presentación de diapositivas en su lugar. Y luego vamos a elegir las imágenes que queremos usar. Por lo que ahora tenemos dos imágenes para estos wireframes. Y luego arriba a continuación, deberíamos tener las imágenes reales. Y para ello, podríamos decidir si nos gustaría usar una presentación de diapositivas o usar una galería. Entonces solo agreguemos este siguiente. Vamos a usar una galería, genial, porque se ven mucho más frescas. Entonces entremos y seleccionemos nuestras imágenes. Y ahí lo tenemos. Hemos agregado en nuestra pequeña galería. Y ahora vamos a tratar de ver si podemos agregar en algún contenido más. Quiero tirar una captura de pantalla que tuvimos aquí sobre cómo fue la prueba y cuáles fueron algunos de los comentarios. Ahí vamos. Entonces, por último, queremos agregar solo en la conclusión. Ahí lo tenemos. Hemos creado nuestro primer proyecto. Entonces voy a agregar en uno más proyectos y luego vamos a agregar en nuestra sección Acerca de. Por lo que he agregado en el segundo proyecto, y como pueden ver, todo se ve realmente genial. Vamos a previsualizarlo en el móvil. ¿ Qué tan guay es eso? Volvamos al escritorio. Y ahora quiero editar mi página about. Esto ya tiene alguna información aquí. Y así sólo voy a agregar algunas cosas básicas. Sólo voy a editar la información de este bloque. Voy a cambiar la imagen aquí. Por supuesto, puedes entrar y agregar tanto más contenido como quieras. Esto es solo para mostrarte lo increíble es esta herramienta en particular y todas las cosas para las que puedes usarla. Entonces echando un vistazo de nuevo, aquí tenemos nuestros proyectos y aquí tenemos nuestra página about. Y así, en menos de 30 minutos, hemos creado un portafolio usando carbamato. Gracias, tanto por verte y verte la próxima vez.