Personas EAD: Propuesta Jesús Abarca

De Casiopea


TítuloServicio de Autenticación de Usuarios EAD
Tipo de ProyectoProyecto de Curso
Palabras Clavediseño de interacción, servicios web, diseño de interfaz, single sign on
Período2012-2012
AsignaturaConstrucción de Diseño Gráfico 4
CarrerasDiseño Gráfico
Alumno(s)Maria Jesus Abarca
ProfesorHerbert Spencer
URLhttp://dl.dropbox.com/u/9039174/Servicio%20personas%20ead/index.html

Primera Etapa de Estudio

Encargo

Rediseñar el servicio de autenticación y perfil Personas EAD para:

  • Mejorar la usabilidad del registro
  • Construir una mayor coherencia entre los diversos sitios y servicios de la escuela
  • Potenciar el perfil como credencial de acceso
  • Incorporar otros protocolos de autenticación como Twitter, Facebook OpenID. También cookies o algo equivalente para acceder de forma transparente a los servicios si ya se ha iniciado la sesión en otra pestaña del navegador.

Estudiar problemas de interacción en plataformas web y rediseñar plataforma "persona ead". Lo que hay que diseñar: "el viaje del usuario" como partitura de interacción

Plataformas Web ead: ead.pucv.cl wiki.ead.pucv.cl personas.ead.pucv.cl travesias.ead.pucv.cl Revisar: Blueprinting Partituras de Interacción Lenguajes Visuales para el Diseño de InteracciónConfiguración de Aplicaciones Single Sign On, SSO Libro de Referencia: Web Form Design by Luke Wroblewski

Estudio de problemas de interacción

Casos

  1. Crear cuenta/registrarse, nuevo usuario
  2. Recuperación de datos
  3. Actualización de datos
  4. Distintas plataformas un mismo usuario
  5. Usuario creando página de persona wiki

Observaciones

1.1 Al Ingresar a Personas ead como usuario no debería aparecer la opción registrarse (confunde). 2.1 Al Ingresar a Personas ead para modificar datos y contraseña nueva no aparece botón para guardar cambios recientes. 3.1 El correo enviado para confirmar la actualización de datos aparece como "sin asunto" esto podría ocasionar problemas. 4.1 La interfaz del Usuario wp "wordpress" debería ser más amigable, entregar más opciones de uso, ser una fuente de guía para el usuario y no confundirlo. 4.2 Las plataformas web ead son muy distintas unas de otras, se debe crear una suerte de menú/escritorio fijo que aparezca en todas, que comunique al usuario su estado actual y le permita navegar fácilmente por las plataformas. 5.1 La página de "Usuario" debería nombrarse de otra manera y se debería promover la correcta creación de la página. 5.2 La opción "Editar esta página" es igual a "Crear" confunden, nombrar las opciones de la Página de manera clara. 5.3 Podrían salir los códigos de programación a modo de recordatorio al costado de la página "Editar esta página/Crear".

Mapa de Interacción usuario-plataformas

Mapa de Interación Usuario-plataformas

Partituras de Interacción

Partitura de Interacción

Propuestas para "el viaje del usuario"

Propuestas

1.Menú Estándar: Aparecería en todas las plataformas y contaría con estado actual del usuario, links fijos a las plataformas web ead (personas, wiki casiopea, ead, travesías).

2. Introducción guía y recomedaciones: La idea es que el nuevo usuario/persona conozca todas las opciones y complete al máximo su experiencia en las plataformas web ead.

3. Noticias ead: Opción como barra lateral en las plataformas web ead, en la que saldrían las últimas noticias e informaciones relevantes ead.

4. Más Opciones en plataforma Personas: Existiría una fusión entre el menú personas y el de la wiki casiopea para dar más opciones al usuario cuando ingrese a esta plataforma.

Wireframes

wireframe, 1er caso

wireframe, 2do caso

wireframe, 3er caso

wireframe, 4to caso

wireframe, 5to caso

Segunda Etapa de Estudio

Partitura de Interacción

Partitura de Interacción

Wireframes en alta resolución

Wireframes en alta resolución. Ver Página de Referencia: Twitter Bootstrap

Ver Wireframes Servicio Personas EAD

