SlideShare una empresa de Scribd logo
HOME COMPRADOR VENDEDOR
INTERFACES
F F F
Notificación al correo del vendedor
Pago
Pago contra entrega
Método de envío
Compra
Subcategorias
Categorías
Notificación al correo del vendedor
Preguntar al vendedor
Calificar el producto comprado
Calificar al vendedor
Productos
Perfil
Lista de Direcciones
Historial de Compras
Lista de deseos
Respuestas del vendedor
Registro
Buscador
Pqrs
Soporte
Comprador
Responder
Preguntas Clientes
Mis calificaciones
Lista - Vista
Mis productos
Historial de Ventas
Editor de productos
Responder
Solicitudes del Administrador
Perfil
Registro
Vendedor
Eliminar a vendedor o comprador
Consultar base de datos de compradores
o vendedores
Administrar espacios publicitarios
Respuesta a Pqrs
Administrador
Usados
Estado del producto
Ofertas Recibidas
Publicar producto
Eliminar producto
Aceptar
Declinar
Contraofertar
Hacer oferta
Aceptar Contraoferta
Declinar Contraoferta
Notificacion al correo
Notificación de pago por
parte del comprador de
su producto en nuestro
punto de pago
Eliminar producto por
infringir normas de
publicación
Tabulacion de datos del tráfico
de productos vendidos dentro
de la plataforma
periodicamente
Consultar datos de operadores
Información del punto
Contacto con el punto
Estado de cuenta
Bloqueo de cuenta
Eliminar el punto
Habilitar cuenta
Ofertar
Pago con operador
Código promocional
Generacion de pin de pago
Operador
Consultar base de datos de
compradores y vendedores
Consultar base de
datos productos
Registrar pago del
comprador
Notificar al vendedor
del pago realizado por
su producto
Registrar retiro de
dinero del vendedor
MAPA FUNCIONAL
WIREFRAME VENDER
Usuario - Contraseña
Vender
Registrarse - Recuperar contraseña
Formulario de registro
Login con Facebook
Loguearse con...
Icono - Productos Ofertados - Bandeja de Entrada
Redes de la plataforma
Publicar - Eliminar
Categorias
Icono - Categoria
Descripcion
Cantidad - Titulo del producto - Editar
Icono - Detalles
Descripcion del producto
Imagen - Nombre del producto - Cantidad - Estado de la publicacion- Eliminar - Editar
Se despliega una seccion oculta
Se abre una nueva ventana
F
WIREFRAME COMPRAR
Comprar
Buscar
Categorias
Icono - Espacio para teclear búsqueda
Universidad - Carrera - Ciudad
Usuario - Contraseña
Metodo de pago
Interfaz redireccionada del
método seleccionado
Registrarse - Recuperar contraseña
Formulario de registro
Login con Facebook
Loguearse con...
Se despliega una seccion oculta
Se despliega una seccion oculta
para iniciar sesion
Cuando se ha iniciado sesion se
despliega una seccion oculta
Después de Loguear se vuelve a
la ventana del producto
Cuando se selecciona un producto se
abre una ventana emergente
Cuando se realiza una busqueda
carga una ventana nueva
Se abre una nueva ventana
F
F
F
WIREFRAME OFERTAR
Confirmar oferta
Icono
Confirmar - Cancelar
Su oferta ha sido enviada
Volver - Salir
Cuando se completa la oferta se abre
una seccion oculta
Oferta mínima - Oferta máxima
Recuerda que entre mas se acerque tu
oferta al tope, más probabilidades tendras
de obtener el producto que te interesa
Icono - Cuanto quieres ofertar?
Nombre - Adjuntar imagen
Enviar
Qué más deseas agregar a la oferta?
Se abre una ventana temporal
+
MAPA ESTRUCTURAL VENDER
El usuario ingresa
a la plataforma
Aparece la interfaz
de inicio de sesión
El usuario se registra con el
formulario de la plataforma
Se diligencia el formulario
para publicar el producto
Se envía la publicación al
administrador de la plataforma
para que apruebe la publicación
La plataforma hace publica la
oferta del producto en un
término de 12 horas
Se confirma al usuario el
estado de su publicacion de
“pendiente” a “activa”
El usuario se loguea con su
cuenta de redes sociales
Se despliega una
sección oculta
Se abre una ventana
En la página de inicio
selecciona el boton
de vender
MAPA ESTRUCTURAL OFERTAR
El usuario se encuentra
en la interfaz de comprar
El usuario ubica el
puntero en el precio que
desea ofertar al vendedor
Adjunta imagen y llena el
formulario de “encime”
El usuario selecciona el
botón “enviar oferta”
Pregunta de confirmación o
cancelación de la oferta
La plataforma confirma el envío
de la oferta
Se despliega una
sección oculta
Se despliega una
sección oculta
Se abre una ventana
temporal
Selecciona la opción
de ofertar
MAPA ESTRUCTURAL COMPRAR
El usuario ingresa
a la plataforma
Aparece la interfaz
de inicio de sesión
Aparece la interfaz de
resultados de búsqueda
Aparece la interfaz de
búsqueda de producto
El usuario ingresa criterios
de búsqueda de su interés
El usuario se registra con el
formulario de la plataforma
Regresa a la interfaz de las
especificaciones del producto
La plataforma redirecciona a la
página de pagos aliada y
seleccionada por el usuario
El usuario se loguea con su
cuenta de redes sociales
Se despliega una
sección oculta
Se despliega una
sección oculta
Se abre una ventana
En la página de inicio
selecciona el boton
de comprar
Aparece una nueva
ventana
Se abre una ventana
emergente El usuario selecciona
el producto de interés
El usuario selecciona el
método de pago
El usuario selecciona
comprar
Se despliega una
sección oculta
El usuario selecciona
comprar
Aparecen las especificaciones
del producto de interés
SET UI
IDENTIDAD CORPORATIVA
Logotipo
Símbolo
Íconos
Contenedores
Colores
Tipografía
C: 0%
M: 75%
Y: 100%
K: 0%
Neosans Light Parrafos 11pt
Neosans Regular Titulos: 22pt Subtítulos: 15 pt
C: 10%
M: 100%
Y: 50%
K: 0%
MOCKUP OFERTAR
Cuando se completa la oferta se abre
una seccion oculta
Se abre una ventana temporal
¿Desea confirmar oferta?
¡Su oferta ha sido enviada con éxito!
Iniciar sesión ?Registrarse
Cámara Nikon D5300 $ 2.400.0004 Unidades
Comprar
Descripción Electrónico / Fotografía / Cámara
Estado del producto
Ofertar
Enviar
Nombre del producto
¿Cuanto quieres ofertar?
$ 2.000.000
$ 1.500.000 $ 2.400.000
Cámara Nikon totalmente
nueva y en perfecto estado
con su caja, manuales y lente
18-55 mm
Recuerda que entre mas se acerque tu oferta al tope, más
probabilidades tendras de obtener el producto que te
interesa.
¿Que deseas agregar a
la oferta?
Confirmar Cancelar
Volver Salir
MOCKUP COMPRAR
Interfaz redireccionada del
método seleccionado
Formulario de registro
Login con Facebook
Se despliega una seccion oculta
Se despliega una seccion oculta
para iniciar sesion
Cuando se ha iniciado sesion se
despliega una seccion oculta
Después de Loguear se vuelve a
la ventana del producto
Cuando se selecciona un producto se
abre una ventana emergente
Cuando se realiza una busqueda
carga una ventana nueva
Se abre una nueva ventana
F
Buscar
Contraseña
Recuperar contraseña
Usuario
Registrarse
Iniciar con tu cuenta
Método de pago
ContraseñaUsuario
Nombre
Correo
Ciudad
Carrera
Aceptar
Apellido
Confirmar correo
Universidad
Cancelar
Facultad
No se permite que la aplicación publique en Facebook.
recibirá la siguiente información: perfil público y
dirección de correo electrónico.
Usados
Editar información que proporcionas
Cancelar Aceptar
Universidad
Nombre del producto
ComprarVender
Iniciar sesión ?Registrarse
Iniciar sesión ?Registrarse
ARTÍCULOS DESTACADOS
Anterior Siguiente
Cámara reflex
$2.400.000
Bucaramanga
Libro de diseño
$400.000
Cucuta
Tabla wacom
$600.000
Bucaramanga
Bolso moderno
$100.000
Bogotá
Libro de logos
$150.000
Medellín
Lentes canon
$2.100.000
Tunja
Folders
$40.000
Cali
Imac 24”
$2.800.000
San Gil
Paquete de office
$50.000
Bogotá
Estetoscopio
$200.000
Pitalito
Bureta
$30.000
Medellín
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Violín
$800.000
Bucaramanga
Categorías
Libros Ciencia Informática
SoftwareMaterialesElectrónicos
Iniciar sesión ?Registrarse
Cámara Nikon D5300 $ 2.400.0004 Unidades
Comprar
Descripción Electrónico / Fotografía / Cámara
Estado del producto
Ofertar
Enviar
Nombre del producto
¿Cuanto quieres ofertar?
$ 2.000.000
$ 1.500.000 $ 2.400.000
Carrera Ciudad
Cámara Nikon totalmente
nueva y en perfecto estado
con su caja, manuales y lente
18-55 mm
Recuerda que entre mas se acerque tu oferta al tope, más
probabilidades tendras de obtener el producto que te
interesa.
¿Que deseas agregar a
la oferta?
MOCKUP VENDER
Formulario de registro
Login con Facebook
Se despliega una seccion oculta
Se abre una nueva ventana
ComprarVender
Iniciar sesión ?Registrarse
Iniciar sesión ?Registrarse
ARTÍCULOS DESTACADOS
Contraseña
Recuperar contraseña
Usuario
Nombre del producto
Nombre del producto
Cantidad
Cantidad
Publicar
Descripción Categoría 1 Categoría 2 Categoría 3
Estado del producto
Productos ofertados
Cancelar
ContraseñaUsuario
Nombre
Correo
Ciudad
Carrera
Aceptar
Apellido
Confirmar correo
Universidad
Cancelar
Facultad
Registrarse
Iniciar con tu cuenta
Categorías
No se permite que la aplicación publique en Facebook.
recibirá la siguiente información: perfil público y
dirección de correo electrónico.
Usados
Editar información que proporcionas
Cancelar Aceptar
Regresar Salir
Libros Ciencia Informática
SoftwareMaterialesElectrónicos
Nombre del producto Cantidad
Nombre del producto Cantidad
Nombre del producto Cantidad

