En este documento se va analizar las diferentes vistas de un sitio desde una Desktop y Mobile Vamos a utilizar la compañía Claro Claro es un empresa mexicana de origen brasileño de servicios de telecomunicaciones, entretenimiento, servicios en la nube, streaming y comercio electrónico presente en América Latina URL DE REFERENCIA https:://www claro com ec/

1. INTRODUCCIÓN
Experiencia de Uso yUsabilidad (UX) DIOSELINA LOPEZ B
En este documento se va analizar las diferentes vistas de un sitio desde una
DesktopyMobile.
Vamos a utilizar la compañía Claro, Claro es un empresa mexicana de
origen brasileño de servicios de telecomunicaciones, entretenimiento,
servicios en la nube, streaming y comercio electrónico presente en
América Latina
URL DE REFERENCIA: https://www.claro.com.ec/
Se va a realizar el análisis por segmento del sitio web desde la
desktop y la versión mobile.
ACTIVIDAD Nº1: VISUALIZACIÓN DE DIFERENTES DISPOSITIVOS

2. Ingresá acá la solicitud de cambio
y/o devolución de tu vuelo
APLICAR
CÓDIGO
©
C 3
3
3
DESKTOP MOBILE
ACTIVIDAD Nº1: VISUALIZACIÓN DE DIFERENTES DISPOSITIVOS
Experiencia de Uso yUsabilidad (UX)
HEADER
PRINCIAL
SLIDER
PRINCIPAL
Botones de
servicios
HEADER
superior
BOTON
DESPLEGABLE BOTON
DESPLEGABLE

3. DESKTOP
HEADER
SUPERIOR
MOBILE OBSERVACIONES
Las 2 versiones de header me parecen que están
correctas organizadas debido a que el usuario
interactuar con el sitio web de manera correcta y si
dificulatad
• Logo, con su correcto link ala home del sitio.
• Menú hamburguesa con link aSERVICIO,TIENDA,SOPORTE,
mi claro, claro video, claro música, claro play
ACTIVIDAD Nº1: VISUALIZACIÓN DE DIFERENTES DISPOSITIVOS
Experiencia de Uso yUsabilidad (UX)
HEADER
Principal
• Logo, con su correcto link alapaginaprincipal
• Menú desplegado con link SERVICIO,TIENDA,SOPORTE,
BOTON DE BUSQUEDA Y BOTON DE MI CLARO
AUGESTIÓN.
• Menú fijo con link PERSONAS, NEGOCIOS, EMPRESAS,
CLARO VIDEO, CLARO MUSICA, CLARO PLAY, PORTAL DE
DENUNCIAS
• Selector de país
• Menú fijo dropdown con link a personas, negocios,
empresas
• Selector de país

4. SLIDER PRINCIPAL Imagen de fondo con texto incorporado.
Flechas de navegación entre los distintos banners.
Círculos selectores e indicadores de navegación entre los
distintos banners.
(*)Desarrollado a continuación como un item separado.
Imagen de fondo con texto incorporado.
Flechas de navegación entre los distintos banners.
Círculos selectores e indicadores de navegación entre los
distintos banners.
DESKTOP MOBILE OBSERVACIONES
Ambas versiones
El cambio que se sugiere es que utilice texto html sobre la imagen de
fondo para tenga un mejor manejo al cambiar los tamaños
tipográficos en la versión móvil. Pero aun asi en la versión móvil las
letrassepuedenverclarasyeltamañoeseladecuado
ACTIVIDAD Nº1: VISUALIZACIÓN DE DIFERENTES DISPOSITIVOS
Ingresá acá la solicitud de cambio
y/o devolución de tu vuelo
APLICAR
CÓDIGO
©
C 3
Experiencia de Uso yUsabilidad (UX)

5. DESKTOP MOBILE OBSERVACIONES
BOTONES
DE
SERVICIOS
• Menú FIJO con link DESCARGAR MI CLARO, PAGOS Y
RECARGAS, ACUERDOS DE PAGOS, COMPRA PAQUETES
• Menú desplegado con link DESCARGAR MI CLARO, PAGOS Y
RECARGAS, ACUERDOS DE PAGOS, COMPRA PAQUETES
• La imágenes si son acorde a lo que dice en el
texto de debajo de la imagen utilizadas para
identificar cada botón
BOTON
desplegable
– para
realizar
consultas-
claro bots
• Gif desplegado con link a un chat bots
• Se recomienda sacar el “Hola” debido que es
suficiente con el gif moviendo la mano.
• imagen desplegado con link a un chat bots
• Desktop
• Mobile
• A este si se le recomienda agregar el “Hola”
debido a que es una imagen y podría confundir a
los usuarios o en ves de imagen poner un gif

6. ACTIVIDAD Nº1: VISUALIZACIÓN DE DIFERENTES DISPOSITIVOS
SECTORES
PROMOCIÓN
Y NOVEDADES
DESKTOP MOBILE OBSERVACIONES
!
!
!
!
Experiencia de Uso yUsabilidad (UX)
• Como se puede observar en el sitio web del
desktop los botones de nuestros productos en los
bloques de contenido de imagen hay 4 columnas
mientras en la versión mobile hay 2 columnas
pero esto varia debido que el sitio web se
acomoda correctamente a la versión mobile
• Una recomendación en la sección de claro video
es que no es necesario poner mas de 2 imágenes
sobre las películas asi mismo la sección de claro
música.

7. SECTORES
PROMOCIÓN
Y NOVEDADES
DESKTOP MOBILE OBSERVACIONES
• Tanto en la sitio web mobile como en la desktop
las letras son claras y presisas
• Aun que se recomienda poner menos texto en los
títulos de los botones debido a que los usuarios
no leen totalmente las novedades

8. CONCLUSIÓN
Experiencia de Uso yUsabilidad (UX)
En las 2 versiones podemos observar la visualizan de estas, son parecidas lo cual la adaptabilidad de desktop a
mobile si esta muy bien diseñada aunque se ha recomendado realizar alunas mejoras pero estas son mínimas
Esta compañía debido a que se encuentra en el área tecnológica tiene una muy buen sitio web
ACTIVIDAD Nº1: VISUALIZACIÓN DE DIFERENTES DISPOSITIVOS