{"id":125121,"date":"2017-09-27T08:00:50","date_gmt":"2017-09-27T06:00:50","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/mobile-app-prototyping-ux-for-e-reading-with-javier-lianes\/"},"modified":"2025-02-03T20:53:49","modified_gmt":"2025-02-03T19:53:49","slug":"mobile-app-prototyping-ux-for-e-reading-with-javier-lianes","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/es\/clientes\/javier-lianes","title":{"rendered":"Prototipado de aplicaciones m\u00f3viles: UX para la lectura electr\u00f3nica con Javier Lianes"},"content":{"rendered":"<h2 style=\"margin-top: 0cm;\">Javier Lianes est\u00e1 superando las expectativas de los usuarios con su prototipo de redise\u00f1o de la interfaz de usuario del Kindle de Amazon<\/h2>\n<p>El dise\u00f1ador de UX <a href=\"https:\/\/www.linkedin.com\/in\/javierlianes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Javier Lianes<\/a>, afincado en Madrid, ha estado utilizando Justinmind para reconstruir la experiencia de usuario de su compa\u00f1ero lector electr\u00f3nico <span style=\"color: #ff0000;\"> <\/span>usuarios. Enamorado de la tecnolog\u00eda y \u00e1vido lector, a Javier se le puede encontrar a menudo pegado a su iPad, perdido en un libro electr\u00f3nico. Pero a pesar de su pasi\u00f3n por la lectura en l\u00ednea, la experiencia de Javier con los dispositivos de lectura electr\u00f3nica ha sido bastante decepcionante. En nuestro estudio de caso, le preguntamos sobre sus reparos con el kindle de Amazon -a <a href=\"https:\/\/www.google.es\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwihu6KX5bXWAhUDkRQKHcZsCUAQFggqMAA&amp;url=http%3A%2F%2Fwww.techradar.com%2Fnews%2Fportable-devices%2Fbest-kindle-and-ereaders-1320453&amp;usg=AFQjCNGKfGHV3IE3H3lqgriDu2eMyfyNGw\" target=\"_blank\" rel=\"noopener noreferrer\">pesar de la publicidad-<\/a>, sus soluciones propuestas a los retos de dise\u00f1o y c\u00f3mo las prototip\u00f3 con <a href=\"https:\/\/www.justinmind.com\/es\" target=\"_blank\" rel=\"noopener noreferrer\">Justinmind.<\/a>  <\/p>\n<h2>Los dise\u00f1adores de UX satisfechos hacen mejores productos<\/h2>\n<p>Como dise\u00f1ador aut\u00f3nomo, Javier es su propio jefe. A menudo, esto significa trabajar sin ayuda las 24 horas del d\u00eda para crear activos digitales e interfaces de usuario y enviarlos a <a href=\"https:\/\/www.justinmind.com\/es\/clientes\" target=\"_blank\" rel=\"noopener noreferrer\">los clientes<\/a>. Para entregar a tiempo dise\u00f1os de alta calidad, el flujo de trabajo de Javier debe ser impecable, y ganar impulso en el proceso de UX a menudo depende de la eficacia de sus herramientas de dise\u00f1o. Cualquier dise\u00f1ador de UX te dir\u00e1 lo importante que es encontrar la combinaci\u00f3n adecuada de herramientas. Si no te sientes c\u00f3modo con las herramientas que utilizas, se notar\u00e1 en tus dise\u00f1os. Y si est\u00e1s ocupado abri\u00e9ndote camino a trav\u00e9s de UI ininteligibles, no est\u00e1s centrado en resolver problemas de dise\u00f1o para el usuario. As\u00ed que cuando lleg\u00f3 su siguiente gran reto de dise\u00f1o, redise\u00f1ar la UI del Kindle de Amazon, Javier busc\u00f3 la herramienta perfecta. Fue entonces cuando dio con Justinmind.  <\/p>\n<h2>UI intuitivas y experiencias de dise\u00f1o fluidas<\/h2>\n<p>Javier empez\u00f3 a crear prototipos con Justinmind mientras asist\u00eda a un curso de UX en la <em>Escuela Trazos<\/em> de Madrid. Buscaba una interfaz intuitiva que no le llevara demasiado tiempo manejar. Desde el primer momento, a Javier le encant\u00f3 lo f\u00e1cil que le result\u00f3 familiarizarse con Justinmind. Encontr\u00f3 todas las capas y elementos de UI exactamente como esperaba. <\/p>\n<blockquote><p>\u00abJustinmind me sorprendi\u00f3 desde el primer momento. Grita claridad, accesibilidad y se aleja bastante de las herramientas de dise\u00f1o actuales\u00bb.<\/p><\/blockquote>\n<p>Cuando lleg\u00f3 el momento de empezar a redise\u00f1ar la UI de su lector electr\u00f3nico, se llev\u00f3 a Justinmind con \u00e9l. Su prototipo ofrece una <a href=\"https:\/\/youtu.be\/KQCN3TE4We4\" target=\"_blank\" rel=\"noopener noreferrer\">soluci\u00f3n alternativa<\/a> al cl\u00e1sico Kindle. Echa un vistazo a continuaci\u00f3n. <\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/KQCN3TE4We4\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Descarga Justinmind y crea experiencias de usuario para tus prototipos de aplicaciones web y m\u00f3viles<\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-other\" data-label=\"banner1-post\" data-action=\"es\/wp-json\/wp\/v2\/tc_content_pillar\/125121\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRFeU1TSjkiLCJzaWduYXR1cmUiOiI1YzRiMzgzYWQ5NjVlMTMxOGJhY2ZjN2Y3MDU1YjhiNmRjOWQ0ZjhhZjNhZWI0MDRjZmIzYTE2ZmNhOTllNmM1In0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpYTmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV5TlRFeU1TSjkiLCJzaWduYXR1cmUiOiI1YzRiMzgzYWQ5NjVlMTMxOGJhY2ZjN2Y3MDU1YjhiNmRjOWQ0ZjhhZjNhZWI0MDRjZmIzYTE2ZmNhOTllNmM1In0=\" class=\"action-tracking-button mks_button mks_button_large squared\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\" target=\"_blank\">Descargar gratis<\/a><\/p>\n<hr>\n<\/div>\n<h2>Prototipado de aplicaciones m\u00f3viles: code\u00e1ndose con el kindle de Amazon<\/h2>\n<h3>Dise\u00f1o de la UI para Amazon Kindle iOS<\/h3>\n<p>En muy poco tiempo, Javier ya estaba trabajando con Justinmind. Utiliz\u00f3 la<strong> plantilla de aplicaci\u00f3n m\u00f3vil para iPhone<\/strong> para dise\u00f1ar la disposici\u00f3n de las pantallas de su prototipo. Javier quer\u00eda crear elementos visuales m\u00e1s limpios y frescos para sus compa\u00f1eros de lectura electr\u00f3nica. En su opini\u00f3n, la interfaz de tem\u00e1tica oscura de Kindle es un poco deprimente. Kindle opta por tonos grises para sus pantallas principales de UI y un tema m\u00e1s claro para la pantalla de lectura. Para hacer frente a la pesadumbre, Javier opt\u00f3 por un tema claro en todo el prototipo de la aplicaci\u00f3n. Personalmente, \u00a1nos encanta la continuidad! A continuaci\u00f3n, utiliz\u00f3 una combinaci\u00f3n de <a href=\"https:\/\/www.justinmind.com\/es\/ui-kits\" target=\"_blank\" rel=\"noopener noreferrer\">widgets de UI de iOS predefinidos<\/a> de Justinmind, como la barra de estado y el cuadro de b\u00fasqueda, y sus propias im\u00e1genes, para crear la estructura de iOS en su prototipo. Fue tan f\u00e1cil como arrastrarlos y soltarlos en el lienzo. <\/p>\n<h3>Construir la interacci\u00f3n<\/h3>\n<p>Javier se centr\u00f3 en un rendimiento \u00e1gil y unos patrones de navegaci\u00f3n coherentes a la hora de dar vida a su prototipo de aplicaci\u00f3n para Kindle. Quer\u00eda asegurarse de que los usuarios pudieran deslizarse por la UI con facilidad y acceder a sus libros kindle desde la tienda kindle sin perder tiempo navegando por m\u00faltiples men\u00fas. Para mantener el flujo de navegaci\u00f3n ordenado y conciso, Javier opt\u00f3 por una barra de navegaci\u00f3n inferior. Incluir\u00eda s\u00f3lo 4 componentes: favoritos, descargas, ajustes e iconos de b\u00fasqueda. Utilizando <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/eventos-interacciones\">eventos de enlace<\/a>, Javier empez\u00f3 a construir la funcionalidad en su prototipo de aplicaci\u00f3n. <\/p>\n<blockquote><p>\u00abMe encant\u00f3 la sencillez de los elementos y eventos de UI de arrastrar y soltar. Era f\u00e1cil aplicarlos sin tener profundos conocimientos de programaci\u00f3n\u00bb.<\/p><\/blockquote>\n<p>Para crear la funci\u00f3n de desplazamiento por la pantalla t\u00e1ctil de un lector Kindle (para permitir al usuario moverse arriba y abajo por la pantalla), Javier utiliz\u00f3 los elementos de paralaje de Justinmind. A\u00f1adi\u00f3 un <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/parallax\" target=\"_blank\" rel=\"noopener noreferrer\">elemento de fondo fijo<\/a> en la parte inferior de la pantalla de inicio de la aplicaci\u00f3n. El fondo fijo es un elemento adherente y permanece fijo incluso cuando el usuario se desplaza hacia arriba y hacia abajo por la pantalla. Justinmind <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/prototipos-formularios-listas-de-datos-y-rejillas-de-datos\" target=\"_blank\" rel=\"noopener noreferrer\">Data Masters<\/a> y <a href=\"https:\/\/www.justinmind.com\/es\/soporte\/rejillas-de-datos\" target=\"_blank\" rel=\"noopener noreferrer\">Data Grids<\/a> fueron una combinaci\u00f3n esencial para este proyecto. Los utiliz\u00f3 para crear la experiencia del carrito de la compra, as\u00ed como el inventario, los marcadores y la personalizaci\u00f3n del usuario. <\/p>\n<h2>La prueba definitiva: El proceso de prueba de usuarios de Javier<\/h2>\n<p>El proceso de creaci\u00f3n de prototipos de Javier incluye 3 fases. La primera es una fase exploratoria en la que crea prototipos en papel y luego observa c\u00f3mo interact\u00faan los usuarios con ellos. La segunda fase incluye una evaluaci\u00f3n de las interacciones de los usuarios, y crea prototipos m\u00e1s elaborados para resolver algunos de los problemas de usabilidad de la primera fase. La fase final es una fase de validaci\u00f3n, acompa\u00f1ada de una buena evaluaci\u00f3n heur\u00edstica.   <\/p>\n<h2>Experiencia de usuario: La f\u00f3rmula del placer de Javier<\/h2>\n<p>\u00abInvolucrar al usuario en el proceso de UX es lo mejor que le ha pasado al dise\u00f1o desde el descubrimiento de la Proporci\u00f3n \u00c1urea\u00bb, dice Javier riendo. Javier trabaja para mejorar la disposici\u00f3n del terreno para el usuario. Cuando le preguntamos qu\u00e9 significaba para \u00e9l la experiencia del usuario, respondi\u00f3 \u00abImagina un parque con varios caminos de grava. Los caminos se conectan y entrelazan. Crean rutas diferentes, pero todos est\u00e1n se\u00f1alizados hacia el mismo lugar. El caminante ignora los caminos. Encuentra su propio camino, buscando rutas alternativas y atajos que le lleven a ese lugar m\u00e1s c\u00f3modamente\u00bb. Al igual que el caminante, el usuario a menudo se salta las se\u00f1ales y crea su propia ruta para llegar a donde quiere ir. La mejor ruta posible es donde reside la gran experiencia de usuario -el viaje del usuario- y es tarea del dise\u00f1ador de UX marcar el camino.<\/p>\n<h2>La revoluci\u00f3n UX de Javier: descubrir la herramienta de prototipado que acabar\u00e1 con todas las herramientas<\/h2>\n<p>Javier contempla el cambio en la industria del dise\u00f1o web hacia pr\u00e1cticas centradas en el usuario, as\u00ed como las herramientas que lo han hecho posible. Los dise\u00f1adores de UX pretenden crear productos usables y encantadores para sus usuarios. Pero hist\u00f3ricamente, como recuerda Javier, las empresas han impuesto a los dise\u00f1adores que se centraran en los clientes con poder adquisitivo, en lugar de en los usuarios cotidianos. Pero estamos asistiendo a un cambio hacia el dise\u00f1o centrado en el usuario, en el que las partes interesadas por fin tienen en cuenta al usuario final. Por ejemplo, Netflix acab\u00f3 con Blockbuster al <a href=\"https:\/\/www.amazon.com\/Users-Not-Customers-Determines-Business\/dp\/1591846315\">tratar a sus abonados como usuarios<\/a>, no como clientes. Con los usuarios ahora en el centro de la estrategia de producto, es deber del dise\u00f1ador centrar el dise\u00f1o del producto en torno al usuario final. Herramientas como Justinmind ayudan a satisfacer esta necesidad. Para Javier, <strong>la creaci\u00f3n de prototipos tanto de baja como de alta fidelidad<\/strong> es esencial para plasmar sus ideas, identificar errores y realizar mejoras en la experiencia del usuario. Como dise\u00f1ador aut\u00f3nomo, la creaci\u00f3n de prototipos le ayuda a ahorrar tiempo, recursos y dolores de cabeza. Al resolver los problemas antes de desarrollar un dise\u00f1o y una funcionalidad m\u00e1s complejos y en los que los errores salen bastante caros, la relaci\u00f3n coste-beneficio es mucho mayor.<\/p>\n<blockquote><p>\u00abJustinmind es la herramienta que me ayuda a llevar mis dise\u00f1os al siguiente nivel. Tengo libertad para dise\u00f1ar y obtener resultados asombrosos\u00bb.<\/p><\/blockquote>\n<p><a class=\"jim-banner-post-footer\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13263 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\" alt=\"Descargar gratis\" width=\"1399\" height=\"302\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png 1399w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-300x65.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-768x166.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-1024x221.png 1024w\" sizes=\"(max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Javier Lianes est\u00e1 superando las expectativas de los usuarios con su prototipo de redise\u00f1o de la interfaz de usuario del Kindle de Amazon  <\/p>\n","protected":false},"author":11,"featured_media":91516,"parent":0,"menu_order":0,"template":"","tags":[8469,8477,8482,8413],"content_category":[],"class_list":["post-125121","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-diseno-ux","tag-estudio-de-caso","tag-experiencia-del-usuario","tag-legacy-es"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125121"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":4,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125121\/revisions"}],"predecessor-version":[{"id":126285,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tc_content_pillar\/125121\/revisions\/126285"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media\/91516"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=125121"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=125121"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/content_category?post=125121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}