Más contenido relacionado

Destacado

Evolución de contenidos virtuales
Evolución de contenidos virtualesEvolución de contenidos virtuales
Evolución de contenidos virtuales
joshua Daza Rincon
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011
byroncorrales
 
Joshua
JoshuaJoshua
UX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights Vol. 07.04: Técnicas de investigación de usuariosUX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights
 
Herramientas web - Joshua Romero
Herramientas web - Joshua RomeroHerramientas web - Joshua Romero
Herramientas web - Joshua Romero
Joshua Larry
 
Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.
Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.
Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.
Oscar Gonzalez Garza
 
Test heuristico
Test heuristicoTest heuristico
UX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosUX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locos
Andrea Cantú
 

Destacado (8)

Evolución de contenidos virtuales
Evolución de contenidos virtualesEvolución de contenidos virtuales
Evolución de contenidos virtuales
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011
 
Joshua
JoshuaJoshua
Joshua
 
UX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights Vol. 07.04: Técnicas de investigación de usuariosUX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights Vol. 07.04: Técnicas de investigación de usuarios
 
Herramientas web - Joshua Romero
Herramientas web - Joshua RomeroHerramientas web - Joshua Romero
Herramientas web - Joshua Romero
 
Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.
Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.
Diseño Responsivo: Respondiendo a dispositivos, resoluciones y experiencias.
 
