Prototipo web

Desarrollo web html5 | CSS3 | PHP y diseño responsive - Prototipado en skecth

Prototipo interface de usabilidad (UI/UX) desarrollado para CARTO

Se parte de un diseño previo que tiene la finalidad de convertirse en Knowledge center de la compañía y la intención es simplificar al máximo su usabilidad e incrementar la experiencia de usuario.

Análisis de la interface original

Tras analizar el diseño original se llega a la conclusión de que el principal inconveniente en su diseño radica en obligar al usuario a interactuar entre múltiples url ya que cada vez que accede a un contenido debe volver al índice original para acceder a la información deseada, convirtiendo su experiencia un poco tediosa.
 

diseño original

Propuesta de usabilidad

Se propone desarrollar una única interface donde el usuario nunca deba abandonar la url original y pueda acceder a cualquier contenido sin cambiar su interface y verse obligado a usar las herramientas de navegación web para volver al contenido anterior.
 

diseño original

Propuesta de contenido dinámico

Con objeto de facilitar al usuario el acceso a los diferentes contenidos se propone incorporar mediante php la sección de contenidos relacionados de manera que para contenido principal se le muestre al usuario los diferentes contendios que pueden ser de su interés. Y lo más importante. Todo ello sin cambiar de url y mostrado en la misma pantalla.
 

diseño original

Zona de lectura principal

Se crea una zona completamente limpia de elementos gráficos con el objetivo de facilitar la lectura del contenido y hacer visualmente más agradable a la vista la información.

diseño original

Diseño responsive

Y por supuesto se le dota mediante CSS media query de un diseño adaptativo al tipo de dispositivo que está usando el usuario.

diseño original