El hecho de que las tres PECs girasen entorno al mismo proyecto ha resultado muy provechoso no solo para aproximarse a lo que podr\u00eda ser el proceso natural de dise\u00f1o de una interfaz interactiva sino tambi\u00e9n para aprender a reaccionar ante imprevistos, repensar y valorar como un concepto inicial experimenta incontables modificaciones hasta devenir el producto final. Y todo, para cumplir un objetivo, que es la satisfacci\u00f3n en la experiencia del usuario.<\/p>\n La primera etapa del proceso se convirti\u00f3 en un estudio de campo. Junto a la plasmaci\u00f3n pormenorizada de la idea de lo que tendr\u00eda que ser la aplicaci\u00f3n m\u00f3vil, fue necesario realizar diferentes entrevistas para captar las necesidades que un potencial usuario buscar\u00eda resolver con esta app. A partir de las diferentes historias de usuario surgieron, pues, las funcionalidades que contendr\u00eda la aplicaci\u00f3n: el control de la lactancia, el cambio de pa\u00f1ales, las horas de sue\u00f1o, los ba\u00f1os, la toma de medicinas y las visitas al pediatra.<\/p>\n En esta primera etapa, tambi\u00e9n, teste\u00e9 el mercado de aplicaciones m\u00f3viles, ya que otro de los objetivos a cumplir era mejorar las ya existentes o, cuanto menos, evitar los errores de usabilidad que iba detectando. En este sentido, me percat\u00e9 que aquellas aplicaciones m\u00f3viles ya existentes en el mercado no estaban especialmente orientadas a partos m\u00faltiples, es decir, no facilitaban las cosas a padres de gemelos que quisieran utilizarla. Por ello, decid\u00ed dar cabida a este segmento de potencial usuario y proponer un dise\u00f1o que permitiese desplazarse f\u00e1cilmente de la informaci\u00f3n de un beb\u00e9 a otro.<\/p>\n La segunda etapa del proyecto propon\u00eda realizar el \u00e1rbol de navegaci\u00f3n d\u00f3nde deber\u00edan plasmarse los v\u00ednculos entre las diferentes pantallas que conformar\u00edan la app. Probablemente fue en esta fase donde los tachones y las rectificaciones iban y ven\u00edan con m\u00e1s frecuencia ya que es en este momento donde se produce la verdadera conceptualizaci\u00f3n visual de la aplicaci\u00f3n, d\u00f3nde se determina qu\u00e9 pantallas ser\u00e1n necesarias y como el usuario tendr\u00e1 que moverse entre ellas sin encontrarse con enlaces rotos o pantallas sin retorno. Aqu\u00ed tambi\u00e9n comenzamos a dar rienda suelta a nuestra creatividad y es que tras establecer el \u00e1rbol de navegaci\u00f3n, dibujamos a mano alzada alguna de las principales pantallas. De esta manera practicamos sketching<\/em> y wireframing<\/em>, en otras palabras, las t\u00e9cnicas de prototipado de baja definici\u00f3n. En este punto fue interesante conocer que los dise\u00f1adores tenemos a nuestra disposici\u00f3n herramientas en l\u00ednea que permiten crear estos prototipos b\u00e1sicos, como es Balsamiq<\/em><\/a>.<\/p>\n Finalmente, la \u00faltima de las etapas del proyecto consist\u00eda en dotar de cara, ojos e interactividad lo que hasta el momento hab\u00edan sido ideas y bosquejos. Era el momento de crear el prototipo de alta definici\u00f3n de nuestra app que, adem\u00e1s, ten\u00eda que ser plenamente navegable. Para ello, se nos propuso programas como Justinmind<\/em> o Axure<\/em>, que permiten crear prototipos muy veros\u00edmiles como antesala a la programaci\u00f3n. Me convencieron las posibilidades de Justinmind<\/em>, as\u00ed que me decant\u00e9 por utilizarlo para la creaci\u00f3n de mi prototipo para iPhone 5S. Adem\u00e1s, incluye todos los widgets para el sistema operativo iOS7, con lo que ten\u00eda mucho ganado para conseguir ajustarme a los est\u00e1ndares de dise\u00f1o de Apple. En este sentido, ech\u00e9 mano de la iOS Human Interface Guidelines<\/em><\/a>, disponible en la web de Apple, un recurso muy \u00fatil para todo aquel que desee dise\u00f1ar para iOS y no sepa por d\u00f3nde empezar.<\/p>\n Justinmind<\/em> ofrece fondos y botones para crear el prototipo de tu app, pero decid\u00ed partir desde cero y dise\u00f1ar todas mis im\u00e1genes (\u00bfiba a perderme lo m\u00e1s divertido?<\/em>). Utilic\u00e9 un editor de gr\u00e1ficos vectoriales y trat\u00e9 de mantener la m\u00e1xima coherencia en el dise\u00f1o de cada una de las pantallas, ya que los cambios crom\u00e1ticos y de estructura aleatorios no hacen sino que contribuir a la confusi\u00f3n del usuario. Luego, con Justinmind<\/em>, import\u00e9 las im\u00e1genes sin problemas. A partir de aqu\u00ed, solo quedaba ir creando las diferentes pantallas y vincularlas unas con otras de manera que, al simular el prototipo, diera la sensaci\u00f3n que navegabas por la app con la posibilidad de visualizar f\u00e1cilmente dos perfiles de beb\u00e9. Realmente fue muy interesante, casi un juego, hacer servir esta herramienta.<\/p>\n Enlace al prototipo interactivo<\/a><\/strong><\/p>\n Como en tantas situaciones del d\u00eda a d\u00eda, considero que en el Dise\u00f1o Multimedia no hemos de perder de vista la empat\u00eda, s\u00ed, eso de lo que muchos carecen. Comprender y abordar correctamente el dise\u00f1o orientado a la experiencia del usuario es una cuesti\u00f3n emp\u00e1tica, al fin y al cabo; es entender lo que va a necesitar y de qu\u00e9 manera, lo que le va a gustar o, por el contrario, lo que va a hacer que tan pronto se descargue nuestra aplicaci\u00f3n, la elimine de su dispositivo, porque sencillamente, no hemos sabido ponernos en su lugar para dar con lo que estaba buscando.<\/p>\n El Dise\u00f1o de Interfaces Interactivas es una cuesti\u00f3n que va m\u00e1s all\u00e1 de la cosa est\u00e9tica. Es tratar de conseguir una disposici\u00f3n de los elementos gr\u00e1ficos tal que la interacci\u00f3n se produzca de manera fluida, sencilla, sin requerirle grandes esfuerzos de comprensi\u00f3n al usuario y que, adem\u00e1s, todo esto luzca bonito. Da igual, el usuario no va a valorar la complejidad de tu aplicaci\u00f3n, va a valorar que des en el clavo, y con este proyecto he comprendido que eso se consigue, en gran medida, aprendiendo a mirar con los ojos de otro.<\/p>\n![\"FdezCol-3\"](\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/files\/2014\/02\/FdezCol-3.png\")
<\/a><\/p>\nEtapas y retos<\/h1>\n
<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\nConclusiones<\/h1>\n
Documentaci\u00f3n<\/h1>\n