Test heuristico
Test heuristicoTest heuristico
Test heuristico
 
UX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosUX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locos
 

Similar a Diseño de interfaces

Registro, venta y compra en mercadolibre
Registro, venta y compra en mercadolibreRegistro, venta y compra en mercadolibre
Registro, venta y compra en mercadolibre
analong
 
E-commerce (Rafael Trucios)
E-commerce (Rafael Trucios)E-commerce (Rafael Trucios)
E-commerce (Rafael Trucios)
Rafael Trucios Maza
 
Montar una tienda en Facebook
Montar una tienda en FacebookMontar una tienda en Facebook
Montar una tienda en Facebook
Tienda Nube
 
Elementos de una tienda online - Roman Garcia (Demini)
Elementos de una tienda online - Roman Garcia (Demini)Elementos de una tienda online - Roman Garcia (Demini)
Elementos de una tienda online - Roman Garcia (Demini)
AECEM - Asociación Española de Comercio Electrónico y Marketing Relacional
 
Analisis de negocio agil
Analisis de negocio agilAnalisis de negocio agil
Analisis de negocio agil
Guino Henostroza
 
Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)
AECEM - Asociación Española de Comercio Electrónico y Marketing Relacional
 
Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)
AECEM - Asociación Española de Comercio Electrónico y Marketing Relacional
 
