Informe de Usabilidad y UX

Sitio: nutriologapaovillanueva.com

1.- Objetivos.

El objetivo del presente informe es el poder encontrar oportunidades de mejora en

el sitio nutriologapaovillanueva.com analizando su arquitectura de información,
redacción de contenido y mensajes, usabilidad y diseño visual.
Analizar por medio de herramientas de analítica web el desempeño del sitio. Así
como el comportamiento de los usuarios al momento de navegar en él.
Generar un resumen con las propuestas de mejora tomando en consideración los
resultados obtenidos y las mejores prácticas en torno al desarrollo de sitios web y
la comunicación en medios digitales.

2.- Análisis de objetivos

Objetivo de comunicación:

El objetivo del sitio es alentar a las personas a

cambiar sus hábitos alimenticios para
transformar su estilo de vida sin necesidad de
vivir a dieta.

Presentar opciones de programas

en nutrición y coaching para lograr sus
objetivos.

Objetivo comercial:

Que los visitantes llenen el formulario de

contacto, solicitando alguno de los
programas, citas o más información.

Todos los CTA conducen al formulario de

contacto. Excepto el colocado en inicio justo
antes del Footer. Este envía a Whatsapp.
Observaciones:
El sitio se divide en 5 secciones: inicio, servicios, acerca de mí, contacto, recetario
flexible. El contar con pocas páginas internas ayuda a no desviar la atención del
visitante. Sin embargo, existe contenido que puede ser presentado en la página de
inicio para dar al visitante la información de forma inmediata y más a la mano para
conocer de qué se trata y tomar una decisión sin necesidad de navegar entre
páginas.

La sección de recetario flexible se encuentra vacía, esto ocasiona que el visitante

pudiera tener la percepción de un sitio incompleto y restarle credibilidad.

3.- Análisis de principios del diseño de interacción.

3.1.- Convenciones
Los elementos utilizados en el sitio web son fáciles de entender, los CTA (Call to
actions) están bien diferenciados, así como la implementación del menú para
navegar entre secciones. El formulario de contacto es sencillo, solicitando datos
básicos para poder comunicarse y pedir información.

3.2.- Perceptibilidad y previsibilidad.

Los botones y ligas a redes sociales son identificables con facilidad. Los visitantes
promedio no deberían tener problema para identificarlos.

3.3- Facilidad y simplicidad.

El sitio es corto y la navegación entre secciones es realmente rápida.
Algunos contenidos pueden ser presentados de manera distinta o con mayor
jerarquía en relación a las imágenes para poder otorgar al visitante información
inmediata.

3.4- Feedback.
El formulario de contacto arroja de manera adecuada un mensaje de confirmación
al dar click en el botón enviar.
4.- Arquitectura de la información.

El mapa de sitio es el esqueleto de nuestro sitio web. En él se encuentran

plasmadas todas las páginas, subpáginas y secciones que componen el sitio.
Pudiendo señalar los contenidos de cada una de ellas para una mejor
comprensión y ubicación de la información, sus rutas y accesos.

nutriologapaovillanueva.com
4.1.- Inicio

Primera vista.

Al ingresar al sitio lo que vemos en

pantalla es el logotipo de la marca
personal, seguido del menú de
páginas y un espacio amplio
cubierto por una imagen y área
con fondo de color rosa. En la
esquina inferior derecha
alcanzamos a leer un mensaje.

Primera vista.

Al ingresar desde un dispositivo

móvil vemos el logotipo de marca
personal, los iconos de redes
sociales, mensaje hashtag y una
imagen. Un mensaje para capturar la
atención del usuario es recomendable
para enganchar desde el inicio e informar
de manera adecuada sobre lo que podrá
encontrar.

En esta sección se encontró un

texto de “Bienvenida” situado al pie
de la página justo antes del Footer.
El poder ubicar esta bienvenida al inicio
del sitio en la parte superior ayudaría a
tener mayor orden y cohesión del mensaje
inicial.

El CTA colocado en esta parte

envía a Whatsapp. Es recomendable
homologar el medio de comunicación a
utilizar dentro del sitio web para no
generar confusión en el usuario.
4.2.- Servicios

Primera vista.

Al entrar en la sección servicios se

distingue un título y un amplio
espacio con imagen. Aprovechar al
máximo los espacios por medio de diseño
y contenidos clave enriquecerá la
experiencia del usuario.

Encontramos que la dimensión de

la imagen utilizada es bastante
grande y contiene áreas en blanco
a su interior. Lo que eclipsa de
manera importante los mensajes
colocados al pie de foto. Una
integración de mensajes e imágenes por
medio de diseño pudiera brindar una
mejor experiencia.

