Este documento describe el diseño y flujo de pantallas del Menú avatar, aplicable para Brasil y los dispositivos Web, iOS y Android.
Historias de usuario
ID
HU001 - Icono Menú Avatar
ID
HU001 - Icono Menú Avatar
Historia de usuario
Yo como Claro Brasil Quiero se muestre el icono de mi Avatar en el menú de navegación principal Para identificar el perfil y acceder a las opciones de administración de la cuenta.
Criterios de aceptación
Se debe mostrar el avatar del perfil activo en el menú de navegación principal:
Debe ocupar la última posición de izquierda a derecha, después de la opción Mis Contenidos
Todos los textos deberían ser configurables por la operación.
Las opciones del Menú Avatar para un perfil administrador deben ser:
Perfiles (Lista)
Administrar perfiles (HU010)
Mi cuenta (HU003)
Cerrar sesión (HU017)
Las opciones del Menú Avatar para un perfil normaldeben ser:
Perfiles (Lista)
Administrar perfiles (HU010)
Cerrar sesión (HU017)
ID
HU002 - Características generales de diseño
ID
HU002 - Características generales de diseño
Historia de usuario
Yo como Claro Brasil Quiero que se apliquen los diseños de submenú y navegación en el menú avatar Para homologar el acceso y apariencia de sus opciones en plataforma.
Criterios de aceptación
Las opciones de este menú contienen un segundo o tercer nivel submenú (Ayuda).
Debe habilitarse un menú de navegación en la parte superior del submenú correspondiente.
De acuerdo a los lineamientos de diseño, para dispositivos Web, iOS y Android se deben aplicar las siguientes funcionalidades:
Navegación a submenú.
Opción para regresar al menú anterior.
Título del submenú en el que se encuentre el usuario.
Para los dispositivos Web, iOS y Android los avatares deben ordenarse horizontalmente de izquierda a derecha.
ID
HU003 - Mi cuenta
ID
HU003 - Mi cuenta
Historia de usuario
Yo como Claro Brasil Quiero que se implemente el flujo de pantallas de Mi cuenta Para tener una mejor experiencia en la administración de la cuenta.
Criterios de aceptación
Únicamente el usuario administrador tendrá acceso a la opción Mi cuenta del menú avatar.
Cuando el usuario administrador seleccione la opción Mi cuenta las opciones del submenúdeben ser:
Editar mi correo (HU004).
Editar mi contraseña (HU006).
ID
HU004 - Mi cuenta: Editar mi correo
ID
HU004 - Mi cuenta: Editar mi correo
Historia de usuario
Yo como Claro Brasil Quiero que se implemente el flujo de pantallas de “Mi cuenta - Editar mi correo” Para facilitar la experiencia cuando el usuario requiera modificar su correo en la plataforma.
Criterios de aceptación
El usuario administrador accede a esta pantalla seleccionando la opción Mi cuenta/Editar mi correo.
Estructura y orden de componentes en la pantalla:
Texto: Correo electrónico
Campo único:
Cuadro de texto deshabilitado.
Debe contener el correo electrónico del usuario.
Botón EDITAR
Cuando el usuario seleccione el botón EDITAR la plataforma debe direccionar al usuario a la pantalla Solicitar contraseña (HU008).
Se debe notificar al usuario vía correo electrónico el cambio de correo electrónico en su cuenta.
ID
HU005 - Editar mi correo: Nuevo correo
ID
HU005 - Editar mi correo: Nuevo correo
Historia de usuario
Yo como Claro Brasil Quiero que se permita al usuario administrador la captura de un nuevo correo electrónico Para que el usuario administrador pueda configurar su cuenta de la plataforma según lo requiera.
Criterios de aceptación
Estructura y orden de componentes en la pantalla:
Texto: Ingresa tu nuevo correo electrónico
El texto debe ser configurable por la operación.
Campo único:
Cuadro de texto activado para la captura del nuevo correo electrónico.
El foco se debe ubicar en este componente.
El componente debe tener contorno de acuerdo al dispositivo.
Se debe validar que la información capturada tenga formato de correo electrónico.
Botón GUARDAR CAMBIOS
El botón debe estar apagado.
El usuario puede hacer clic en el botón aún cuando el usuario no haya capturado completa la información.
Si la información capturada es incorrecta entonces la aplicación debe presentar el mensaje de error correspondiente.
BotónCANCELAR
Se debe mostrar debajo del botón GUARDAR CAMBIOS.
Cuando el usuario seleccione el botón GUARDAR CAMBIOSla plataforma debe enviar un mensaje de confirmación de cambios (HU007).
La plataforma debe direccionar al usuario a la pantalla Mi cuenta: Editar mi correo(HU004).
ID
HU006 - Mi cuenta: Editar mi contraseña
ID
HU006 - Mi cuenta: Editar mi contraseña
Historia de usuario
Yo como Claro Brasil Quiero que se implemente el flujo de pantallas de Mi cuenta: Editar mi contraseña Para facilitar la experiencia cuando el usuario requiera modificar su contraseña en la plataforma.
Criterios de aceptación
El usuario administrador accede a esta pantalla seleccionando la opción Mi cuenta/Editar mi contraseña.
Estructura y orden de componentes en la pantalla:
Texto: “Contraseña”
Campo único
Cuadro de texto deshabilitado.
Los caracteres ingresados se deben mostrar en forma de asterisco.
Botón EDITAR
Cuando el usuario seleccione el botón EDITAR la plataforma debe direccionar al usuario a la pantalla Solicitar contraseña (HU008).
ID
HU007 - Editar mi contraseña: Nueva contraseña
ID
HU007 - Editar mi contraseña: Nueva contraseña
Historia de usuario
Yo como Claro Brasil Quiero que se implemente el flujo de pantallas de Editar mi contraseña: Nueva contraseña Para facilitar la experiencia cuando requiera modificar la contraseña en la plataforma.
Criterios de aceptación
Estructura y orden de componentes en la pantalla:
Texto: “Ingresa tu nueva contraseña”
El texto debe ser configurable por la operación.
Campo único
Cuadro de texto activado para la captura de la nueva contraseña.
El foco se debe ubicar en este componente.
Se debe mostrar el contorno del componente de acuerdo al dispositivo.
Debe mostrarse un tooltip desde que el usuario va a ingresar su nueva contraseña, para la validación de los datos capturados.
La contraseña debe seguir los lineamientos aplicados en Onboarding.
Botón GUARDAR CAMBIOS
El botón debe estar desactivado.
El usuario puede hacer clic en el botón pero éste únicamente se activará cuando el usuario capture información en el campo único que cumpla con todos los criterios requeridos.
BotónCANCELAR
Se debe ubicar debajo del botón GUARDAR CAMBIOS.
Cuando el usuario seleccione el botón GUARDAR CAMBIOSla plataforma debe enviar un mensaje de confirmación de cambios (HU009).
La plataforma debe direccionar al usuario a la pantalla Mi cuenta: Editar mi contraseña(HU006).
ID
HU008 - Solicitar contraseña
ID
HU008 - Solicitar contraseña
Historia de usuario
Yo como Claro Brasil Quiero que se requiera la contraseña del administrador de la cuenta de usuario Para continuar con el cambio de los datos asociados a la cuenta.
Criterios de aceptación
La plataforma debe dirigir al usuario administrador a una pantalla modal requiriendo la contraseña actual.
Estructura y orden de componentes en la pantalla modal:
Texto de la acción:
Si el usuario requiere editar el correo entonces el texto debe ser: “Ingresa tu contraseña actual para editar tu correo”.
Si el usuario requiere editar la contraseñaentonces el texto debe ser: “Ingresa tu contraseña actual para editarla”.
El texto debe ser configurable por la operación.
Campo único:
Cuadro de texto activo para la captura de la contraseña actual.
El foco se debe ubicar en este componente.
El componente debe tener contorno de acuerdo al dispositivo.
Placeholder “Contraseña actual”
Icono de Mostrar (ojo cerrado), situado al lado derecho del placeholder
Los caracteres ingresados se deben mostrar en forma de asterisco, y deben ser visibles únicamente cuando el usuario presione el icono de Mostrar (ojo abierto).
Botón CANCELAR
El botón debe estar activado.
Botón SIGUIENTE
El botón debe estar apagado.
El usuario puede hacer clic en el botón aún cuando el usuario no haya capturado completa la información.
Si la información capturada es incorrecta entonces la aplicación debe presentar el mensaje de error correspondiente en el tooltip.
El mensaje de error de contraseña debe ser el mismo que se devuelve en Onboarding inicio de sesión.
Botón ¿OLVIDASTE TU CONTRASEÑA?
Cuando el usuario seleccione el botón SIGUIENTE:
La plataforma debe direccionar al usuario a la pantalla correspondiente.
Si el usuario requiere editar el correo entonces la siguiente pantalla debe ser Editar mi correo: Nuevo correo (HU005).
Si el usuario requiere editar la contraseña entonces la siguiente pantalla debe ser Editar mi contraseña: Nueva contraseña (HU007).
Cuando el usuario seleccione el botón CANCELAR la plataforma debe direccionar al usuario a la pantalla anterior.
Cuando el usuario seleccione el botón ¿OLVIDASTE TU CONTRASEÑA? la plataforma debe enviar al correo de la cuenta del usuario.
ID
HU009 - Pantalla de confirmación de cambios
ID
HU009 - Pantalla de confirmación de cambios
Historia de usuario
Yo como Claro Brasil Quiero que se confirme la actualización de información de Mi cuenta Para que el usuario tenga la seguridad de que los cambios fueron aplicados.
Criterios de aceptación
Se debe presentar una pantalla modal para los dispositivos Web, iOS y Android.
La pantalla de notificación debe incluir:
Imagen de verificación (círculo verde)
Mensaje de confirmación de la acción:
Si el cambio es de contraseña entonces el texto debe ser: “Cambios guardados”.
El texto debe ser configurable por la operación.
La pantalla de notificación debe cerrarse automáticamente después de 3 segundos, sin embargo el usuario puede cerrarla antes de ese tiempo, seleccionando la opción de la esquina superior derecha.
ID
HU010 - Administrar Perfiles
ID
HU010 - Administrar Perfiles
Historia de usuario
Yo como Claro Brasil Quiero que se implemente el flujo de pantallas de Administrar Perfiles Para que el usuario tenga una mejor experiencia en la administración del acceso a la cuenta de la plataforma, así como la visualización de contenido específico.
Yo como Claro Brasil Quiero que se implemente el flujo de pantallas de las opciones de ayuda en la plataforma Para brindarle una mejor ubicación y rápido acceso a ésta información dentro de la plataforma.
Criterios de aceptación
Cuando el usuario seleccione la opción del submenú Ayuda las opciones del menú de Ayuda deben ser:
Preguntas frecuentes (HU012)
Chat (HU013)
Línea de ayuda (HU014)
Términos y Condiciones (HU015)
Políticas de privacidad (HU016)
Toda la información proporcionada en ayuda debe ser configurable por la operación.
ID
HU012 - Menú de Preguntas Frecuentes
ID
HU012 - Menú de Preguntas Frecuentes
Historia de usuario
Yo como Negocio de Claro video Quiero que se implemente un selector de temas en la pantalla de Preguntas Frecuentes Para que los usuarios puedan filtrar fácilmente la información.
Criterio de aceptación
La información proporcionada al usuario en esta opción de Preguntas frecuentes debe ser configurable por la operación.
La pantalla de Preguntas frecuentes debe cumplir con la siguiente estructura y orden de los elementos que la integran:
Título
Selector de tema
Lista de preguntas
Las opciones que debe incluir el selector de tema:
Deben corresponder a los títulos principales que agrupan las Preguntas frecuentes que actualmente se tienen en la plataforma.
Deben ser dinámicos de acuerdo a las Preguntas frecuentes de cada operación.
Se deben actualizar cada vez que:
La operación agregue un cambio a ésta sección.
Se integre una nueva comunicación requerida por la operación.
Cuando el usuario acceda a Preguntas frecuentes siempre debe estar seleccionada la primera opción del selector de tema.
Se debe visualizar la lista de preguntas relacionadas a la primera opción del selector.
Cada vez que el usuario seleccione otra opción del selector de temas la lista de preguntas debe actualizarse.
ID
HU013 - Ayuda: Chat
ID
HU013 - Ayuda: Chat
Historia de usuario
Yo como Claro Brasil Quiero que el chat de ayuda se ubique en el menú de Ayuda del menú Avatar Para que el usuario lo ubique fácilmente cuando requiera asesoría en línea.
Criterios de aceptación
Aplica únicamente para dispositivos Web y Android.
El chat debe ubicarse en la pantalla.
ID
HU014 - Ayuda: Línea de ayuda
ID
HU014 - Ayuda: Línea de ayuda
Historia de usuario
Yo como Claro Brasil Quiero que la información de línea de ayuda se ubique en el menú de Ayuda del menú Avatar Para que el usuario lo ubique fácilmente cuando requiera esta información.
Criterios de aceptación
Cuando el usuario seleccione la opción Línea de ayuda debe visualizarsela información correspondiente.
El texto debe ser configurable por la operación.
ID
HU015 - Ayuda: Términos y condiciones
ID
HU015 - Ayuda: Términos y condiciones
Historia de usuario
Yo como Claro Brasil Quiero que los Términos y condiciones se ubiquen en el menú de Ayuda del menú Avatar Para que el usuario lo ubique fácilmente como información de interés para el uso de la plataforma.
Criterios de aceptación
Se debe habilitar el scroll cuando la longitud del texto así lo requiera.
El texto editorializable debe ser configurable por la operación.
ID
HU016 - Ayuda: Políticas de privacidad
ID
HU016 - Ayuda: Políticas de privacidad
Historia de usuario
Yo como Claro Brasil Quiero que las Políticas de privacidad se ubiquen en el menú de Ayuda del menú Avatar Para que el usuario lo ubique fácilmente como información de interés para el uso de la plataforma.
Criterios de aceptación
Cada política debe incluir un elemento chevron que permita visualizar u ocultar el detalle de la información.
Se debe habilitar el scroll cuando la longitud del texto así lo requiera.
El texto editorializable debe ser configurable por la operación.
ID
HU017 - Cerrar Sesión
ID
HU017 - Cerrar Sesión
Historia de usuario
Yo como Claro Brasil Quiero que la opción Cerrar Sesión se ubique en el menú Avatar Para brindarle al usuario un acceso rápido a esta opción.
Criterios de aceptación
La opción Cerrar Sesión debe ser la última posición del menú avatar.
Aplica para los dispositivos Web, iOS y Android.
Cuando el usuario seleccione esta opción la plataforma:
Debe finalizar la sesión del perfil activo
Debe direccionar al usuario a la página de inicio de la plataforma.