BR | Backend Integrado | Menú Avatar

Resumen

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

  1. Se debe mostrar el avatar del perfil activo en el menú de navegación principal:

    1. Debe ocupar la última posición de izquierda a derecha, después de la opción Mis Contenidos

    2. Todos los textos deberían ser configurables por la operación.

  2. Las opciones del Menú Avatar para un perfil administrador deben ser:

    • Perfiles (Lista)

    • Administrar perfiles (HU010)

    • Mi cuenta (HU003)

    • Cerrar sesión (HU017)

  3. Las opciones del Menú Avatar para un perfil normal deben 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

  1. Las opciones de este menú contienen un segundo o tercer nivel submenú (Ayuda).

  2. Debe habilitarse un menú de navegación en la parte superior del submenú correspondiente.

  3. De acuerdo a los lineamientos de diseño, para dispositivos Web, iOS y Android se deben aplicar las siguientes funcionalidades:

    1. Navegación a submenú.

    2. Opción para regresar al menú anterior.

    3. Título del submenú en el que se encuentre el usuario.

  4. 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

  1. Únicamente el usuario administrador tendrá acceso a la opción Mi cuenta del menú avatar.

  2. Cuando el usuario administrador seleccione la opción Mi cuenta las opciones del submenú deben ser:

    1. Editar mi correo (HU004).

    2. 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

  1. El usuario administrador accede a esta pantalla seleccionando la opción Mi cuenta/Editar mi correo.

  2. Estructura y orden de componentes en la pantalla:

    1. Texto: Correo electrónico

    2. Campo único:

      1. Cuadro de texto deshabilitado.

      2. Debe contener el correo electrónico del usuario.

    3. Botón EDITAR

      1. Cuando el usuario seleccione el botón EDITAR la plataforma debe direccionar al usuario a la pantalla Solicitar contraseña (HU008).

  3. 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

  1. Estructura y orden de componentes en la pantalla:

    1. Texto: Ingresa tu nuevo correo electrónico

      1. El texto debe ser configurable por la operación.

    2. Campo único:

      1. Cuadro de texto activado para la captura del nuevo correo electrónico.

      2. El foco se debe ubicar en este componente.

      3. El componente debe tener contorno de acuerdo al dispositivo.

      4. Se debe validar que la información capturada tenga formato de correo electrónico.

    3. Botón GUARDAR CAMBIOS

      1. El botón debe estar apagado.

      2. El usuario puede hacer clic en el botón aún cuando el usuario no haya capturado completa la información.

      3. Si la información capturada es incorrecta entonces la aplicación debe presentar el mensaje de error correspondiente. 

    4. Botón CANCELAR

      1. Se debe mostrar debajo del botón GUARDAR CAMBIOS.

  2. Cuando el usuario seleccione el botón GUARDAR CAMBIOS la plataforma debe enviar un mensaje de confirmación de cambios (HU007).

  3. 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

  1. El usuario administrador accede a esta pantalla seleccionando la opción Mi cuenta/Editar mi contraseña.

  2. Estructura y orden de componentes en la pantalla:

    1. Texto: “Contraseña”

    2. Campo único

      1. Cuadro de texto deshabilitado.

      2. Los caracteres ingresados se deben mostrar en forma de asterisco.

    3. Botón EDITAR

      1. 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

  1. Estructura y orden de componentes en la pantalla:

    1. Texto: “Ingresa tu nueva contraseña”

      1. El texto debe ser configurable por la operación.

    2. Campo único

      1. Cuadro de texto activado para la captura de la nueva contraseña.

      2. El foco se debe ubicar en este componente.

      3. Se debe mostrar el contorno del componente de acuerdo al dispositivo.

      4. Debe mostrarse un tooltip desde que el usuario va a ingresar su nueva contraseña, para la validación de los datos capturados.

      5. La contraseña debe seguir los lineamientos aplicados en Onboarding.

    3. Botón GUARDAR CAMBIOS

      1. El botón debe estar desactivado.

      2. 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.

    4. Botón CANCELAR

      1. Se debe ubicar debajo del botón GUARDAR CAMBIOS.

  2. Cuando el usuario seleccione el botón GUARDAR CAMBIOS la plataforma debe enviar un mensaje de confirmación de cambios (HU009).

  3. 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

  1. La plataforma debe dirigir al usuario administrador a una pantalla modal requiriendo la contraseña actual.

  2. Estructura y orden de componentes en la pantalla modal:

    1. Texto de la acción:

      1. Si el usuario requiere editar el correo entonces el texto debe ser: “Ingresa tu contraseña actual para editar tu correo”.

      2. Si el usuario requiere editar la contraseña entonces el texto debe ser: “Ingresa tu contraseña actual para editarla”.

      3. El texto debe ser configurable por la operación.

    2. Campo único:

      1. Cuadro de texto activo para la captura de la contraseña actual.

      2. El foco se debe ubicar en este componente.

      3. El componente debe tener contorno de acuerdo al dispositivo.

      4. Placeholder “Contraseña actual”

      5. Icono de Mostrar (ojo cerrado), situado al lado derecho del placeholder

      6. 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).

    3. Botón CANCELAR

      1. El botón debe estar activado.

    4. Botón SIGUIENTE

      1. El botón debe estar apagado.

      2. El usuario puede hacer clic en el botón aún cuando el usuario no haya capturado completa la información.

      3. Si la información capturada es incorrecta entonces la aplicación debe presentar el mensaje de error correspondiente en el tooltip.

      4. El mensaje de error de contraseña debe ser el mismo que se devuelve en Onboarding inicio de sesión.

    5. Botón ¿OLVIDASTE TU CONTRASEÑA?

  3. Cuando el usuario seleccione el botón SIGUIENTE:

    1. La plataforma debe direccionar al usuario a la pantalla correspondiente.

    2. Si el usuario requiere editar el correo entonces la siguiente pantalla debe ser Editar mi correo: Nuevo correo (HU005).

    3. Si el usuario requiere editar la contraseña entonces la siguiente pantalla debe ser Editar mi contraseña: Nueva contraseña (HU007).

  4. Cuando el usuario seleccione el botón CANCELAR la plataforma debe direccionar al usuario a la pantalla anterior.

  5. 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

  1. Se debe presentar una pantalla modal para los dispositivos Web, iOS y Android.

  2. La pantalla de notificación debe incluir:

    1. Imagen de verificación (círculo verde)

    2. Mensaje de confirmación de la acción:

      1. Si el cambio es de contraseña entonces el texto debe ser: “Cambios guardados”.

      2. El texto debe ser configurable por la operación.

  3. 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.

