Mokap Community: Servicio de comunidad en línea para el intercambio de recursos gráficos/Mockups UI

De Wikiversidad
Este recurso de aprendizaje es una actividad creada originalmente como caso práctico del proyecto de aprendizaje Dirección y gestión de proyectos y sistemas informáticos.

Mockups[editar]

Basándonos en el análisis de competencia realizado, hemos diseñado una serie de mockups utilizando la herramienta balsamiq para guiarnos a la hora de crear la interfaz de usuario.

Decisiones tomadas[editar]

  • Decidimos darle mucha importancia a la barra de buscar en todo momento. En la página principal deberá ocupar un lugar céntrico para dar libertad y control al usuario. Siempre habrá una barra de búsqueda disponible en la parte superior izquierda de la página, mientras que la zona superior derecha será dedicada a las opciones del usuario.
  • A medida que el usuario va añadiendo recursos a su lista de descargas, se irán acumulando en su “cesta”, para que más tarde pueda descargarlas todas de una vez. Además nos gustaría basarnos en el sistema de descarga de Flaticon, al pasar el ratón sobre un recurso debería poderse elegir descargarlo individualmente o borrarlo de la cesta.
  • En la página principal incluiremos además una sección de productos destacados.
  • En un principio habíamos pensado usar la metáfora del “carrito de compra”, pero dado que esto puede llevar a los usuarios a pensar que nuestro producto es de pago, decidimos cambiarlo por un icono diferente inspirado en la página de Flaticon.
  • Al seleccionar un recurso debería verse su foto, información relevante como descripción, etiquetas u otros productos incluidos en caso de que forme parte de un pack. Además debe poder descargarse individualmente o añadirse a la cesta.
  • Si conseguimos ir almacenando información sobre los productos visitados por el usuario, añadiremos también una sección de recursos que quizás le interesen.
  • Permitiremos también el envío de mensajes privados entre usuarios siguiendo un formato de conversación.
  • Queremos utilizar el método drag and drop para la subida de recursos, facilitando la interacción con el usuario.
  • Además debería poder editarse la información del recurso mientras se está subiendo, como ocurre en YouTube, para ahorrar tiempo al usuario.
  • Puede verse que el sistema de búsqueda está basado en etiquetas, y el usuario tendrá siempre a su disposición una nube de etiquetas para buscar recursos.
  • Por último mostramos la vista de la página de un usuario. Se mostrará su foto de perfil junto con alguna información básica. Además se podrán ver los recursos que haya subido a Mokap y las descargas que ha realizado.
  • Cuando un usuario ha iniciado sesión, la zona superior derecha de la página será ligeramente diferente, para permitirle ver sus mensajes privados y subir recursos, entre otras cosas.

Ideas descartadas[editar]

También descartamos una serie de ideas que se pueden encontrar en la documentación completa.

Enlace a la documentación[editar]

https://drive.google.com/folderview?id=0B-rwhRasU_nQaXVuUjgtR0xlM00&usp=sharing