Wireframes

  1. Caso
    1. registrarse/entrar
    2. crear cuenta
    3. cuenta creada notificación
  2. Caso
    1. recuperar contraseña
    2. solicitud via mail
    3. confirmación mail notificación
  3. Caso
    1. ingresar como usuario normal
    2. crear página usuario
    3. página usuario creada
  4. Caso
    1. ingresar como usuario normal
    2. actualizar datos
    3. datos actualizados notificación
  5. Caso
    1. ingresar como usuario administrador
    2. opciones como administrador

Tercera Etapa de Estudio

Incorporar otros protocolos de autenticación

  1. Facebook Developers
  2. Twitter Developers

Protección del sitio contra ataques

  1. reCAPTCHA

Cuarta Etapa de Estudio

Mejorando la experiencia del usuario

Se pretende mejorar la calidad de la experiencia del usuario en la página arreglando todos los posibles problemas que existen y que pudieran surgir en el futuro.

  1. Incorporando botón "Enviar sugerencias"
  2. Arreglando pasos para registrarse

Indice Servicio Personas EAD

  1. Inicio Esta es la página de inicio de casiopea en donde se puede ver la pestaña de registro de personas (ya sea para la wiki o servicio personas ead), esta permite acceder a los usuarios normales y administradores a sus cuentas, registrarse a los que no lo han hecho aún a través de sus cuentas de twitter/facebook/google y recuperar contraseña a los que la han perdido.
    1. Registrarse/ Comenzar Contiene un formulario el cual debe rellanar toda persona que desee registrarse como persona al servicio ead o de la wiki.
      1. Crear cuenta
        1. Cuenta creada notificación
        2. Mail Bienvenido a personas ead Mensaje que envía Personas cuando los usuarios se registran exitosamente.
    2. Acceder
      1. Cuenta usuario normal Asi es como ingresaría y las opciones que tendría un usuario normal.
        1. Crear página usuario/editar página usuario Contiene un formulario que debe rellenar el usuario para crear su página en la que se podrán ver sus proyectos, clases, travesías y archivos.
          1. página usuario creada
        2. crear nuevo objeto
        3. subir un archivo
        4. Actualizar datos Contiene un formulario parecido al de registro pero con más opciones de datos que rellenar que no aparecen en el registro, yaque no son obligatorios a la hora de registrarse.
          1. Datos actualizados notificación
          2. Mail Datos Actualizados Mensaje que envía Personas cuando los usuarios actualizan sus datos.
      2. Cuenta usuario administrador Asi es como ingresaría y las opciones que tendría un usuario administrador en su pestaña de inicio, las demás opciones (buscar,nuevo usuario,bloqueados y filtrar) aparecen en cuanto desee modificar y editar estos datos en la barra de opciones del usuario administrador.
        1. Crear página usuario administrador/editar página usuario administrador Contiene un formulario que debe rellenar el usuario para crear su página en la que se podrán ver sus proyectos, clases, travesías y archivos.
        2. Buscar En esta página el usuario administrador puede buscar a cualquier usuario registrado en servicio personas ead.
        3. Nuevo usuario En esta página el usuario administrador puede crear un nuevo usuario si lo desea.
        4. Bloqueados En esta página el usuario administrador puede bloquear usuarios registrados en servicio personas ead.
        5. Filtrar En esta página el usuario administrador puede filtrar datos para crear cualquier lista de correos ead que desee.
        6. Actualizar datos Contiene un formulario parecido al de registro pero con más opciones de datos que rellenar que no aparecen en el registro, yaque no son obligatorios a la hora de registrarse.
          1. Datos actualizados notificación
          2. Mail Datos Actualizados Mensaje que envía Personas cuando los usuarios actualizan sus datos.
    3. ¿Olvidaste tu contraseña? En esta página el usuario puede solicitar una nueva contraseña para su cuenta ingresando su mail de contacto.
      1. solicitud via mail
        1. Recuperación de datos notificación
        2. Mail Recuperación de datos Mensaje que envía Personas cuando los usuarios solicitan cambiar su contraseña porque la han olvidado.
    4. Enviar sugerencia En esta página el usuario puede enviar un mensaje a los administradores para aportar sus ideas y/o críticas respecto al funcionamiento y/o diseño del sitio.
      1. enviar
        1. Mensaje enviado notificación Mensaje que envía Personas para dar cuenta a los usuarios que su mensaje y/o sugerencia ha sido recibido.

Incorporación de las páginas al sistema

  1. Cooperación de externos: @Rodrigo Moya
  2. Sistema de codificación