Introducción a UX Orientado a Objetos

Clase 5 de 12 • Introducción al Diseño de Prototipos 2018

Clase anteriorSiguiente clase

Resumen

UX Orientado a Objetos = Metodología para estructurar un sistema digital basado en objetos reales.

Es una metodología que está alineada a la manera de pensar de los usuarios.
Esta metodología pone en primer plano a los objetos y el contenido antes que a las acciones.

Ernesto Cruz Bravo

student•

Alejandro Sol Villaseñor

student•

Muy buena propuesta

Laura Páez

student•

Genial, se entiende muy bien

Juan Jacobo Vargas Londoño

student•

Resumen del Reto

Son 5 elementos que se deben de considerar: Acciones, Objetos, Contenido, Metadatos, Objetos Relacionados. Para hacer una aplicación de escritorio para reproducir música en línea, en mi caso voy a dejar un ejemplo:

Acción - Reproducir, Detener, Siguiente, Anterior, Compartir.
Objeto - Canción
Contenido - Nombre de la canción
Metadato - Rating
Objeto Relacionado - Canción de… (Artista)

Alejandro Sol Villaseñor

student•

Excelente reconocimiento de objetos.

David Behar

student•

UX orientado a objetos

OOUX (Object Oriented UX) es una metodología alineada a la manera de pensar de los usuarios basada en la programación orientada a objetos que determina una lógica relacional entre objetos.

Como elemento central existen los objetos, mismos que tienen metadatas, contenidos y se relacionan con sub-objetos.

Las ventajas de este modo de pensar son amplias, de entrada es una manera más estructurada lo que hace más sencillo el trabajo, sobre todo en los prototipos de bajo nivel, y estructura un lenguaje de comunicación común con los programadores, ya que va a ser más sencillo recibir la información delimitando cada objeto en común.

Para generar el modelo sólo se necesitan seguir los siguientes pasos:

PASO 1: EXTRAER OBJETOS DE METAS

El primer paso es encontrar los objetos dentro del documento de requerimientos.

Los objetos serán sustantivos que interactúen con otros objetos o consigo mismos y serán identificados con un color de post-it.

Notas para ayudar a hacer esta tarea:

Prestar atención a los sustantivos que aparezcan en repetidas ocasiones
Ignorar los sustantivos abstractos
Ignorar las colecciones como bibliotecas, catálogos, calendarios o mapas ya que son listas gráficas de otros objetos
Se pueden inferir objetos desde algunas acciones (desde comentar se infiere el objeto comentario)

Así se vería la definición de objetos

PASO 2: DEFINIR EL CONTENIDO BÁSICO DE LOS OBJETOS

Este paso nos ayudará a desmenuzar cada objeto en sus componentes mínimos, para ésto debemos dividir cada objeto en sus:

Contenidos: Son los textos, imágenes o media que se podrán introducir por los usuarios
Metadata: Son las características filtrables de los objetos, éstas no serán introducidas por los usuarios sino que serán generadas por acciones, por ejemplo: Cantidad de Likes, fecha de creación, Cantidad de interacciones, etc.

Para los contenidos y metadatos se deberá de elegir un color diferente y anidar debajo de los objetos (como parte de los mismos).

PASO 3: ANIDAR OBJETOS PARA CROSS-LINKING

El siguiente paso tiene que ver más con relaciones, se deberá elegir otro color para los subobjetos.

Un subobjeto es un objeto que se relaciona al objeto padre anidandose debajo del mismo para entender cómo se relaciona con otros, pensemos que probablemente se verá en la interfaz de usuario dentro del espacio asignado para el objeto.

A medida que se van anidando los objetos, se estarán definiendo las relaciones entre ellos e, implícitamente, la navegación contextual también.

PASO 4: RANKING FORZADO

Esta es una de las partes más complicadas porque requiere de mayor criterio, ya que tratará de ordenar las secciones de cada objeto según prioridad.

Necesitamos reordenar los elementos, de la más importante a la menos importante.

Al priorizar, imagina qué elementos serán los más importantes para sus usuarios.

