-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
60 lines (56 loc) · 4.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html>
<head>
<meta charset='UTF-8'/>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Partituras de Interacción</title>
<meta name='author' content='Herbert Spencer'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700' rel='stylesheet' type='text/css'>
<link href='css/pi.css' rel='stylesheet'>
</head>
<body>
<h1>Partituras de Interacción</h1>
<p>Diseñar interacción significa gobernar los flujos, diálogos y comportamientos de un sistema en su relación con las personas. Esto requiere de un lenguaje que se focalice en el tiempo. Las partituras de música hacen justamente eso. </p>
<p>Las partituras de interacción son un lenguaje visual propone un sistema de notación para formalizar los flujos de interacción en una plataforma o servicio digital.</p>
<div style="background-color: #fffbcc; padding: 1em; margin: 1em;">
<h3>Descargar</h3>
<ul>
<li><a href="downloads/Alfa_2.0.stencil.zip">Plantilla para Omnigraffle</a></li>
<li><a href="downloads/Alfa_2.0.ait.zip">Archivo Illustrator CS3<br />
</a></li>
</ul>
<p><small>Estos archivos están bajo licencia <a title="Licencia del trabajo" href="http://creativecommons.org/licenses/by-sa/2.0/cl/">Creative Commons Atribución-Licenciar Igual 2.0 Chile</a> desarrollado en la <strong>e[ad] Escuela de Arquitectura y Diseño</strong> por <strong>Katherine Exss</strong> (2007-2008) y <strong>Nicole Dupré</strong> (2008) como proyecto de título de Diseño Gráfico.</small></p>
</div>
<h3>Introducción</h3>
<p>La complejidad de un proyecto de desarrollo Web requiere de una metodología escalonada que normalmente es abordada por un equipo multidisciplinario. Dentro de este proceso podemos distinguir:</p>
<ol>
<li>Estrategia</li>
<li>Investigación de usuarios</li>
<li>Definición de requierimientos funcionales</li>
<li>Arquitectura de software</li>
<li>Arquitectura de información</li>
<li>Definición de interacción</li>
<li>Diseño de interfaz</li>
<li>Programación front-end</li>
<li>Testeo</li>
</ol>
<p>A lo largo de este proceso, los lenguajes de representación y formalización (mapas de navegación, UML, wireframes, esquemas de datos, diagramas de flujo, etc.) van marcando cada etapa pero en general carecemos de un sistema que permita transversalizar el producto final: la experiencia del usuario.</p>
<p>Este lenguaje propone un sistema de notación que pueda acompañar el proyecto desde la etapa de estrategia (alto grado de abstracción) hasta la etapa final de implementación en código (alto grado de especificidad), permitiendo a cada actor del proyecto (estrategas, diseñadores y programadores) comprender el total y cuidar el cumplimiento de la visión original. Se trata de un sistema que permite coreografiar y orquestar cuidadamente el díagolo en continuidad entre la persona y el servicio.</p>
<h3>Cómo funciona</h3>
<p>Las partituras de interacción descomponen el diálogo entre la persona y el servicio en 3 distintas capas horizontales:</p>
<ol>
<li><strong>Acciones del usuario</strong>: la intensionalidad del usuario expresada en sus acciones concretas<br />
<em><span style="color: #999999;">———————— línea de interacción ————————</span></em></li>
<li><strong>Contacto directo</strong>: los elementos de interfaz que permiten al usuario ejecutar tales acciones<br />
<em><span style="color: #999999;">———————— línea de visibilidad ————————</span></em></li>
<li><strong>Proceso</strong>: las funciones que permiten al sistema (servidor) dar respuesta en el diálogo con el usuario</li>
</ol>
<p>Cada módulo de interacción se compone como un compás en esta partitura. Estos compases (o patrones de interacción) permiten ensamblarse para verificar la lógica y la calidad de la experiencia en determinados escenarios de uso, así como detectar incosistencias o puntos críticos en el servicio.</p>
<p>Esperamos que esta herramienta se constituya como una ayuda para el desarrollo de aplicaciones y servicios para Internet, así como un facilitador del diálogo dentro de los equipos de diseño.</p>
<p>Este proyecto se encuentra en fase de evaluación, por lo tanto, para poder avanzar en su afinación es de vital contar con tus comentarios.</p>
<h4>Links</h4>
<ul>
<li><a title="en Wiki Casiopea" href="http://wiki.ead.pucv.cl/index.php/Lenguajes_Visuales_para_la_Interacci%C3%B3n">Documentación de Katherine Exss</a></li>
<li><a title="en Wiki Casiopea" href="http://wiki.ead.pucv.cl/index.php/Partituras_de_Interacci%C3%B3n">Documentación de Nicole Dupré</a></li>
</ul>
</div>
</div>