Elementos de una tienda online Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online Juan Pablo Giménez (Director General Demini)Elementos de una tienda online Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online Juan Pablo Giménez (Director General Demini)
guest703eeb
 
Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)
AECEM - Asociación Española de Comercio Electrónico y Marketing Relacional
 
Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)
Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)
Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)
AECEM - Asociación Española de Comercio Electrónico y Marketing Relacional
 
Tienda Vitual red tienda
Tienda Vitual red tiendaTienda Vitual red tienda
Tienda Vitual red tienda
Tecnológico Sudamericano
 
Modelos de negocios electronicos
Modelos de negocios electronicosModelos de negocios electronicos
Modelos de negocios electronicos
Pyme Up
 
Manual mlm365
Manual mlm365Manual mlm365
Manual mlm365
Cory m
 
Comercio Electrónico
Comercio ElectrónicoComercio Electrónico
Comercio Electrónico
guestf88ff
 
Como hacer una Tienda On Line
Como hacer una Tienda On LineComo hacer una Tienda On Line
Como hacer una Tienda On Line
Antonio Juaneda
 
15 Errores Comunes En E Commerce DiseñO
15 Errores Comunes En E Commerce DiseñO15 Errores Comunes En E Commerce DiseñO
15 Errores Comunes En E Commerce DiseñO
Utopia Z
 
3 maneras de hacer dinero fácil en internet
3 maneras de hacer dinero fácil en internet3 maneras de hacer dinero fácil en internet
3 maneras de hacer dinero fácil en internet
César Quintanilla
 
Presentacion mercapoli
Presentacion mercapoliPresentacion mercapoli
Presentacion mercapoli
Sergio A. Nuñez
 
Cómo vender más y mejor con Mercado Libre
Cómo vender más y mejor con Mercado LibreCómo vender más y mejor con Mercado Libre
Cómo vender más y mejor con Mercado Libre
Pablo Capurro
 
Sistemas semana 1
Sistemas   semana 1Sistemas   semana 1
Sistemas semana 1
sigjulio
 

Similar a Diseño de interfaces (20)

Registro, venta y compra en mercadolibre
Registro, venta y compra en mercadolibreRegistro, venta y compra en mercadolibre
Registro, venta y compra en mercadolibre
 
E-commerce (Rafael Trucios)
E-commerce (Rafael Trucios)E-commerce (Rafael Trucios)
E-commerce (Rafael Trucios)
 
Montar una tienda en Facebook
Montar una tienda en FacebookMontar una tienda en Facebook
Montar una tienda en Facebook
 
