Rediseño - Nielsen Norman Group
by david_blj95 @david_blj95
- 494
- 4
- 2
Primero que todo, me gusto mucho el curso y debido a que le quise invertir un esfuerzo considerable al proyecto final, les comparto muy resumidamente mi proceso y el resultado final. Cualquier retro es bienvenida. Si disponen del tiempo, los invito a ver las interacciones del proyecto en mi canal de youtube porque lastimosamente no tengo la version paga y no les puedo compartir la versión en vivo para que la puedan ver por ustedes mismos. Los videos estarán al final de la publicación como unos enlaces.
En el proyecto final quería remodelar la página de Nielsen Norman Group. Empecé por definir el objetivo principal, o el 'ser', que para mi viene siendo así; enseñar, promover e investigar y difundir a todos los diseñadores y aprendices en el diseño de producto e interfaces de usuario, los conceptos nuevos y ya bien establecidos referentes al campo. Luego, acorde a dicha definición, quise asociar una serie de cualidades que se pudieran extrapolar (o al menos intentarlo) en la tipografía: he definido el estilo como serio, académico, autoritario, que inspira confianza, invitante y con un toque moderno. En mi poca experiencia con la tipografía (y si es que tiene sentido), asocie estas cualidades a los siguientes atributos: los titulares tendrán una 'altura de x' mas arriba de lo normal, deberá tener un buen grosor y preferiblemente sin mucho contraste, y para el texto, como quiero que sea más académico, una serifa con terminaciones redondas.
Inicie mi búsqueda por las tipografías más recomendadas en Typewolf para Adobe Fonts, y luego las probe o me guie de los usos que pudiera encontrar en 'Fonts In Use' y de tenerlo, de la historia o de la descripción general del autor de la fuente tipográfica. Una vez ya tuve mis candidatos (teniendo en cuenta los atributos que mencioné en el párrafo anterior), hice la plantilla que Gemma nos recomendó construir, pero le agregué muchísimos más elementos para tener inclusive más herramientas y así seleccionar las tipografías. Al final salí contrastando 3 fuentes serif, y alrededor de 9 san serifs con la plantilla previamente mencionada y con el checklist del curso.
Finalmente hice las interfaces en Adobe XD. Quise llevar el proyecto un poco más lejos y le agregué flujos y algunas interacciones.






Como les comentaba al inicio aqui estan las interacciones y por si disponen del tiempo, aqui estan los enlaces (en texto plano, por que al parecer domestika no me deja agregarlos como enlaces clickeables):
Interacciones de escritorio
https://youtu.be/opKgOibnWiY
Interacciones de Tablet
https://youtu.be/zpTYgZ2B43U
Interacciones de Movil
https://youtu.be/lyUP3VNVY3k
Muchas gracias por su tiempo !
2 comments
David, ¡Qué fantástico trabajo!
Se nota que le has dedicado tiempo y has pensado hasta el último detalle.
Muchas felicidades por el proyecto.
@gemma_busquets Muchas gracias a ti por el contenido y el curso !
Log in or join for Free to comment