Criterios de aceptación

  1. Esta funcionalidad se describe en https://dlatvarg.atlassian.net/wiki/spaces/ADN/pages/3468328993.

ID

HU011 - Ayuda

ID

HU011 - Ayuda

Historia de usuario

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

  1. Cuando el usuario seleccione la opción del submenú Ayuda las opciones del menú de Ayuda deben ser:

    1. Preguntas frecuentes (HU012)

    2. Chat (HU013)

    3. Línea de ayuda (HU014)

    4. Términos y Condiciones (HU015)

    5. Políticas de privacidad (HU016)

  2. 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

  1. La información proporcionada al usuario en esta opción de Preguntas frecuentes debe ser configurable por la operación.

  2. La pantalla de Preguntas frecuentes debe cumplir con la siguiente estructura y orden de los elementos que la integran:

    1. Título

    2. Selector de tema

    3. Lista de preguntas

  3. Las opciones que debe incluir el selector de tema:

    1. Deben corresponder a los títulos principales que agrupan las Preguntas frecuentes que actualmente se tienen en la plataforma.

    2. Deben ser dinámicos de acuerdo a las Preguntas frecuentes de cada operación.

    3. Se deben actualizar cada vez que:

      1. La operación agregue un cambio a ésta sección.

      2. Se integre una nueva comunicación requerida por la operación.

  4. Cuando el usuario acceda a Preguntas frecuentes siempre debe estar seleccionada la primera opción del selector de tema.

    1. Se debe visualizar la lista de preguntas relacionadas a la primera opción del selector.

  5. 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

  1. Aplica únicamente para dispositivos Web y Android.

  2. 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

  1. Cuando el usuario seleccione la opción Línea de ayuda debe visualizarse la información correspondiente.

  2. 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

  1. Se debe habilitar el scroll cuando la longitud del texto así lo requiera.

  2. 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

  1. Cada política debe incluir un elemento chevron que permita visualizar u ocultar el detalle de la información.

  2. Se debe habilitar el scroll cuando la longitud del texto así lo requiera.

  3. 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

  1. La opción Cerrar Sesión debe ser la última posición del menú avatar.

    1. Aplica para los dispositivos Web, iOS y Android.

  2. Cuando el usuario seleccione esta opción la plataforma:

    1. Debe finalizar la sesión del perfil activo

    2. Debe direccionar al usuario a la página de inicio de la plataforma.