sitio web para encontrar y visualizar tutoriales de diseño
Fernando Ortiz
Fernando Ortiz
Diseñar un sitio web para encontrar y visualizar tutoriales de diseño
Duración: 4 semanas
Los consumidores de tutoriales de Diseño Gráfico necesitan acceso fácil y rápido a un solo lugar en donde puedan ver este tipo de contenido.
Lograr que los usuarios tengan un solo lugar cómodo y accesible en donde poder ver una gran cantidad de tutoriales de Diseño Gráfico.
Investigador UX, diseñador UI, diseñador de interacción etc.
Realización de entrevistas, en papel y digitales, wireframing, creación de prototipos de baja y alta fidelidad, realizar estudios de usabilidad, contabilizar accesibilidad, iteración de diseños, determinación de la arquitectura de la información y capacidad de respuesta.
La investigación reveló que los usuarios que consumen tutoriales a menudo se sienten abrumados y confundidos por la cantidad de plataformas disponibles. Esto se debe a que guardan contenido para consultarlo más tarde y luego olvidan en qué aplicación estaba, perdiendo así el acceso al material. Otro problema identificado es que los usuarios a menudo buscan contenido específico pero no saben de qué manera encontrarlo además de que prefieren los videos de corta duración por que son más prácticos y tienen más opciones.
Los usuarios experimentan confusión con tantas plataformas que existen para visualizar el contenido.
Los usuarios muchas veces tienen problemas con el tiempo con el que disponen para encontrar y visualizar el contenido de su preferencia.
Los usuarios experimentan frustración y decepción al no poder filtrar y encontrar fácilmente el contenido de su preferencia.
Muchas apps no cuentan con tecnología de preguntas y asistencia.
Persona 1: Carlos
Planteamiento del problema:
Carlos es un diseñador gráfico apasionado que trabaja en una agencia de publicidad. A menudo se encuentra con la necesidad de aprender nuevas técnicas y tendencias en diseño para mantenerse al día con la industria. Le gustaría tener una plataforma que pudiera personalizar los tutoriales basándose en sus habilidades y necesidades actuales.
Carlos se siente satisfecho, contento y tranquilo después de encontrar el tutorial que quería ver de manera fácil y rápida
Dedicar tiempo a redactar iteraciones de cada pantalla de la aplicación en borrador garantizó que los elementos que se incorporaran a los esquemas digitales fueran adecuados para abordar los puntos débiles de los usuarios.
A partir de los wireframes digitales creé un prototipo de baja fidelidad. El flujo de usuario principal que conecté fue elegir y personalizar el diseño
Adobe XD pass* DelaAalaZ0
Tipo de estudio:
Estudio de usabilidad no moderado
Ubicación:
Madrid, remota
Participantes:
5 participantes
Duración:
20-30 minutos
Estos fueron los principales hallazgos arrojados por el estudio de usabilidad:3
Algunos usuarios no saben cómo empezar a usar la aplicación.
Agregar un retorno más visible a la página de inicio desde el perfil.
Algunos usuarios se sienten frustrados al buscar sus personalizaciones.
Al utilizar imágenes y videos acerca de los posibles tutoriales y designar un color hace que la experiencia de usuario mejore notablemente. También se añade iconografía en los videos originales de la plataforma para que se distingan más fácilmente.
https://xd.adobe.com/view/6f21193d-43d2-42c8-adf7-7213270f0ae6-3a72/?fullscreen
Botones grandes y fáciles de tocar, y una estructura de navegación lógica. Además, el contraste de color para aquellos con discapacidades visuales.
Los íconos e imágenes para mejorar la experiencia del usuario, también proporcionar texto alternativo para aquellos que no pueden ver o interpretar las imágenes.
Iconografía que acompaña el texto y varias funciones.
Impacto:
El modelo de este sitio web es ideal para todos los consumidores de tutoriales y contenido audiovisual relacionado al Diseño gráfico, que tengan el deseo de poder encontrar todo en un solo lugar
Lo que aprendí:
Este proyecto me ayudó mucho a aprender acerca de los diseños adaptables para distintos dispositivos y a mejorar considerablemente
mis conocimientos en figma y adobe xd. Los estudios de usabilidad y los comentarios de los compañeros influyeron en cada iteración de los diseños de la aplicación.
Próximos pasos
3
Seguir trabajando en este proyecto y completar los diseños para tabletas..
Mejorar mis conocimientos en Adobe XD, especialmente a la hora de hacer prototipos para hacerlo más interactivo.
Aprender más sobre diseño de interacción y diseño ui, así como repasar y mejorar lo que se sobre los estudios de usabilidad.
¡Gracias por tu tiempo revisando mi trabajo de diseñar un sitio web para encontrar y visualizar tutoriales de diseño! Si te gustaría ver más o ponerte en contacto, mi información de contacto se proporciona a continuación.
Email: fernandogestionalmacen@gmail.com
Website: FmosDesign