Code Monkey home page Code Monkey logo

diu20's Introduction

DIU20

Prácticas Diseño Interfaces de Usuario 2019-20 (Economía Colaborativa)

Grupo: DIU1_01AABB. Curso: 2019/20

Proyecto:

Descripción:

Logotipo:

Miembros

  • 👤 AA :octocat:
  • 👤 BB :octocat:

En esta práctica estudiaremos un caso de plataforma de economía colaborativa y realizaremos una propuesta para su diseño Web/movil. Utilizaremos herramientas y entregables descritos en el siguiente CheckList (https://github.com/mgea/UX-DIU-Checklist)

Qué es economia colaborativa: Martínez-Polo, J. (2019). El fenómeno del consumo colaborativo: del intercambio de bienes y servicios a la economía de las plataformas, Sphera Publica, 1(19), 24-46. http://sphera.ucam.edu/index.php/sphera-01/article/view/363/14141434

Este documento es el esqueleto del report final de la práctica. Aparte de subir cada entrega a PRADO, se debe actualizar y dar formato de informe final a este documento online.

Proceso de Diseño

Paso 1. UX Desk Research & Analisis

Método UX 1.a Competitive Analysis

Describe brevemente características de las aplicaciones que tienes asignadas, y por qué has elegido una de ellas (150-300 caracteres)

Método UX 1.b Persona

Comenta brevemente porqué has seleccionado a esas personas y sube una captura de pantalla de su ficha (80-150 caracteres)

Método UX 1.c User Journey Map

Comenta brevemente porqué has escogido estas dos experiencias de usuario (y si consideras que son habituales) (80-150 caracteres)

Método UX 1.d Usability Review

Revisión de usabilidad: (toma los siguientes documentos de referncia y verifica puntos de verificación de usabilidad

SE deben incluir claramente los siguientes elementos

  • Enlace al documento: (sube a github el xls/pdf)
  • Valoración final (numérica):
  • Comentario sobre la valoración: (60-120 caracteres)

Paso 2. UX Design

Método UX 2.a Feedback Capture Grid

Comenta con un diagrama los aspectos más destacados a modo de conclusion de la práctica anterior,

Interesante Críticas
Preguntas Nuevas ideas

¿Que planteas como "propuesta de valor" para un nuevo diseño de aplicación para economia colaborativa ? Problema e hipótesis Que planteas como "propuesta de valor" para un nuevo diseño de aplicación para economia colaborativa te (150-200 caracteres)

Método UX 2.b Tasks & Sitemap

Definir "User Map" y "Task Flow" ...

Método UX 2.c Labelling

Identificar términos para diálogo con usuario

Término Significado
Login¿? acceder a plataforma

Método UX 2.d Wireframes

Plantear el diseño del layout para Web/movil (organización y simulación )

Paso 3. Make (Prototyping)

Método UX 3.a Moodboard

Plantear Diseño visual con una guía de estilos visual (moodboard)

Método UX 3.b Landing Page

Plantear Landing Page

Método UX 3.c Guidelines

Estudio de Guidelines y Patrones IU a usar

Método UX 3.d Mockup

Layout: Mockup / prototipo HTML (que permita simular tareas con estilo de IU seleccionado)

Paso 4. UX Check (Usability Testing)

Método UX 4.a A/B Testing

Comprobacion de asignaciones para A/B Testing. Asignaciones https://github.com/mgea/DIU19/blob/master/ABtesting.md

Práctica A:

Método UX 4.b User Testing

Usuarios para evaluar prácticas

Usuarios Sexo/Edad Ocupación Exp.TIC Personalidad Plataforma TestA/B
User1's name H / 18 Estudiante Media Introvertido Web. A
User2's name H / 18 Estudiante Media Timido Web A
User3's name M / 35 Abogado Baja Emocional  móvil B
User4's name H / 18 Estudiante Media Racional  Web B

Método UX. 4.c Cuestionario SUS

Usaremos el Cuestionario SUS para valorar la satisfacción de cada usuario con el diseño (A/B) realizado. Para ello usamos la hoja de cálculo para calcular resultados sigiendo las pautas para usar la escala SUS e interpretar los resultados http://usabilitygeek.com/how-to-use-the-system-usability-scale-sus-to-evaluate-the-usability-of-your-website/) Para más información, consultar aquí sobre la metodología SUS

Adjuntar captura de imagen con los resultados + Valoración personal

Método UX 4.c Usability Report

Añadir report de usabilidad para práctica B

Paso 5. Evaluación de Accesibilidad

Método UX 5.a Accesibility evaluation Report

Indica qué pretendes evaluar (de accesibilidad) y qué resultados has obtenido + Valoración personal

Evaluación de la Accesibilidad (con simuladores o verificación de WACG)

Conclusión / Valoración de las prácticas

(90-150 caracteres) Opinión del proceso de desarrollo de diseño siguiendo metodología UX y valoración (positiva /negativa) de los resultados obtenidos

diu20's People

Contributors

mgea avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.