La oferta de programas se muestra

de manera clara, con usos de CTA
para obtener mayor información.

Se repite el uso de imágenes.

Esto puede ocasionar una percepción de
monotonía en el usuario.

Encontramos que la dimensión de

la imagen utilizada es bastante
grande y contiene áreas en blanco
a su interior. Lo que eclipsa de
manera importante los mensajes
colocados al pie de foto. Una
integración de mensajes e imágenes por
medio de diseño pudiera brindar una
mejor experiencia.
 La información proporcionada es
clara y de extensión adecuada.

El aprovechar áreas que quedan

en blanco mejoraría la armonía
visual. La integración de iconografías por
cada punto generaría mayor vinculación y
entendimiento de temas.

Se describe de forma clara el

contenido de la aplicación
VirtuaGym. Entrenamiento Online.

Este beneficio no se menciona desde el

inicio, puede ser una ventaja competitiva
clara para la promoción de los programas.

4.3- Acerca de mí

Primera vista.

Al entrar en la sección se visualiza

una imagen ocupando un 70% del
área total de pantalla, con espacios
en blanco a los costados. Es posible
incrementar el aprovechamiento de
espacios por medio de diseño visual para
presentar al usuario contenidos de
manera inmediata.

Se encontró que la extensión del

texto ¿Quién soy? Es de 447
palabras. Una reducción del 50%
ayudaría a generar mayor interés en la
lectura.
4.4.- Contacto

La sección presenta un formulario

sencillo y claro.

Se señala teléfono de contacto,

horarios de atención y opciones
de pago como PayPal. Sin
embargo, no se pueden generar
pagos en línea desde el sitio web
para adquirir los programas de
manera inmediata.

5.- Análisis de redacción web

En términos generales se encontró

una buena redacción a lo largo del
sitio. Algunos textos son
demasiado extensos. Algunos
mensajes pueden ser convertidos a
expresiones afirmativas en lugar de
utilizar negación.
6.- Evaluación heurística

La evaluación heurística consiste en una serie de 45 preguntas las cuales evalúan

la funcionalidad, navegabilidad, formularios, calidad de contenidos y escritura de
un sitio web, basándose en convenciones estándares y mejores prácticas.

Evaluación heurística aplicada al sitio nutriologapaovillanueva.com

Se pudo detectar una oportunidad de mejora significativa para la Página de inicio y

en los Contenidos y Escritura, esto último marcado principalmente por la extensión
en algunos textos y la forma en que son presentados.
7.- Analítica del sitio web / Velocidad de carga
PageSpeed
Velocidad de carga del sitio web en desktop

De acuerdo a los resultados obtenidos con las herramientas de Google,

Test My Site y PageSpeed.
La velocidad de respuesta de carga es adecuada al visualizar el sitio en
computadora de escritorio como en un celular o dispositivo móvil.
8.- Resumen y recomendaciones

El sitio web nutriologapaovillanueva.com cumple en lo general con los principios

del diseño de interacción y usabilidad, así como con los tiempos adecuados de
carga y una navegabilidad sencilla.
Por otro lado, dentro del análisis a detalle de la Arquitectura de información y
revisión de pantallas, se encontraron áreas de oportunidad en el establecimiento
de Jerarquías de Contenidos y el Diseño Visual.
Estas observaciones fueron confirmadas por los resultados arrojados dentro de la
Evaluación Heurística, donde los focos de atención se localizaron en la Página de
inicio y la manera de presentar los Contenidos.
Por lo tanto, es recomendable realizar implementaciones de mejora en Página de
inicio y el Diseño Visual del sitio para integrar de una forma más óptima los
contenidos. Tomando en consideración que la Página de inicio es nuestra carta de
presentación ante las personas que nos visitan y las cuales son nuestros
potenciales clientes.
Considero importante resaltar el hecho de que el sitio web está dividido en 5
secciones cuyos contenidos pueden ser integrados en la Página de inicio y de esta
manera poder brindar a las personas que visiten el sitio información relevante de
manera pronta sin la necesidad de navegar entre secciones. Esto con la finalidad
de conseguir mayor número de Leads, tomando en consideración los objetivos del
sitio web.
Como punto adicional se recomienda comunicar con mayor fuerza el beneficio de
poder contar con una aplicación de entrenamiento online VirtuaGym. Una ventaja
tecnológica que puede ser factor definitivo a considerar por los potenciales clientes
al momento de decisión de compra.

Informe realizado por:

Roger Contreras
rougery@gmail.com