Ten en cuenta que si bien esta actividad proporciona una base para diseñar un sistema de implementación, interacciones y navegación persistente, no tomes decisiones en piedra, ya que todo deberá de cambiar con las iteraciones del diseño del producto, el famoso, crear, medir y aprender.

Alejandro Sol Villaseñor

student•

Muy buen aporte, muchas gracias por la información.

Johana Andrea Granados Coca

student•

Excelente aporte, muy bien explicado. Gracias.

Brandon Ramsel Vite Delgadillo

student•

Agrego mi ejercicio

Alejandro Sol Villaseñor

student•

Excelente practica.

Fernando Daniel

student•

Me pareció mas cómodo representar las relaciones entre entidades con un diagrama de entidad - relación, poniendo las entidades como clases: el nombre en la primera fila, los atributos en la segunda (el atributo primario marcado con "(-)" ) y los métodos o funciones en la última. Díganme por favor si es adecuado hacerlo de esta manera.

Danieer Galvez

student•

Buena idea

Fredy Granados

student•

lo realice a lapiz, pero me gusto como quedo.![](

Tania Ramírez

student•

Muy bueno 😄

Alejandro Sol Villaseñor

student•

Muy buena solución al reto!

Ana Maria

student•

Hola, aqui mi trabajo:

Jorge Posada

student•

Holas, acá mi tarea:

Carlos Cahuana Huanca

student•

Cecilia Salazar

student•

Gracias a quien compartió la app de miro, está muy práctica para el ejercicio. Va el mio.

Rafel Torres

student•

Ejercicio

Lenin Gutiérrez Ramos

student•

Aquí les dejo mi ejercicio

Rodrigo Quesada

student•

Con que software lo hiciste?

Ali Colmenares

student•

Esta clase me recordo a la programación orientada a objetos POO Acciones = metodos Contenidos y metaDatos=atributos Objetos relacionados = herencia por composición

Alicia Avila Martínez

student•

Estaría bien que pusieran como ejemplo todo el proceso usando esta metodología con alguna aplicación para que quede mas aterrizado el tema

Sebastian Medina Murcia

student•

Johana Andrea Granados Coca

student•

Ahorra Seguros

student•

Profesor ¿hay algún tipo de ¨pregunta clave¨ por asi decirlo, que ayudaria a desarrollar cada uno de los apartados? Por ejemplo en Objetos. ¿Quien interactúa o con que se interactúa? Realmente si me parece un poco confuso.

veronica Ardila Osorio

student•

Romina Ayelén Gutierrez

student•

Perdón, tengo una duda entre CONTENIDO y METADATOS. En el ejercicio me confundo que es lo que serían los metadatos, no me queda claro la definición.

Enrique A. Estrada

student•

metadatos son todas las propiedades que van inherentes a los objetos que no puedes ver pero que están ahí

Julián Rodríguez

student•

En fotografía, los metadatos son información sobre cómo se tomó la fotografía como la apertura del lente, tiempo de exposición, marca de cámara, lente, ubicación donde fue tomada, etc. Para el caso del curso los metadatos son la fecha cuando se crea la receta, región de la receta, etc.

Natalia Ubilla

student•

hola! en una app como tinder ¿Cuales serían los objetos?

Gonzalo Mansilla

student•

Seguramente serian las Personas y las Tarjetas. En esta ultima hay variantes, por lo que representaran lo mismo pero su objetivo y estructura serán distintas.

Introducción a UX Orientado a Objetos

Prototipado

Actualización de curso

Conoce los beneficios del Prototipado

Niveles de Fidelidad

Introducción a Patrones de Diseño

Introducción a UX Orientado a Objetos

Wireframes en Papel (Baja Fidelidad)

Wireframes digitales (Mediana Fidelidad)

Introducción a Diseño Modular

Prototipado de Alta Fidelidad

Construcción de un Prototipo Clickeable

Contenido Bonus

Patrones de Diseño o Patrones de Interfaz de Usuario (UI)

Wireframes, Prototipos y Mockups: Qué son y cuándo usarlos