....Hyperallergic.com: A Comprehensive UX Audit..Hyperallergic.com: Auditoría General de Experiencia de Usuario (UX)....

….DELIVERABLES..EL RESULTADO….

….As part of senior thesis at Pratt Institute, this project involved developing a comprehensive user experience audit which entailed developing a process book and high fidelity wireframes. This process book contained: sitemap redesign, informational architecture restructure, content strategy, competitive analysis, and audience analysis. ..Como parte de la tesis de grado en Pratt Institute, este proyecto implicó el desarrollo de una auditoría integral de la experiencia del usuario, el desarrollo de un libro de procesos y esquemas de página (wireframes). Este libro de procesos contenía: rediseño de sitemap, reestructuración de la arquitectura de la información, estrategia de contenido, análisis de mercado y análisis de audiencia. ….

 

….about hyperallergic..ACERCA DE HYPERALLERGIC….

….Hyperallergic is a web forum for different perspectives on art and culture in the world today. They publish a series of articles, news, events, photo essays and other playful content about today's art and culture. Since content is and will always be the shining star of the Hyperallergic, we used that as the main focus of the website redesign. The goal is to place Hyperallergic higher in the global rank and against its competitors. ..Hyperallergic es un foro web para diferentes perspectivas sobre el arte y la cultura en el mundo de hoy. Publican una serie de artículos, noticias, eventos, ensayos fotográficos y otro contenido lúdico sobre el arte y la cultura actual. Dado que el contenido es y siempre será la estrella brillante de Hyperallergic, usamos eso como el enfoque principal del rediseño del sitio web.El objetivo fue colocar a Hyperallergic más alto en el rango global y en contra de sus competidores. ….

 

….The problem..EL PROBLEMA….

….Due to the unresponsive nature of the website, there was a lack of accessibility for mobile users. Also, the overload of content made the viewing experience overwhelming, random and difficult to categorize. ..Debido a que el sitio web no estaba diseñado con dispositivos móvil en mente, hubo una falta de accesibilidad para estos usuarios. Además, la sobrecarga de contenido hizo que la experiencia visual fuera abrumadora, aleatoria y difícil de categorizar. ….


….the biggest obstacle..EL MAYOR OBSTÁCULO….

….The playful and random approach to the content organization was a huge challenge. We needed to deconstruct everything to add a more modern and structured system without affecting the brand equity that Hyperallergic has already established in society. ..El enfoque lúdico y aleatorio de la organización de contenido fue un gran desafío. Necesitábamos deconstruir todo para agregar un sistema más moderno y estructurado sin afectar el valor de marca que Hyperallergic ya ha establecido en la sociedad. ….

www.hyperallergic.com (2015)

….WHAT WE CHANGED..LO QUE CAMBIAMOS….

….At the end of the day, it’s all about the viewer and how they engage with the site. Based on our competitor analysis, the major change needed was a site that was responsive to ensure that content was easy to browse for all viewers, from multiple devices. ..Al final del día, se trata del usuario y de cómo interactúan con el sitio. Según nuestro análisis de mercado, el principal cambio que se necesitaba era un sitio que se adapte a varios dispositivos para garantizar que el contenido fuera fácil de navegar para todos los usuarios. ….


….Website Objectives & Creative Strategy..OBJETIVOS DEL SITIO WEB Y ESTRATEGIA CREATIVA….

….One of the main goals for the redesign was to double the amount of time spent by users viewing the site’s content by stopping the bounce rate. Another goal was to decrease the amount of loading time of the website which ultimately decreases the number of viewers. To accomplish these goals and enable people to focus on the content, we had to make the site responsive and translatable to different devices. We also encouraged the creation of a system that helped to categorize articles and gave people a more personal way of viewing the content they want. Lastly, we wanted logged-in users to be able to edit, and save a set of preferences to their profile to allow for more of a personalized experience. ..Uno de los objetivos principales para el rediseño fue duplicar la cantidad de tiempo invertido por los usuarios al bajar la tasa de rebote de usuarios. Otro objetivo era disminuir la cantidad de tiempo de carga del sitio web, lo que disminuye el número de espectadores. Para lograr estas metas y permitir que las personas se centren en el contenido, tuvimos que hacer que el sitio sea sensible y se pueda traducir a diferentes dispositivos. También alentamos la creación de un perfil que ayuda a clasificar los artículos y nos ayuda a personalizar el contenido. Por último, queríamos que los usuarios registrados pudieran editar y guardar sus preferencias en su perfil y ofrecer una experiencia más personalizada. ….

….Success Metrics..METRICAS DE ÉXITO….

  • ….Increase in user engagement metrics: traffic rank, time on site and daily page views. ..Incremento de las métricas de compromiso del usuario: rango de tráfico, tiempo en el sitio y vistas diarias de la página. ….

  • ….Decrease in bounce rate. Disminución de la tasa de rebote. ….

  • ….Increase in community activity: comments on posts, profile creation, saves on articles and artwork. ..Aumento de la actividad de la comunidad: comentarios en las publicaciones, creación de perfiles,  artículos guardados y material gráfico. ….

  • ….Increase subscriptions to the newsletter. ..Aumentar las suscripciones al boletín. ….

  • ….Decrease in average loading time, increased loyalty and readership, converting users to get their news on art from Hyperallergic first. ..Disminución del tiempo promedio de carga, mayor lealtad y lectores, convirtiendo a los usuarios para obtener sus noticias sobre arte de Hyperallergic primero. ….


….a look inside the redesign..ÉCHALE UN VISTAZO AL REDISEÑO….

….The new redesign proposal includes current website best practices, a more structured categorizing system for content and an improved user experience for the Hyperallergic community. These improvements along with the responsiveness of the website, Hyperallergic’s traffic rank will certainly increase. ..La nueva propuesta de rediseño incluye las mejores prácticas en el sitio web, un sistema de categorización más estructurado para el contenido y una experiencia de usuario mejorada para la comunidad de Hyperallergic. Estas mejoras, harán que la capacidad de respuesta del sitio web, el rango de tráfico ciertamente aumente. ….

….Profile Page..Página de Perfil….

Desktop (left) Mobile (right)

….Edit Profile State..Estado de Edición de Perfil….

Desktop (left) Mobile (right)

….Article Page..Página de Artículo….

Desktop (left) Mobile (right)

….Archive Page..Página de Archivos….

Desktop (left) Mobile (right)


….a look inside the process book..ÉCHALE UN VISTAZO AL libro de proceso….

A sitemap was necessary to understand the quantity of content and make sure quality over trumps quantity and have a cohesive user journey and search capabilities
Wireframes were created having responsive design in mind and mobile first methodology
TakeThree Studio

Creative Duo & Design Studio✌🏼


💡We help brands tell their stories
⚡️Branding, Strategy & Websites
🚀1:1 Mentorship & Creative Consulting

https://www.takethreestudio.com
Previous
Previous

….MoonLab Productions: Website Redesign..MoonLab Productions: Rediseño del Sitio Web….