Elementos de una tienda online - Roman Garcia (Demini)
Elementos de una tienda online - Roman Garcia (Demini)Elementos de una tienda online - Roman Garcia (Demini)
Elementos de una tienda online - Roman Garcia (Demini)
 
Analisis de negocio agil
Analisis de negocio agilAnalisis de negocio agil
Analisis de negocio agil
 
Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online - Juan Pablo Giménez (Director General Demini)
 
Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online PM - Juan Pablo Giménez (Director General Demini)
 
Elementos de una tienda online Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online Juan Pablo Giménez (Director General Demini)Elementos de una tienda online Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online Juan Pablo Giménez (Director General Demini)
 
Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)
Elementos de una tienda online SS- Juan Pablo Giménez (Director General Demini)
 
Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)
Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)
Elementos de una Tienda Online - Juan Pablo Giménez (Director Demini)
 
Tienda Vitual red tienda
Tienda Vitual red tiendaTienda Vitual red tienda
Tienda Vitual red tienda
 
Modelos de negocios electronicos
Modelos de negocios electronicosModelos de negocios electronicos
Modelos de negocios electronicos
 
Manual mlm365
Manual mlm365Manual mlm365
Manual mlm365
 
Comercio Electrónico
Comercio ElectrónicoComercio Electrónico
Comercio Electrónico
 
Como hacer una Tienda On Line
Como hacer una Tienda On LineComo hacer una Tienda On Line
Como hacer una Tienda On Line
 
15 Errores Comunes En E Commerce DiseñO
15 Errores Comunes En E Commerce DiseñO15 Errores Comunes En E Commerce DiseñO
15 Errores Comunes En E Commerce DiseñO
 
3 maneras de hacer dinero fácil en internet
3 maneras de hacer dinero fácil en internet3 maneras de hacer dinero fácil en internet
3 maneras de hacer dinero fácil en internet
 
Presentacion mercapoli
Presentacion mercapoliPresentacion mercapoli
Presentacion mercapoli
 
Cómo vender más y mejor con Mercado Libre
Cómo vender más y mejor con Mercado LibreCómo vender más y mejor con Mercado Libre
Cómo vender más y mejor con Mercado Libre
 
Sistemas semana 1
Sistemas   semana 1Sistemas   semana 1
Sistemas semana 1
 

Último

Proyecciones, vistas isométricas y en plano
Proyecciones, vistas isométricas y en planoProyecciones, vistas isométricas y en plano
Proyecciones, vistas isométricas y en plano
jordanodominguez
 
UNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICA
UNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICAUNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICA
UNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICA
suclupesanchezm
 
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial ValenciaCatalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
AMADO SALVADOR
 
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptxSEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
CarlosDanielAlanocaT1
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Soleito
 
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdfLOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
BARBARAAMAYA4
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
ivanna200511
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
JesusFlores151669
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
IzaakAzaga
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
mantenimientofresita
 
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdfguia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
RofoMG
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
GuillermoAlejandroCh6
 
soporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computosoporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computo
mantenimientofresita
 
Lab 0 - Instalación Hidráulica (Completo).docx
Lab 0 - Instalación Hidráulica (Completo).docxLab 0 - Instalación Hidráulica (Completo).docx
Lab 0 - Instalación Hidráulica (Completo).docx
MarcosAntonioAduvire
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
Brbara57940
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
AlbertoGarcia461436
 
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
AMADO SALVADOR
 
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitecturaEl Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
slaimenbarakat
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
tatianezpapa
 
Centro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónicoCentro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónico
OmairaQuintero7
 

Último (20)

Proyecciones, vistas isométricas y en plano
Proyecciones, vistas isométricas y en planoProyecciones, vistas isométricas y en plano
Proyecciones, vistas isométricas y en plano
 
UNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICA
UNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICAUNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICA
UNIDAD 1. DE DPCC DESARROLLO PERSONAL CIUDADANIA Y CIVICA
 
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial ValenciaCatalogo General Cosmic Amado Salvador distribuidor oficial Valencia
Catalogo General Cosmic Amado Salvador distribuidor oficial Valencia
 
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptxSEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
SEMANA 02 TRAZOS DE POLIGONALES TOPOGRÁFICAS 04.pptx
 
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...Álbum Collage de Fotos día del padre  polaroid scrapbook  pastel_20240611_040...
Álbum Collage de Fotos día del padre polaroid scrapbook pastel_20240611_040...
 
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdfLOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
LOS-PROYECTOS-SOCIOPRODUCTIVOS-EN-FUNCIÓN-DE-LA-FORMACIÓN-LABORAL (1).pdf
 
Evolucion del computador para diseño pub
Evolucion del computador para diseño pubEvolucion del computador para diseño pub
Evolucion del computador para diseño pub
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
 
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdfBROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
BROCHURE QONDESA ABRIL 19 OK_pdf_LLQ.pdf
 
Manual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computoManual.pdfsoporte y mantenimientode equipo de computo
Manual.pdfsoporte y mantenimientode equipo de computo
 
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdfguia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
guia-para-el-diseno-de-parques-locales-accesibles-2023.pdf
 
puentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documentopuentes_Puentes_Semipermanentes.documento
puentes_Puentes_Semipermanentes.documento
 
soporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computosoporte y mantenimiento de equipo de computo
soporte y mantenimiento de equipo de computo
 
Lab 0 - Instalación Hidráulica (Completo).docx
Lab 0 - Instalación Hidráulica (Completo).docxLab 0 - Instalación Hidráulica (Completo).docx
Lab 0 - Instalación Hidráulica (Completo).docx
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
 
manual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargadosmanual_civilcad y uso de modulos cargados
manual_civilcad y uso de modulos cargados
 
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
Catalogo Peronda: Pavimentos y Revestimientos Ceramicos de Calidad. Amado Sal...
 
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitecturaEl Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
El Movimiento Moderno en Venezuela. Y los cambios que trajo en la arquitectura
 
manual pdf de empresa postres maria jose
manual pdf de empresa postres maria josemanual pdf de empresa postres maria jose
manual pdf de empresa postres maria jose
 
Centro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónicoCentro Veterinario Público CVP Diseño arquitectónico
Centro Veterinario Público CVP Diseño arquitectónico
 

