• Like
  • Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Lenguajes IxD

  • 222 views
Uploaded on

Notación gráfica para el diseño de interacción. ¿Cómo logramos atrapar las sutilezas para ofrecer una experiencia construida para el usuario?

Notación gráfica para el diseño de interacción. ¿Cómo logramos atrapar las sutilezas para ofrecer una experiencia construida para el usuario?

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
222
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Lenguajes IxD notación gráfica para el diseño de interacción
  • 2. simultaneidad y continuidad
  • 3. antecedentes
  • 4. AJAX Jesse James Garret (2005)
  • 5. Modelos Mentales Indie Young
  • 6. antes, hay que saber un poco de...
  • 7. Mapas de Clases Mapa de Clases Clerk, plataforma de administración Hotelera (versión 0.01) Cuenta CLERK ID user Email # Hoteles (cuentas) # Usuarios Usuario Cuenta Hotel Moneda Habitación Cliente Venta ID ID Moneda Primaria (CHLP) Número (##) ID ID Nombres Nombre Hotel Nombre Tipo Cliente Apellidos Logo - Thumbnail Moneda Secundaria (U$) y factor de conversión a Moneda Primaria Avatar URL correo electrónico Usuarios habilitados Rol Moneda Permisos Habitaciones Moneda Terciaria (EURO) y factor de conversión a Moneda Primaria Tipo de Habitación Status Camas Fechas (desde - Planta Habitaciones Teléfono (extensión) Tipo (Cliente) Notas Persona Clientes Tarifa Institución Ventas Tipos de Habitación Contrato Tipo (Nombre) Fecha de Creación Precio Fecha de Caducidad lat. long. Persona Plan Prefijo (Sr. Prof. Srta, etc) Gratis Nombres Mínima Apellidos Estándar Dirección Institución Completa Pais Nombre Correo electrónico Dirección Tipo de Plan Gratis Mínima Estándar Completa Cumpleaños URL Contac # usuarios 2 10 30 ∞ Teléfono Contacto Prefijo (S # habitaciones 50 100 ∞ ∞ Acompañantes Personas (clientes) Nombres # ventas 2 * #habs. (50 max) 50 * #habs. ( 100 * #habs. ∞ Empresa / Institución Facturas Apellidos precio mensual $ 0.- $ 29 $59 $149 Tarifa Tarifa Correo e Facturas Historial de Ventas Teléfono Historial de Ventas Notas Notas
  • 8. Diagrama de secuencia
  • 9. Caso de Uso Sistema de Reserva Factura Generar cargos a la cuenta genera PDF checkin <extiende> <usa> <usa> <firma documento de checkin> Venta <usa> <usa> genera PDF checkout login <firma documento de checkout> <extiende> Clerk Crea reserva <incluye> Habitación cliente <incluye> cliente <extiende> <extiende> persona empresa
  • 10. Diagrama de Estado State Diagram - Computer Science
  • 11. pero, en realidad es fácil
  • 12. Service Blueprint Lynn Shostack (1970s)
  • 13. Dialing IBM-HELP to get assistance with Lotus Notes service evidence Carrie Chan | IBM T.J Watson Research Center, Hawthorne NY | 6.15.07 Blueprinting ideas v.4 customer steps problem with Lotus Notes Mail and Calendar syncing NAVIGATE PRE-RECORDED MENU DIAL WAIT TALK TO AGENT FOLLOW AGENT hazard line how long am i being put on hold for? onstage Dislike calling call centers i’m pressing ‘3’ and nothing is happening... 6D1511 is before 6A1511 in the menu choices... did I hear 6D1511 correctly? customer’s journey he’s assuming i know all the IBM language even though I’ve repeatedly told him I was new finally, the agent is back he’s apologizing for software malfunction - is this the same problem i was just having? or should i be worrying about something else? is he even listeni me? he seems to typing a lot. and n paying attention. he’s talking really fast service representative area visibility line of of visibility provider’s steps Ask for employee serial number. Present customer with menu options to redirect call. Redirect call after customer inputs a choice. DIRECT CALL TO PROPER DEPT. WAIT FOR CALL Introduce yourself. Apologize for software malfunction. Ask customer what problem they’re having. Look up information regarding Lotus Notes Mail and Calendar syncing on database. Ask what error message the customer is getting. Proceed to follow steps outlined in documentation. Ask if they are on or off site. INTRODUCTION GET PROBLEM WALK CUST FIND SOLUTION TO PROBLEM support processes backstage application backstage script Give introductory speech. P implementation P P account executives P P P P product executives (BTO) P P P ope
  • 14. SUDAMÉRICA AIRPASS Flujo para Europa Declara su situación de vuelo Navega y elige su programa acciones del usuario ! contacto directo proceso interno llego en LAN llego en otra aerolínea selecciona circuito destaca el precio para pasajero LAN destaca el precio para pasajero de otra aerolínea procesa y grafica información detalle del circuito mapa disclaimer precio
  • 15. SUDAMÉRICA AIRPASS Flujo para Europa Declara su situación de vuelo Navega y elige su programa acciones del usuario contacto directo proceso interno llego en LAN llego en otra aerolínea selecciona circuito destaca el precio para pasajero LAN destaca el precio para pasajero de otra aerolínea procesa y grafica información detalle del circuito mapa dis
  • 16. Frontend Backend { { CONVERSACIÓN ESPACIO LÓGICA PROCESOS
  • 17. ¿fin? no creo, porque no existe un estándar para definir el flujo de interacción de un servicio, aún.