Change to English?
Si

Fingertips

Etiquetas: vodafone react redux webpack web-app ux design

Fingertips Dashboard es la aplicación principal que alberga todas las demás aplicaciones que construí mientras trabajaba en Vodafone. Su propósito es servir como:

  • La plataforma para acceder a todas las demás aplicaciones disponibles
  • Informar a los usuarios de las novedades y actualizaciones
  • Resúmenes rápidos sobre las aplicaciones usando Widgets
  • Captura de feedback por parte de los usuarios y soporte en tiempo real

Inicialmente, sólo había una página con botones para lanzar las aplicaciones, pero pensé que podíamos rediseñar la app con algo que tuviera más información y nos permitiera conectar con nuestros usuarios. Así es como surgió el diseño del cuadro de mandos y los widgets.

Después de hacer unas cuantas maquetas y compartir mis ideas con el resto del equipo, el proyecto fue aprobado y comencé a construirlo. Me hice cargo del 100% del trabajo de front-end, incluyendo las sesiones de pruebas con usuarios (empleados de Vodafone) y algunas partes del diseño final.

Todos los widgets de la aplicación se pueden arrastrar, por lo que cada usuario puede organizar el panel de control de la forma que prefiera. Los widgets también pueden añadirse o eliminarse, aunque algunos son obligatorios, como el de "noticias" o el de "comentarios".

En la parte superior de la aplicación, hay un control deslizante horizontal que contiene todas las aplicaciones disponibles. Algunas de ellas pueden estar bloqueadas, por lo que el usuario debe acceder a las solicitudes pulsando sobre ellas. Estas solicitudes se gestionan desde otra sección de la aplicación.

También construí widgets para varios canales de noticias RSS de Vodafone y para aplicaciones específicas como Lighthouse, Bonsai o Boomerang. Estos widgets de aplicaciones muestran los elementos favoritos o un resumen de los últimos cambios en esas aplicaciones.

Algunos de los widgets incluyen paginación y otros incluyen ajustes.

Los widgets de noticias y de ideas tienen su propia URL canónica y su propia página. Las ideas también incluyen comentarios de los usuarios.

Añadir un nuevo widget
Añadir un nuevo widget

Página de ideas
Página de ideas

Editar una idea
Editar una idea

Configuración de un widget
Configuración de un widget

Panel de soporte conectado con Slack
Panel de soporte conectado con Slack

FAQs
FAQs

Gestionar las solicitudes de acceso
Gestionar las solicitudes de acceso

Gestionar ideas
Gestionar ideas

Página sobre nosotros
Página sobre nosotros

Antes de continuar...

Al hacer clic en "Aceptar todas", estás consintiendo que se guarden cookies en tu dispositivo para mejorar el sitio web y analizar cómo es usado.

Idiomas

Change to English?