Diseño de interfaces

  • 2. Notificación al correo del vendedor Pago Pago contra entrega Método de envío Compra Subcategorias Categorías Notificación al correo del vendedor Preguntar al vendedor Calificar el producto comprado Calificar al vendedor Productos Perfil Lista de Direcciones Historial de Compras Lista de deseos Respuestas del vendedor Registro Buscador Pqrs Soporte Comprador Responder Preguntas Clientes Mis calificaciones Lista - Vista Mis productos Historial de Ventas Editor de productos Responder Solicitudes del Administrador Perfil Registro Vendedor Eliminar a vendedor o comprador Consultar base de datos de compradores o vendedores Administrar espacios publicitarios Respuesta a Pqrs Administrador Usados Estado del producto Ofertas Recibidas Publicar producto Eliminar producto Aceptar Declinar Contraofertar Hacer oferta Aceptar Contraoferta Declinar Contraoferta Notificacion al correo Notificación de pago por parte del comprador de su producto en nuestro punto de pago Eliminar producto por infringir normas de publicación Tabulacion de datos del tráfico de productos vendidos dentro de la plataforma periodicamente Consultar datos de operadores Información del punto Contacto con el punto Estado de cuenta Bloqueo de cuenta Eliminar el punto Habilitar cuenta Ofertar Pago con operador Código promocional Generacion de pin de pago Operador Consultar base de datos de compradores y vendedores Consultar base de datos productos Registrar pago del comprador Notificar al vendedor del pago realizado por su producto Registrar retiro de dinero del vendedor MAPA FUNCIONAL
  • 3. WIREFRAME VENDER Usuario - Contraseña Vender Registrarse - Recuperar contraseña Formulario de registro Login con Facebook Loguearse con... Icono - Productos Ofertados - Bandeja de Entrada Redes de la plataforma Publicar - Eliminar Categorias Icono - Categoria Descripcion Cantidad - Titulo del producto - Editar Icono - Detalles Descripcion del producto Imagen - Nombre del producto - Cantidad - Estado de la publicacion- Eliminar - Editar Se despliega una seccion oculta Se abre una nueva ventana F
  • 4. WIREFRAME COMPRAR Comprar Buscar Categorias Icono - Espacio para teclear búsqueda Universidad - Carrera - Ciudad Usuario - Contraseña Metodo de pago Interfaz redireccionada del método seleccionado Registrarse - Recuperar contraseña Formulario de registro Login con Facebook Loguearse con... Se despliega una seccion oculta Se despliega una seccion oculta para iniciar sesion Cuando se ha iniciado sesion se despliega una seccion oculta Después de Loguear se vuelve a la ventana del producto Cuando se selecciona un producto se abre una ventana emergente Cuando se realiza una busqueda carga una ventana nueva Se abre una nueva ventana F F F
  • 5. WIREFRAME OFERTAR Confirmar oferta Icono Confirmar - Cancelar Su oferta ha sido enviada Volver - Salir Cuando se completa la oferta se abre una seccion oculta Oferta mínima - Oferta máxima Recuerda que entre mas se acerque tu oferta al tope, más probabilidades tendras de obtener el producto que te interesa Icono - Cuanto quieres ofertar? Nombre - Adjuntar imagen Enviar Qué más deseas agregar a la oferta? Se abre una ventana temporal +
  • 6. MAPA ESTRUCTURAL VENDER El usuario ingresa a la plataforma Aparece la interfaz de inicio de sesión El usuario se registra con el formulario de la plataforma Se diligencia el formulario para publicar el producto Se envía la publicación al administrador de la plataforma para que apruebe la publicación La plataforma hace publica la oferta del producto en un término de 12 horas Se confirma al usuario el estado de su publicacion de “pendiente” a “activa” El usuario se loguea con su cuenta de redes sociales Se despliega una sección oculta Se abre una ventana En la página de inicio selecciona el boton de vender
  • 7. MAPA ESTRUCTURAL OFERTAR El usuario se encuentra en la interfaz de comprar El usuario ubica el puntero en el precio que desea ofertar al vendedor Adjunta imagen y llena el formulario de “encime” El usuario selecciona el botón “enviar oferta” Pregunta de confirmación o cancelación de la oferta La plataforma confirma el envío de la oferta Se despliega una sección oculta Se despliega una sección oculta Se abre una ventana temporal Selecciona la opción de ofertar
  • 8. MAPA ESTRUCTURAL COMPRAR El usuario ingresa a la plataforma Aparece la interfaz de inicio de sesión Aparece la interfaz de resultados de búsqueda Aparece la interfaz de búsqueda de producto El usuario ingresa criterios de búsqueda de su interés El usuario se registra con el formulario de la plataforma Regresa a la interfaz de las especificaciones del producto La plataforma redirecciona a la página de pagos aliada y seleccionada por el usuario El usuario se loguea con su cuenta de redes sociales Se despliega una sección oculta Se despliega una sección oculta Se abre una ventana En la página de inicio selecciona el boton de comprar Aparece una nueva ventana Se abre una ventana emergente El usuario selecciona el producto de interés El usuario selecciona el método de pago El usuario selecciona comprar Se despliega una sección oculta El usuario selecciona comprar Aparecen las especificaciones del producto de interés
  • 9. SET UI IDENTIDAD CORPORATIVA Logotipo Símbolo Íconos Contenedores Colores Tipografía C: 0% M: 75% Y: 100% K: 0% Neosans Light Parrafos 11pt Neosans Regular Titulos: 22pt Subtítulos: 15 pt C: 10% M: 100% Y: 50% K: 0%
  • 10. MOCKUP OFERTAR Cuando se completa la oferta se abre una seccion oculta Se abre una ventana temporal ¿Desea confirmar oferta? ¡Su oferta ha sido enviada con éxito! Iniciar sesión ?Registrarse Cámara Nikon D5300 $ 2.400.0004 Unidades Comprar Descripción Electrónico / Fotografía / Cámara Estado del producto Ofertar Enviar Nombre del producto ¿Cuanto quieres ofertar? $ 2.000.000 $ 1.500.000 $ 2.400.000 Cámara Nikon totalmente nueva y en perfecto estado con su caja, manuales y lente 18-55 mm Recuerda que entre mas se acerque tu oferta al tope, más probabilidades tendras de obtener el producto que te interesa. ¿Que deseas agregar a la oferta? Confirmar Cancelar Volver Salir
  • 11. MOCKUP COMPRAR Interfaz redireccionada del método seleccionado Formulario de registro Login con Facebook Se despliega una seccion oculta Se despliega una seccion oculta para iniciar sesion Cuando se ha iniciado sesion se despliega una seccion oculta Después de Loguear se vuelve a la ventana del producto Cuando se selecciona un producto se abre una ventana emergente Cuando se realiza una busqueda carga una ventana nueva Se abre una nueva ventana F Buscar Contraseña Recuperar contraseña Usuario Registrarse Iniciar con tu cuenta Método de pago ContraseñaUsuario Nombre Correo Ciudad Carrera Aceptar Apellido Confirmar correo Universidad Cancelar Facultad No se permite que la aplicación publique en Facebook. recibirá la siguiente información: perfil público y dirección de correo electrónico. Usados Editar información que proporcionas Cancelar Aceptar Universidad Nombre del producto ComprarVender Iniciar sesión ?Registrarse Iniciar sesión ?Registrarse ARTÍCULOS DESTACADOS Anterior Siguiente Cámara reflex $2.400.000 Bucaramanga Libro de diseño $400.000 Cucuta Tabla wacom $600.000 Bucaramanga Bolso moderno $100.000 Bogotá Libro de logos $150.000 Medellín Lentes canon $2.100.000 Tunja Folders $40.000 Cali Imac 24” $2.800.000 San Gil Paquete de office $50.000 Bogotá Estetoscopio $200.000 Pitalito Bureta $30.000 Medellín 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Violín $800.000 Bucaramanga Categorías Libros Ciencia Informática SoftwareMaterialesElectrónicos Iniciar sesión ?Registrarse Cámara Nikon D5300 $ 2.400.0004 Unidades Comprar Descripción Electrónico / Fotografía / Cámara Estado del producto Ofertar Enviar Nombre del producto ¿Cuanto quieres ofertar? $ 2.000.000 $ 1.500.000 $ 2.400.000 Carrera Ciudad Cámara Nikon totalmente nueva y en perfecto estado con su caja, manuales y lente 18-55 mm Recuerda que entre mas se acerque tu oferta al tope, más probabilidades tendras de obtener el producto que te interesa. ¿Que deseas agregar a la oferta?
  • 12. MOCKUP VENDER Formulario de registro Login con Facebook Se despliega una seccion oculta Se abre una nueva ventana ComprarVender Iniciar sesión ?Registrarse Iniciar sesión ?Registrarse ARTÍCULOS DESTACADOS Contraseña Recuperar contraseña Usuario Nombre del producto Nombre del producto Cantidad Cantidad Publicar Descripción Categoría 1 Categoría 2 Categoría 3 Estado del producto Productos ofertados Cancelar ContraseñaUsuario Nombre Correo Ciudad Carrera Aceptar Apellido Confirmar correo Universidad Cancelar Facultad Registrarse Iniciar con tu cuenta Categorías No se permite que la aplicación publique en Facebook. recibirá la siguiente información: perfil público y dirección de correo electrónico. Usados Editar información que proporcionas Cancelar Aceptar Regresar Salir Libros Ciencia Informática SoftwareMaterialesElectrónicos Nombre del producto Cantidad Nombre del producto Cantidad Nombre del producto Cantidad