Full text
Trabajo Fin de Máster Diseño de la plataforma de lectura de cómics bajo demanda Arcamic Design of the on-demand comic book reading platform Arcamic Autor/es Marta Gracia Ibáñez Director/es Javier Fernández-Carrión Rubio Escuela de Ingeniería y Arquitectura 2020
DISEÑO DE LA PLATAFORMA DE LECTURA DE CÓMICS BAJO DEMANDA ARCAMIC TRABAJO FINAL DEL MÁSTER EN INGENIERÍA DE DISEÑO DE PRODUCTO Marta Gracia Ibáñez MEMORIA
3 INTRODUCCIÓN Este documento presenta el proyecto “Diseño de la plataforma de lectura de cómics bajo demanda Arcamic”, realizado en el área de Proyectos de Ingeniería de la Universidad de Zaragoza. Este proyecto surge de la necesidad de la empresa Arcamic del diseño de una plataforma de lectura de cómics bajo demanda. Esta debe facilitar el acceso y consumo del contenido por parte de los usuarios y establecer un canal de comunicación entre Arcamic y sus socios, que serán editoriales y autores de cómics. Para llevar a cabo este proyecto, en primer lugar se concertó una reunión inicial con una de las creadoras de Arcamic, quien aportó documentación acerca de la plataforma que ella misma había elaborado. Esta reunión permitió establecer los objetivos y el alcance del proyecto que posteriormente sirvieron para elaborar la metodología a seguir. Para conocer las características y necesidades del público objetivo al que se debe enfocar el proyecto, se han elaborado dos “User Persona” a partir de datos demográficos obtenidos por el estudio de “Hábitos de Lectura y Compra de Libros en España en 2018” realizado por la federación de gremios de escritores de España, patrocinado por el gobierno de España y publicado en enero de 2019 [1]. Con la finalidad de conocer las funcionalidades críticas que debe tener la plataforma a diseñar así como detectar las mejores prácticas y su aplicación, se ha realizado un estudio comparativo, también llamado “Benchmark”, sobre las plataformas líder en el sector del consumo de contenido digital. Además, debido a la falta de un estándar que permita categorizar los géneros de lectura de cómics, se ha llevado a cabo un estudio que ha permitido descubrir cómo son categorizados por los propios usuarios, que recibe el nombre de “Card Sorting”. Las conclusiones de estos diversos estudios han permitido definir un nuevo modelo de negocio, el cual se ha desarrollado en profundidad con la asignatura de Internet para las Cosas del Máster de Diseño de Producto. La información obtenida de la fase de investigación ha permitido organizar la arquitectura de la información de la forma más clara y lógica posible, quedando dividida en dos partes: la plataforma de contenido para los usuarios y la plataforma de gestión para administradores, editoriales y autores. Durante la fase de desarrollo se han elaborado los esquemas de cada una de las páginas que forman el conjunto del proyecto denominados “Wireframes”, en el caso de la plataforma de contenido en tres versiones adaptativas: móvil, tableta y ordenador. Una vez se han prototipado y añadido los elementos visuales a estas pantallas, se ha elaborado un test de usabilidad que ha permitido validar las decisiones tomadas a lo largo del proceso de diseño y mejorar la navegación de los usuarios. UN PROCESO DE DISEÑO CENTRADO EN EL USUARIO RESUMEN
4 INTRODUCCIÓN MEMORIA PLANTEAMIENTO DEL PROYECTO .................................................................................................. . ........... . 6 PLANIFICACIÓN .................................................................................................................................................... 9 FASE 01: INVESTIGACIÓN ................................................................................................................................. 10 01.1 - Investigación: Una fase orientada al descubrimiento 01.2 - Un nuevo modelo de negocio 01.3 - Conociendo a la audiencia: User Persona 01.4 - Una categorización centrada en el usuario: Card Sorting 01.5 - Estudio de la competencia: Benchmark FASE 02: DEFINICIÓN .......................................................................................................................................... 24 02.1 - Definición: la arquitectura de la información y del contenido. 02.2 - Para lectores: Plataforma de contenido 02.3 - Para creadores y Arcamic: Plataforma de gestión FASE 03: DESARROLLO ...................................................................................................................................... . 29 03.1 - Desarrollo: dando forma a la solución final 03.2 - Un prototipo consistente: guía de estilo para wireframes 03.2 - Esquemas interactivos: 03.2.1 - Wireframes y prototipos, plataforma de contenido 03.2.1.1 - Versión móvil 03.2.1.2 - Versión tablet 03.2.1.3 - Versión ordenador 03.2.2 - Wireframes y prototipos, plataforma de gestión 03.2.3 - Prototipos finales 03.3 - Un diseño efectivo: guía de estilo para diseño visual 03.4 - Diseño visual final 03.5 - Validación del diseño final: Test de usabilidad FASE 04: ENTREGABLES .................................................................................................................................... . 49 04.1 - Plataforma de contenido 04.2 - Plataforma de gestión 04.3 - Página web FUTURO DEL PROYECTO ................................................................................................................................... 64 BIBLIOGRAFÍA ...................................................................................................................................................... . 66 TABLA DE CONTENIDO
5 INTRODUCCIÓN ANEXOS ANEXO I: CONTEXTO .................................................................................................. . ........................................... 3 -I.a Modelo de negocio, proyecto de Internet para las cosas. -I.b Metodología Cosica ANEXO II: INVESTIGACIÓN ............................................................. . ..................................................................... 49 -II.a Benchmark -II.b Prácticas y propuestas -II.c Card Sorting ANEXO III: DEFINICIÓN ............................................................. . ............................................................................ 106 -III.a Arquitectura de la información de la plataforma de contenido -III.b Arquitectura de la información de la plataforma de gestión de los creadores de contenido -III.c Arquitectura de la información de la plataforma de gestión de los administradores ANEXO IV: DESARROLLO ............................................................. . ......................................................................... 110 -IV.a Wireframes plataforma de contenido - Móvil -IV.b Wireframes plataforma de contenido - Tablet -IV.c Wireframes plataforma de contenido - Ordenador -IV.d Wireframes plataforma de gestión - Administrador -IV.e Wireframes plataforma de gestión - Editorial y Autor -IV.f Diseño visual plataforma de contenido - Móvil -IV.g Diseño visual plataforma de contenido - Tablet -IV.h Diseño visual plataforma de contenido - Ordenador -IV.i Diseño visual plataforma de gestión - Administrador -IV.j Diseño visual página web. -IV.k Tests de usabilidad TABLA DE CONTENIDO
6 INTRODUCCIÓN PLANTEAMIENTO DEL PROYECTO ANTECEDENTES Y CONTEXTO ACTUAL Este proyecto está enmarcado en un contexto de paralización de la actividad de la empresa Arcamic. Hace unos años se lanzó al mercado una primera versión de la plataforma, pero al no conseguir la repercusión esperada, se dio de baja el dominio y a día de hoy no se encuentra disponible. Como no se ha podido testear la plataforma antigua, se ha considerado este proyecto como un diseño de cero, en lugar de un rediseño, al no haber podido tener una referencia. Mediante este nuevo planteamiento, se pretende ganar presencia el mercado de la lectura digital que no para de crecer, aunque todavía no está al mismo nivel que la lectura física. El mayor inconveniente es que las editoriales no están dispuestas a colaborar, ya que se niegan a renunciar al formato físico de sus productos. Mientras tanto, los lectores de contenido digital cada vez demandan con más fuerza obtener copias digitales del contenido físico que adquieren. OBJETIVOS PARA LA CREACIÓN DE UNA PLATAFORMA COMPETITIVA El objetivo principal de este proyecto es diseñar una plataforma de lectura de cómics bajo demanda que satisfaga las necesidades de los creadores de contenido, consumidores y administradores, asegurando una buena experiencia de usuario. Como esto no es suficiente para asegurar el éxito del proyecto, el segundo objetivo es idear una estrategia que aporte valor para lectores y autores de forma que sus necesidades como usuarios queden completamente cubiertas. UN ALCANCE ADAPTADO A LOS OBJETIVOS Este proyecto aspira a diseñar una plataforma de lectura de cómics que permita el acceso de los tres perfiles de usuario, que se adapte a la visualización desde tres dispositivos diferentes: ordenador, tableta y móvil, y cuya usabilidad sea lo más sencilla posible. Por parte de la asignatura de Internet para las Cosas (Internet of Things) se propondrá un nuevo modelo de negocio basado en la integración de la lectura física y digital cuyo objetivo será atraer editoriales y autores para que colaboren con Arcamic y facilitar la integración de ambos formatos para los lectores. Si procede, se planteará realizar un diseño de página web mostrando las propuestas de valor, con la intención de atraer y facilitar el registro de más usuarios.
7 INTRODUCCIÓN TRABAJO PREVIO ELABORADO POR ARCAMIC La documentación aportada por Arcamic consiste en un dossier con información detallada de: -Modelo de negocio inicial, descripción del problema que a resolver y posibles soluciones. -Entrevistas a lectores de cómics para validar los problemas supuestos. -Variación del modelo de negocio tras las entrevistas. -Dossier presentación de la plataforma. -Plan de negocio redactado para el curso del Instituto Aragonés de Fomento. Breve estudio de la competencia. -Encuestas realizadas a personas suscritas a la plataforma. Esta información ha permitido establecer unas bases para el proyecto, conociendo en mayor detalle el modelo de negocio y los agentes relacionados. UNA METODOLOGÍA EXPLORATIVA Y FOCALIZADA Una vez se han determinado los objetivos, el alcance, y estudiado los documentos proporcionados por la empresa, se ha definido una metodología a seguir durante el desarrollo de este proyecto basada en el modelo del doble diamante del Design Council de 2014 [2], según la cual el proceso de diseño queda dividido en cuatro fases, véase figura 0.1: PLANTEAMIENTO DEL PROYECTO Descubrimiento Definición Desarrollo Entrega Retos Definición del problema Solución Figura 0.1 Diagrama de la metodología del Doble Diamante del Design Council.
8 INTRODUCCIÓN 1. En la fase de descubrimiento, también llamada fase de investigación, el estudio de la información aportada por Arcamic ha permitido establecer unas bases para el proyecto, conociendo en mayor detalle el modelo de negocio y los stakeholders. La elaboración de un estudio de mercado o “Benchmark” sobre las plataformas líder en el sector de la lectura digital ha permitido conocer las funcionalidades críticas que debe tener la plataforma a diseñar, así como detectar las mejores prácticas y su aplicación. Un “Card Sorting” ha permitido categorizar los géneros de lectura, y mediante la elaboración de dos “User Persona” se han conocido las características y necesidades del público objetivo al que se debe enfocar la plataforma. Las conclusiones obtenidas a partir de estos estudios han permitido definir un nuevo modelo de negocio, el cual se ha desarrollado en profundidad con la asignatura de Internet para las Cosas del Máster de Diseño de Producto. 2. En la fase de definición, y como conclusión de la información obtenida de la fase de investigación, se ha organizado la arquitectura de la información de la forma más clara y lógica posible, quedando dividida en dos partes: la plataforma de contenido para los usuarios y la plataforma de estadísticas para administradores, editoriales y autores. 3. Durante la fase de desarrollo se han elaborado los “Wireframes”, que son esquemas de cada una de las páginas que forman el conjunto del proyecto. En el caso de la plataforma de contenido, se han diseñado versiones adaptativas: móvil, tableta y ordenador, y para la plataforma de gestión únicamente se ha elaborado la versión en ordenador. A estos “Wireframes” se les han añadido las interacciones entre sí para elaborar los prototipos, que son representaciones de cómo se comporta el producto. Una vez validados los prototipos por la empresa, se ha aplicado el diseño visual, que consiste en la adición de elementos tipográficos, colores, composición e imágenes para proporcionar a la interfaz su apariencia final. Para verificar que las decisiones tomadas a lo largo del proceso de diseño garantizan una buena experiencia de usuario y realizar modificaciones al respecto, se ha llevado a cabo un test de usabilidad con personas que forman parte del público objetivo. Este test se llevará a cabo con el diseño visual, ya que al tratarse de una plataforma en la que la gran cantidad de imágenes puede suponer una carga cognitiva mayor, los resultados obtenidos permitirán obtener conclusiones más fiables. 4. En esta fase de entrega, se han presentado los diseños finales de la plataforma tanto de las dos plataformas de contenido y gestión como de la página web. Se han elaborado dos vídeos explicativos que muestran las interacciones en los propios prototipos y una explicación a tiempo real que facilita su interpretación y permite tener una visión más global. El contacto con la empresa Arcamic se ha mantenido a lo largo de todo el proceso de diseño, elaborado documentos expl icativos y llevando a cabo reuniones telemáticas para la revisión y validación del proyecto. PLANTEAMIENTO DEL PROYECTO UNA METODOLOGÍA EXPLORATIVA Y FOCALIZADA
9 INTRODUCCIÓN PLANIFICACIÓN La fecha de inicio de este proyecto fue el 7 de febrero de 2020, día en que se llevó a cabo la primera reunión con Arcamic. A partir de esta fecha se ha elaborado la planificación del proyecto: Febrero L M X J V S D 1 2 3456789 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 Marzo L M X J V S D 1 2345678 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 L 6 13 20 27 Abril M X J V S D 1 2 3 4 5 7 8 9 10 11 12 14 15 16 17 18 19 21 22 23 24 25 26 28 29 30 Mayo L M X J V S D 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 Junio L M X J V S D 1234567 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 FASE 01: Investigación FASE 02: Definición FASE 03: Desarrollo FASE 04: Implementación
16 FASE 01 Investigación El gran valor diferencial de la plataforma radica en optimizar el espacio y el peso que ocupan los cómics y así poder elegir qué leer desde cualquier lugar. Esto implica que la versión adaptativa más utilizada será la de los dispositivos móviles al ser el dispositivo que se encuentra con más frecuencia entre la población y que suelen llevar consigo. El uso mayoritario se dará cuando los usuarios se encuentren fuera de casa. Esto implica que: -La interfaz deberá ser lo más clara y limpia posible debido a la elevada cantidad de estímulos externos que pueden afectar a su atención al encontrarse en lugares concurridos. -Se deberá permitir la descarga de contenido para ser leído minimizando el consumo de datos móviles. -La aplicación deberá permitir adaptar el reproductor a la necesidades del entorno, ajustando el brillo, contraste y tamaño del cómic. -Los tamaños de letra y botones deberán ser grandes para aumentar la precisión. -Se deberá facilitar la alcanzabilidad de los elementos más importantes para que pueda ser utilizada con una sola mano. Un gran valor diferenciador de una plataforma digital frente al formato físico es tener un mayor control sobre lo que se lee. De este modo la aplicación deberá facilitar: -Personalizar el contenido al usuario para aumentar su presencia. -Realizar seguimiento de los autores favoritos, notificando de sus novedades y próximas publicaciones, dando un motivo para volver a la plataforma. -Enviar recordatorios y notificaciones de nuevo contenido. -Tener un control sobre los cómics leídos y recordar aquellos que se han empezado a leer sin haber terminado. -Descubrir contenido nuevo que pueda ser de interés. El público objetivo tiene entre 14 y 24 años. Debido a la situación socio-económica actual, este sector de la población generalmente no dispone de los recursos necesarios para garantizar su independencia económica, por lo que el coste de la suscripción deberá ser económico y accesible. CONCLUSIONES CONOCIENDO A LA AUDIENCIA
17 FASE 01 Investigación Con la finalidad de conocer las funcionalidades críticas que debe tener la plataforma a diseñar para definir la arquitectura de la información, así como detectar las mejores prácticas y su aplicación, se realizado un Benchmak sobre las plataformas líder en el sector de la lectura digital. Antes de empezar, se han establecido las plataformas que se van a analizar y los aspectos que se van a obtener de su análisis. PLATAFORMAS A ANALIZAR Las plataformas analizadas pertenecen al sector de la lectura digital, dándo prioridad a aquellas especializadas en cómics, y una plataforma de lectura online, véase figura 1.2. Para obtener una visión más amplia del sector del consumo de contenido digital, se han añadido al análisis una plataforma lider en el consumo de series y películas, y otra de música. PLANTEAMIENTO DEL BENCHMARK ESTUDIO DE LA COMPETENCIA Figura 1.2 Plataformas analizadas para el benchmark: a la izquierda las relacionadas con la lectura, en el centro relacionadas con el cine y la televisión y a la derecha con la música.
18 FASE 01 Investigación METODOLOGÍA El proceso que se ha seguido para llevar a cabo este análisis ha consistido en primer lugar en anotar en un listado todas las funcionalidades observadas en cada plataforma para compararlas entre sí, anotando aquellas que se repiten con más y menos frecuencia, así como conocer qué plataforma es la más completa de las que se han analizado. En segundo lugar, se han considerado ocho pantallas críticas a lo largo de la experiencia de usuario (registro, inicio, menú de navegación, catálogo, fichas de cómics, buscador, reproductor y biblioteca) cuyo análisis ha permitido sentar una base para la elaboración de la arquitectura de la información, así como conocer la forma en la que esta es presentada al usuario, llegando a extraer conclusiones sobre los puntos fuertes de las plataformas analizadas y otros a evitar para el diseño de la solución final. RESULTADOS Como conclusión de este análisis, se ha obtenido una tabla (ver tabla 1.1) que indica la cantidad de funcionalidades que posee cada una de las plataformas analizadas para así determinar las funcionalidades que más se repiten y por tanto el diseño final deberá tener. También se han caracterizado aquellas funcionalidades menos usuales y las plataformas más completas que se encuentran en el mercado. Además el análisis de las pantallas críticas (ver Anexo IIa: Benchmark) ha permitido definir la arquitectura de la información en la fase de definición, así como obtener una serie de buenas prácticas a aplicar en la plataforma (ver Anexo IIb: Prácticas y propuestas). PLANTEAMIENTO DEL BENCHMARK ESTUDIO DE LA COMPETENCIA
19 FASE 01 Investigación FUNCIONALIDADES Se han identificado un total de 34 funcionalidades entre las 8 plataformas analizadas con las que se ha elaborado una tabla, véase tabla 1.1, en la que se ha dispuesto una funcionalidad por fila y una plataforma por columna, véase figura 1.3. Si la plataforma tiene la funcionalidad correspondiente a la fina, se ha rellenado con un color liso. Dichas plataformas se han ordenado de la que más funcionalidades tiene a la izquierda a la que menos a la derecha, ver figura 1.4. Funcionalidades WEB.COMIC (25) +5 SPOTIFY (23) +4 NETFLIX (21) +3 COMIXOLOGY (20) +5 WATTPAD (20) +4 IZNEO (18) +6 LEKTU (17) +3 TEBEOX (6) +3 Clasificación por géneros (8) Ficha de producto (8) Buscador (7) Valorar el contenido (7) Reproductor de contenido (7) Scroll vertical Scroll vertical Scroll vertical Scroll vertical Scroll horizontal Historial/ Tu biblioteca (7) Banner promocional (6) Novedades (6) Más populares (6) Facilitar el registro a través de google, facebook,... (5) Nickname (5) Recomendación de contenido personalizado (5) Formatos (ebook, novela, serie, tira cómica) (5) Ficha de creador de contenido (5) Indicador avance reproducción (5) Productos relacionados (5) Menú inferior en la app MOBILE (5) Descarga (5 Compartir producto en redes sociales (4) Wishlist (4) Restricción menores de edad o control parental (4) Clasificación de las búsquedas en función de diversas tipologías (4) Dejar un comentario u opinión (3) Crear listados (3) Comprar contenido (3) Reproducción del más contenido sin salir del reproductor (3) Subir contenido (3) Notificaciones (3) Preguntas iniciales para personalizar el contenido (2) Ofertas/rebajas (2) Multiples perfiles para una cuenta (2) Tarjeta regalo (1) Contenido especializado para menores de edad (1) Opción premium (todo incluido) (7) Opción gratuita (4) Prueba gratuita antes de pagar (3) Compra de contenido (3) App movile (7) Versión desktop (6) Otros dispositivos (especificar) (1) Nintendo switch Más utilizadas Menos utilizadas Más funcionalidades Menos funcionalidades Las funcionalidades que más se repiten son: -Clasificar por géneros 8/8 -Visualizar la ficha de producto 8/8 -Buscador 7/8 -Valorar el contenido 7/8 -Reproducir el contenido en la propia plataforma 7/8 -Biblioteca personal 7/8 De esta manera, si se quiere que la plataforma a diseñar se asemeje a las que actualmente están teniendo más éxito en el mercado, deberá tener las funcionalidades comentadas. -Banners promocionales en el inicio 6/8 -Listado de novedades 6/8 -Más populares 6/8 -Facilitar el registro a través de Google 5/8 -Establecer un nombre de usuario 5/8 -Mostrar contenido personalizado 5/8 -Distintos formatos de contenido 5/8 1. WEB CÓMIC 25/34 2. SPOTIFY 23/34 3. NETFLIX 21/34 Figura 1.3 Criterio de organización de la información en la tabla resultante del estudio comparativo o benchmarking. Figura 1.4 Las tres plataformas con más funcionalidades del estudio. CONCLUSIONES ESTUDIO DE LA COMPETENCIA
Funcionalidades WEB.COMIC (25) +5 SPOTIFY (23) +4 NETFLIX (21) +3 COMIXOLOGY (20) +5 WATTPAD (20) +4 IZNEO (18) +6 LEKTU (17) +3 TEBEOX (6) +3 Clasificación por géneros (8) Ficha de producto (8) Buscador (7) Valorar el contenido (7) Reproductor de contenido (7) Scroll vertical Scroll vertical Scroll vertical Scroll vertical Scroll horizontal Historial/ Tu biblioteca (7) Banner promocional (6) Novedades (6) Más populares (6) Facilitar el registro a través de google, facebook,... (5) Nickname (5) Recomendación de contenido personalizado (5) Formatos (ebook, novela, serie, tira cómica) (5) Ficha de creador de contenido (5) Indicador avance reproducción (5) Productos relacionados (5) Menú inferior en la app MOBILE (5) Descarga (5 Compartir producto en redes sociales (4) Wishlist (4) Restricción menores de edad o control parental (4) Clasificación de las búsquedas en función de diversas tipologías (4) Dejar un comentario u opinión (3) Crear listados (3) Comprar contenido (3) Reproducción del más contenido sin salir del reproductor (3) Subir contenido (3) Notificaciones (3) Preguntas iniciales para personalizar el contenido (2) Ofertas/rebajas (2) Multiples perfiles para una cuenta (2) Tarjeta regalo (1) Contenido especializado para menores de edad (1) Opción premium (todo incluido) (7) Opción gratuita (4) Prueba gratuita antes de pagar (3) Compra de contenido (3) App movile (7) Versión desktop (6) Otros dispositivos (especificar) (1) Nintendo switch 20 FASE 01 Revisión de la plataforma actual y UX Benchmarking Tabla 1.1 Comparativa entre las diferentes funcionalidades y plataformas resultante del estudio comparativo o benchmark. TABLA COMPARATIVA ENTRE PLATAFORMAS Y FUNCIONALIDADES ESTUDIO DE LA COMPETENCIA Aplicación móvil (7)
21 FASE 01 Investigación Debido a la ausencia de un estándar que permita categorizar los géneros de lectura de cómics, se ha llevado a cabo una investigación llamada Card Sorting, que ha permitido ha permitido organizarlos siguiendo una metodología centrada en el usuario, basada en observar cómo los usuarios agrupan y asocian entre sí un número predeterminado de géneros y subgéneros de lectura para organizarlos y clasificarlos conforme a su modelo mental. PARTICIPANTES Los participantes de la prueba fueron 8 lectores de cómics o libros con cierta asiduidad y personas que acostumbran a utilizar plataformas online de lectura bajo demanda de entre 21 y 24 años. Estos perfiles de usuario se corresponden con el público objetivo al que va dirigido la plataforma. METODOLOGÍA Este Card Sorting se ha llevado a cabo mediante una herramienta de investigación llamada Optimal Workshop que facilita la recopilación y procesamiento de datos para llevar a cabo investigaciones de mejora de la experiencia de usuario. Para llevar a cabo la investigación se han proporcionado un total de 21 términos: Ciencia ficción, Fantasía, Terror, Humor, Histórico, Bélico, Romántico, Misterio, Aventuras, Drama, Policíaco, Suspense, Distópico, Paranormal, Thriller, LGTB, Lectura infantil, Acción, Deportes, Erótico y Costumbrista. Los participantes han ordenado estos términos en categorías conforme a su modelo mental y posteriormente se han procesado los datos obtenidos. PROCESAMIENTO DE LOS DATOS A partir de las agrupaciones realizadas por los 8 participantes de la prueba, se han procesado los datos y se ha obtenido un dendrograma, véase tabla 1.2, y una tabla de co-ocurrencias que han permitido interpretar los resultados obtenidos de una manera más visual. Estas representaciones se pueden visualizar en el Anexo II.c: Card Sorting. PLANTEAMIENTO DEL CARD SORTING UNA CATEGORIZACIÓN CENTRADA EN EL USUARIO
Histórico / Conflictos Miedo / Suspense Ciencia ficción/ Sci - fi/ Fantasía Amor / Sentimientos MEJOR MÉTODO DE COMBINACIÓN Este dendograma que se muestra a continuación es denominado como “mejor método de combinación”, y muestra la agrupación de categorías más favorable cuando el número de participantes de la prueba es bajo. Como se puede ver en la tabla 1.2, los términos que son más cercanos entre sí se agrupan en conjuntos de colores. Esto significa que, según los usuarios, cada uno de éstos grupos podrían formar parte de una misma sección o subsección. Según la Ley de Miller el cerebro humano únicamente es capaz de recordar un total de entre 5 y 9 elementos sin que requiera un elevado esfuerzo cognitivo [3], por lo que se ha procurado que el número de agrupaciones esté entorno a 7. En base a este requisito se ha determinado que la agrupación final seguirá los resultados obtenidos con un al 62% de afinidad. Tabla 1.2 Dendograma de mejor método de combinación según los resultados del Card Sorting. RESULTADOS OBTENIDOS DEL CARD SORTING UNA CATEGORIZACIÓN CENTRADA EN EL USUARIO
23 FASE 01 Investigación La agrupación final seguirá los resultados obtenidos con un 62% de afinidad, y quedará agrupada de la siguiente manera: En referencia a la lectura infantil, dado que no se ha ubicado en ninguna de las categorías listadas, esta se ha clasificado como una sección separada que conduce a otra plataforma con la misma estructura, cuyo contenido está destinado al público infantil, como lo hacen Netflix o Youtube, véase figura 1.5. Como los menores de 14 años no se podrán registrar para acceder a Arcamic sin la supervisión de un adulto, y que los adultos no querrán que el contenido infantil altere el algoritmo de su perfil, la generación de una sección infantil separada se considera como la opción mas adecuada. La categoría de ciencia ficción y aventuras se ha dividido en dos, ya que tenía una elevada cantidad de subgéneros, y los cómics históricos se han combinado con los cómics bélicos en una única categoría. CIENCIA FICCIÓN -Fantasía -Distopía -Space opera SUSPENSE -Misterio -Terror -Paranormal -Miedo AVENTURAS -Acción -Super héroes -Historia SENTIMIENTOS -Romance -Drama -LGTB -Erótico DEPORTE -Artes marciales -Juegos de mesa HUMOR Figura 1.5 Secciones de entretenimiento intantil en Netflix (arriba) y YouTube (abajo). CONCLUSIONES DEL CARD SORTING UNA CATEGORIZACIÓN CENTRADA EN EL USUARIO
24 02.1 - Definición: la arquitectura de la información y del contenido. 02.2 - Para lectores: Plataforma de contenido 02.3 - Para creadores y Arcamic: Plataforma de gestión FASE 02 DEFINICIÓN
25 FASE 02 Definición PLANTEAMIENTO En esta fase de definición se va a organizar la arquitectura de la información y el contenido de la manera más clara y lógica posible, aplicando las conclusiones obtenidas de funcionalidades y buenas prácticas de la fase anterior a cada una de las partes de la plataforma. Una de las conclusiones obtenidas ha sido que lectores, creadores de contenido (editoriales y autores) y administración, no tienen las mismas necesidades como usuarios de Arcamic, y que por consiguiente, no debían tener acceso a las mismas funcionalidades. Por este motivo se ha determinado que debe haber una plataforma específica para los usuarios y otra para editoriales, autores y administración, denominadas “plataforma de contenido” y “plataforma de gestión” respectivamente, las cuales están orientadas a unos usuarios concretos, véase figura 2.1. LA ARQUITECTURA DE LA INFORMACIÓN Y DEL CONTENIDO DEFINICIÓN Plataforma de contenido Plataforma de gestión AdministradorLector Autor Editorial Figura 2.1 Plataformas de las que se compone el proyecto y relaciones con los usuarios.
32 FASE 03 Desarrollo LISTADOS Listado grande de cómics: Listado compacto de cómics: Carrusel horizontal de cómics: ELEMENTOS INDIVIDUALES Cómic: Autor: Listado de perfiles: MENÚ NAVEGACIÓN Menú de navegación: GUÍAS DE ESTILO PARA WIREFRAMES UN PROTOTIPO CONSISTENTE
33 FASE 03 Desarrollo Para realizar la plataforma de contenido se ha seguido el método “mobile first” [4] , que implica diseñarla teniendo en cuenta en primera instancia el dispositivo móvil. Este método, permite facilitar la adaptación del diseño a los dispositivos de mayor tamaño que se realizarán después, creando un sitio web óptimo para los dispositivos móviles. Da más importancia a la información más relevante permite definir una jerarquía más clara y ofrecer una mejor experiencia de usuario. En esta versión móvil se prestará especial atención a la alcanzabilidad o “reachability”. Según las estadísticas, casi el 50% de las personas utiliza el teléfono móvil con una única mano [5], por lo que únicamente se puede operar con el dedo pulgar, véase figura 3.2. De este modo, la experiencia de usuario debe adaptarse a la capacidad de acción y limitaciones físicas de este dedo. Es por este motivo que todas las pantallas constan de un menú de navegación inferior con las acciones o accesos principales de la plataforma para facilitar la navegabilidad, ver figura 3.3. WIREFRAMES Y PROTOTIPOS DE LA PLATAFORMA DE CONTENIDO EN MÓVIL ESQUEMAS INTERACTIVOS Figura 3.2 Alcanzabilidad de una pantalla de móvil, combinación de ambas manos por separado. [5] Busca un cómic en tu biblioteca Crecer es un mito Sarah Andersen Texto descriprivo del cómic de no más de dos o tres líneas. Croqueta y empanadilla 2 Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. El príncipe y la modista Jen Wang Texto descriprivo del cómic de no más de dos o tres líneas. Laura Dean Mario Tamaki Texto descriprivo del cómic de no más de dos o tres líneas. Saga Fiona Staples Texto descriprivo del cómic de no más de dos o tres líneas. Persépolis Marane Satrapi Texto descriprivo del cómic de no más de dos o tres líneas. Patience Daniel Clowes Texto descriprivo del cómic de no más de dos o tres líneas. Me gusta Descargados Guardados Recientes Biblioteca Figura 3.3 Menú de navegación. La totalidad de los wireframes diseñados se encuentran en el Anexo IV.a Wireframes plataforma de contenido - Móvil, y el prototipo (wireframes con interacciones) se puede visualizar a través del siguiente enlace: Wireframes móvil https://url2.cl/zSeKj
34 FASE 03 Desarrollo Para la elaboración de los wireframes de la tableta, se ha prestado atención a su posición más natural de uso, y así establecer la colocación de los diferentes elementos en función de la misma. Un estudio elaborado por Onswipe determina que los usuarios de tabletas prefieren la orientación horizontal frente a la vertical, representando un 35% del uso y utilizada principalmente para tareas pasivas que no implican tocar botones [6], como leer un libro, de manera que la versión en tablet de Arcamic se utilizará en posición horizontal. Se ha partido de un estudio de alcanzabilidad elaborado por Mail.Ru group [7] para establecer la disposición de los diferentes elementos y menús de navegación de la tableta. El resultado de este estudio fue el diagrama de la figura 3.3. por lo que los elementos de la plataforma se han distribuido en función del mismo (véase figura 3.4.). La totalidad de los wireframes diseñados se encuentran en el Anexo IV.c Wireframes plataforma de contenido - Tablet, y el prototipo (wireframes con interacciones) se puede visualizar a través del siguiente enlace: Figura 3.3 La alcanzabilidad de una pantalla de tablet utilizada con las dos manos. La mejor zona Buena No tan buena Leyenda Figura 3.4 Ubicación de los elementos en el diseño de los wireframes en función de la alcanzabilidad. WIREFRAMES Y PROTOTIPOS DE LA PLATAFORMA DE CONTENIDO EN TABLETA ESQUEMAS INTERACTIVOS Wireframes tableta https://url2.cl/NCQ8N
35 FASE 03 Desarrollo Para la elaboración del prototipo de la plataforma de contenido en versión ordenador se ha establecido un menú de navegación en la zona superior de la pantalla, ya que es un patrón que encaja adecuadamente al tener únicamente cuatro accesos. Esta versión está más enfocada al descubrimiento de contenido que al consumo del mismo, por lo que se ha procurado que se visualicen una mayor cantidad de cómics en la pantalla que el resto de versiones. Sin embargo, al ser el formato de la pantalla similar al de la tableta en posición horizontal, se han dispuesto los elementos en una posición similar, con el fin de otorgar consistencia al diseño, y optimizar su posterior desarrollo. Cabe destacar que hay un elemento que no se encuentra en las demás plataformas: el banner inicial. Se ha planteado este banner para publicitar las aplicaciones de móvil y tableta y así poder disfrutar de una experiencia más completa, ya que la gran propuesta de valor de Arcamic es poner a disposición del usuario sus cómics allá donde vaya, ver figura 3.5. La totalidad de los wireframes diseñados se encuentran en el Anexo IV.c Wireframes plataforma de contenido - Ordenador, y el prototipo (wireframes con interacciones) se puede visualizar a través del siguiente enlace: Figura 3.5. Wireframe del inicio de la plataforma en versión ordenador. WIREFRAMES Y PROTOTIPOS DE LA PLATAFORMA DE CONTENIDO EN ORDENADOR ESQUEMAS INTERACTIVOS Wireframes ordenador https://url2.cl/5c4fg
36 FASE 03 Desarrollo La estructura de la información presentada en la plataforma de gestión se presenta en un formato “dashboard”, que permite la visualización de la información más importante en una sola pantalla para poder supervisar todo el contenido de un solo vistazo. Además, para poder facilitar esta supervisión, se ha ubicado un menú de navegación que incluye todas las secciones y funcionalidades de la plataforma en el lateral izquierdo, para facilitar el control de la información. Todas las pantallas están constituidas por paneles claros e intuitivos que comunican la información rápidamente a través de gráficas, presentando la información de una manera clara y mostrando tendencias y cambios de los datos a lo largo del tiempo, véase la figura 3.6. Las estructura de las secciones principales se compone de una pantalla principal a modo de resumen con datos prioritarios, y posteriormente un acceso a diferentes listados con información detallada, con posibilidad de ser filtrada y un buscador. La totalidad de los wireframes diseñados se encuentran en el Anexo IV.d Wireframes plataforma de gestión - Administrador, Anexo IV.e Wireframes plataforma de gestión - Editorial y Autor, y el prototipo (wireframes con interacciones) se puede visualizar copiando en el navegador los siguientes enlaces: Bienvenido 30 de abril 2020, Jueves Aquí tienes un resumen de la plataforma de la última semana (23 al 30 de abril de 2020) Lecturas totales ver detalles 26 Abril 2020 + 300.456 lecturas 250.000 23 10 mil 100 mil 200 mil 300 mil 400 mil 500 mil 2624 2w2725 2{ + 2.41. Lecturas a cómics + 1. Usuarios nuevos + 1.234.56£ Me gustas ver detallesBene²cio 1.450.000 € 7 mil 23 6 mil 24 5 mil 25 7 mil 26 13 mil 27 21 mil 2w 10 mil 2{ Bruto Neto Impacto del contenido Persépolis Marjane Satrapi +305 mil lecturas Cómic más leído Flavita Banana 3 5 publi c a c iones +305 mil lecturas A utor más leído A venturas 2 15 mil le c tores +305 mil lecturas Gé nero más leído ver detalles A rcamic A dministración L e c turas mensuales 1.025.000 G eneral U suarios 3.350.000 Me g ustas 26.500.000 Bene 椀c io medio mensual 1.325.000 € A rcamic Administrador ARCAMIC C rear per 椀 l Soli c itudes Administrar Audien c ia Moneti z a c i ó n E stadísti c as R esumen Figura 3.6. Wireframe del inicio de la plataforma de gestión. WIREFRAMES Y PROTOTIPOS DE LA PLATAFORMA DE GESTIÓN EN ORDENADOR ESQUEMAS INTERACTIVOS Wireframes plataforma de gestión del administrador https://url2.cl/481KA Wireframes plataforma de gestión de creadores de contenido https://url2.cl/YuMwu
37 FASE 03 Desarrollo PROTOTIPOS FINALES PLATAFORMA DE CONTENIDO PLATAFORMA DE GESTIÓN Arcamic Novedades Arcamic Wireframes plataforma de gestión del administrador https://url2.cl/481KA Wireframes plataforma de gestión de creadores de contenido https://url2.cl/YuMwu Los prototipos completos de la plataforma de gestión se encuentra en “Figma” y se puede visualizar a través de los siguientes enlaces: Wireframes ordenador https://url2.cl/5c4fg Los prototipos completos de la plataforma de contenido se encuentra en “Figma” y se puede visualizar a través de los siguientes enlaces: Wireframes móvil https://url2.cl/zSeKj Wireframes tableta https://url2.cl/NCQ8N
38 FASE 03 Desarrollo De la misma manera que se ha llevado a cabo una guía de estilo para la elaboración de los wireframes, se ha realizado una guía de estilo para la parte visual de la plataforma. Esta ha permitido establecer un diseño consistente en todo el sistema, estandarizando los elementos de la interfaz gráfica, creando una experiencia de usuario más familiar. En esta guía de estilo se han definido cuáles deben ser los colores, tipografías e iconos a utilizar en la plataforma, así como el registro escrito que se debe utilizar, también llamado UX writting. Así, se asegura que el mensaje de cercanía y dinamismo se transmite adecuadamente. COLORES La paleta de colores elaborada para el diseño visual de la interfaz es la que se muestra en la figura 3.7: En primer lugar, se ha partido del color amarillo, que es el color corporativo de la marca Arcamic. Para la elección de los demás colores de la paleta, se ha seguido la teoría de la psicología del color [8], según la cual el cerebro humano se siente más atraído por las combinaciones de colores análogas (colores vecinos en el círculo cromático) o complementarias (colores opuestos). De este modo, se han seleccionado dos colores análogos del amarillo, que son el naranja (# FFC664) y el rojo (# F56D58), véase figura 3.7, para crear armonía, y su color complementario, el morado (#5B428F), véase figura 3.7, para crear contrastes. En última instancia, se ha seleccionado un color neutro (#FCF9F5) para diferenciar secciones dentro de la plataforma y combinarlo con el blanco (#FFFFFF) en el fondo. Estos colores permiten crear un hilo conductor para homogeneizar y otorgar consistencia al diseño, resaltando los elementos en los que el usuario debe fijarse por orden de importancia. Además, un contraste adecuado entre los mismos asegura una buena accesibilidad, teniendo en cuenta colocar las tipografías oscuras sobre tonos claros y las tipografías claras sobre tonos oscuros como se muestra en la figura 3.7. # FCF9F5 # FADF63 # FFC664 # F56D58 # 5B428F Figura 3.7 Paleta de colores seleccionados y su ubicación en la rueda cromática. GUÍAS DE ESTILO DEL DISEÑO VISUAL UN DISEÑO EFECTIVO
39 FASE 03 Desarrollo TIPOGRAFÍA La tipografía corporativa de la marca Arcamic es Oswald Bold, véase figura 3.8 una fuente condensada que aparece en el logotipo de la marca, véase figura 3.9. Por su aspecto más estrecho de lo normal y contundencia, pueden parecer unas letras duras, pero eso es lo que las hace únicas. Aporta un toque moderno a la par que serio. Como tipografía secundaria, se ha seleccionado Lato, una tipografía neutra y muy versátil que permite destacar la tipografía principal a la par que aportar una gran legibilidad, véase figura 3.10. LATO LIGHT LATO REGULAR LATO BOLD UX WRITTING A la hora de redactar todos y cada uno de los textos presentes en la plataforma, se han aplicado unos principios básicos de claridad, consistencia, precisión y atención a las palabras y sus significados, enfocados al contexto y audiencia a la que se quiere enfocar la plataforma. Esta práctica recibe el nombre de “UX-Writting”. De este modo, se consigue que la plataforma se adecúe a la cercanía, dinamismo y juventud que se quiere transmitir, a través de mensajes claros, concisos y útiles que hablen en un tono amigable y empático al usuario. ICONOGRAFÍA La iconografía utilizada se caracteriza por ser lineal con un trazo medio y redondeado, y sin rellenar, véase figura 3.11 Estos iconos no han sido diseñados específicamente para la plataforma, sino que se han obtenido de la base de la base de iconos gratuitos “Flaticon”. Aquellos que no se han obtenido de este recurso, se han descargado del set de iconos gratuitos de Google, denominado “Google’s Material Icons (outline)” creados para Figma. Figura 3.11 Iconos utilizados para el menú de navegación de la plataforma de contenido OSWALD MEDIUM Figura 3.8 Tipografía Oswald. Figura 3.10 Tipografía Lato.Figura 3.9 Imagen Corporativa de Arcamic. GUÍAS DE ESTILO DEL DISEÑO VISUAL UN DISEÑO EFECTIVO
40 FASE 03 Desarrollo PORTADAS E ICONOS Para evitar infringir las normas de copyright, se han diseñado unas ilustraciones para colocar a modo de portadas de cómics y fotos de perfil de perfil de autores y editoriales, véanse las figuras 3.12 y 3.13. Las ilustraciones diseñadas imitan las portadas de los cómics, de manera que destacan de la misma manera que lo harían las portadas y fotos de perfil. Esto permite asegurar que la estructura de la aplicación y el contenido está diseñado de manera que siga siendo intuitivo y fácil de utilizar pese a la carga cognitiva que suponen las imágenes. Figura 3.13 Ilustraciones diseñadas a modo de portadas de cómics. Figura 3.12 Ilustraciones diseñadas a modo de fotos de perfil de autores y editoriales. GUÍAS DE ESTILO DEL DISEÑO VISUAL UN DISEÑO EFECTIVO
41 FASE 03 Desarrollo Los únicos prototipos en los que se ha aplicado el diseño visual en todas las pantallas son el móvil de la plataforma de contenido y el de la administración de la plataforma de gestión. De los prototipos de tablet y ordenador únicamente se han diseñado las pantallas esenciales, de manera que en un futuro desarrollo se pueden diseñar las demás en base a estas. La plataforma de gestión de los autores y editoriales no se ha diseñado visualmente, ya que es muy similar a la de administración y muchas de las pantallas apenas tienen variación. DISEÑO VISUAL FINAL PLATAFORMA DE CONTENIDO PLATAFORMA DE GESTIÓN Visual plataforma de gestión del administrador https://url2.cl/J7Nva Los prototipos y pantallas con el diseño final se encuentra en “Figma” y se puede visualizar a través de los siguientes enlaces: Pantallas esenciales del visual de ordenador https://url2.cl/SVqil Los prototipos y pantallas con el diseño final se encuentra en “Figma” y se puede visualizar a través de los siguientes enlaces: Visual del móvil completo https://url2.cl/Bajlx Pantallas esenciales del visual de tableta https://url2.cl/3syzq
48 FASE 03 Desarrollo Muchos lectores de cómics no se identifican como tal ya que desconocen la gran variedad de formatos en los que se puede presentar más allá del típico cómic de grapas. En varios tests de usuario elaborados, los usuarios respondieron un “no” rotundo a la pregunta de “¿lees cómics?” y sin embargo conforme navegaban en la plataforma fueron descubriendo la variedad de formatos en los que se pueden encontrar los cómics, y comentando que sí conocían a varios de los autores de tiras cómicas que se podían encontrar en ella, e incluso que les encantaban. HALLAZGOS Los prototipos y pantallas con el diseño final se encuentra en “Figma” y se puede visualizar a través de los siguientes enlaces: DISEÑO FINAL A modo de inciso, se recuerda que el único prototipo del que se han realizado todas las pantallas con su diseño visual es el móvil, ya que va a ser el más utilizado. De los otros dos prototipos únicamente se han diseñado las pantallas esenciales, de manera que a la hora de desarrollarlo se pueden diseñar las demás en base a estas. RESULTADOS DEL TESTS DE USABILIDAD VALIDACIÓN DEL DISEÑO FINAL Pantallas esenciales del visual de ordenador https://url2.cl/SVqil Visual del móvil completo https://url2.cl/Bajlx Pantallas esenciales del visual de tableta https://url2.cl/3syzq
49 FASE 01 Investigación 04.1 - Plataforma de contenido 04.2 - Plataforma de gestión 04.3 - Página web FASE 04 ENTREGABLES
50 FASE 04 Entrega El proceso de diseño que se ha seguido a lo largo de todo el proyecto ha permitido obtener una solución final que satisface las necesidades del público objetivo y ofrece un sistema de gestión adaptado a los requerimientos de creadores de contenido y administradores. A continuación, se va a detallar el funcionamiento de las dos plataformas a través de un recorrido por sus pantallas principales. Para facilitar su comprensión, se han elaborado dos vídeos explicativos, uno para cada plataforma, como apoyo a la lectura de esta fase. En dichos vídeos se muestran las funcionalidades e interacciones diseñadas mientras se ofrece una explicación de lo que aparece en pantalla, por lo que se recomienda visualizarlos en primer lugar para tener una visión más completa. PROPUESTA FINAL Vídeo explicativo de la plataforma de contenido en versión móvil (8:35 min) https://url2.cl/xBElU Finalmente se ha diseñado la página web que permitirá a Arcamic darse a conocer en internet, haciendo incapié en su propuesta de valor. Vídeo explicativo de la plataforma de gestión en versión ordenador (4:42 min) https://url2.cl/AU68q
51 FASE 04 Entrega INICIO Está constituida por una sucesión de carruseles horizontales agrupados en secciones que permiten descubrir una gran cantidad de contenido personalizado. Dentro de esta sucesión de carruseles se encuentran módulos que permiten destacar un único cómic que se considere con mayor relevancia que los demás y romper con la cuadrícula, de la misma manera que los accesos de los autores. El contenido de esta pantalla se irá actualizando, mientras que el módulo de “continúa leyendo” para los cómics que el usuario no ha terminado de leer, permanecerá anclado a la parte superior. PLATAFORMA DE CONTENIDO Nuevo cómic de Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja ue... 105,1k 45,2 k ¡Seguro ue te gusta! Amores El festival de los Dragones Katie O’NeilSarita Sammartino La sociedad de los Dragones Tillie Walden Skim Mario Ver todo Inicio Continúa leyendo...Continúa leyendo... Ver todo Crecer es un mito Cro ueta y empanadilla 2 Persépolis Enjambre Lo nuevo de Lola Vendetta Lola Vendetta Una divertida novela gráfca ue cuenta las aventuras de Lola 105,1k 45,2 k Descubre Mafalda Garfeld Tim ClowesQuino Calvin y Hobbes Daniel Clowes Ghost ÷orld Daniel Ver todo Como te encanta Flavita, te recomendamos... Archivos csmicos Flavita B anana regresa con un nuevo volumen 105,1k 45,2 k Como te encanta Flavita, te recomendamos... Archivos csmicos Flavita B anana regresa con un nuevo volumen 105,1k 45,2 k Especial para ti No mires atrás Laura Dean Mario Mama k i A na b el Colaro ¿ Me estás escuchando ? Tillie Walden David Daniel Ver todo T e recomendamos... David B oring T he complete eightball Daniel ClowesDaniel Clowes Patience Daniel Clowes Ghost ÷orld Daniel Ver todo ¡ T e va a gustar! Under Pressure K iller Q ueen J o h n Dea c on F reddie Mer c ur y Q ueen of thrones Tillie Walden A kind of magic Daniel Ver todo No te pierdas lo nuevo de... Marvel Flavita B anana Fiona Staples Marjane Satrapi ¡ Y a está a u í la segunda parte! Cro ueta y empanadilla 2 ¡Para no dejar de re í r! 105,1k 45,2 k ¡Suscríbete! Descarga la aplicación ¿Quieres trabajar con nosotros? Términos Privacidad Ayuda 2021 Arcamic Cuando quieras, donde quieras Descarga la aplicación de Arcamic para disfrutar de una experiencia completa Continúa leyendo... Crecer es un mito Sarah Andersen Croqueta empanadilla Ana Ocina Persépolis Marjane Satrapi Enjambre Coautoría Still not an adult Cassandra Calin Ver todo Especial para ti Ver todo No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¿ Me estás escuchando ? T illie W alden No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¡S e gu ro qu e te gu sta ! Ver todo No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¿ Me estás escuchando ? T illie W alden No mires atrás Anabel Colaro Laura Dean Mario Mamaki N o te pierdas lo n u e v o de... Mar v el Comics F la v ita B anana F iona Staples Marjane Satrapi Sarah Andersen ¡ a est á a qut la se gu nda parte ! Croqueta empanadilla 2 Por primera v e z recopiladas en un libro , las tiras «f eministas » de Ma f alda Ma f alda , la irre v erente ni ñ a que ha deleitado a g eneraciones con su v isi ó n humorística del mundo en que v i v imos , es una de las más ilustres f eministas de nuestra época . 1 0 5,1 k 45,2 k Q uino ¡S e gu ro qu e te gu sta ! Amores Sarita Sammartino El f esti v al de los Dra g ones K atie O ’ Neil La sociedad de los Dra g ones T illie W alden Skim Mario T amaki Amores Sarita Sammartino Ver todo ¡ T e v a a gu star ! Amores Sarita Sammartino El f esti v al de los Dra g ones K atie O ’ Neil La sociedad de los Dra g ones T illie W alden Skim Mario T amaki Amores Sarita Sammartino Ver todo Nu e v o c óm ic de F iona S taples Sa g a Por primera v e z recopiladas en un libro , las tiras «f eministas » de Ma f alda Ma f alda , la irre v erente ni ñ a que ha deleitado a g eneraciones con su v isi ó n humorística del mundo en que v i v imos , es una de las más ilustres f eministas de nuestra época . 1 0 5,1 k 45,2 k Q uino Nu e v o c óm ic de F iona S taples Sa g a Por primera v e z recopiladas en un libro , las tiras «f eministas » de Ma f alda Ma f alda , la irre v erente ni ñ a que ha deleitado a g eneraciones con su v isi ó n humorística del mundo en que v i v imos , es una de las más ilustres f eministas de nuestra época . 1 0 5,1 k 45,2 k Q uino T e reco m enda m os Da v id B orin g Daniel Clo w es T he complete ei g htball Daniel Clo w es Patience Daniel Clo w es G host W orld Daniel Clo w es Da v id B orin g Daniel Clo w es Ver todo ¡ a est á a qut la se gu nda parte ! Croqueta empanadilla 2 Por primera v e z recopiladas en un libro , las tiras «f eministas » de Ma f alda Ma f alda , la irre v erente ni ñ a que ha deleitado a g eneraciones con su v isi ó n humorística del mundo en que v i v imos , es una de las más ilustres f eministas de nuestra época . 1 0 5,1 k 45,2 k Q uino Perfi I nicio C at á logo B i b lioteca ARCAMIC Saga Por primera vez recopiladas en un libro, las tiras «feministas» de Mafalda Mafalda, la irreverente niña que ha deleitado a generaciones con su visión humorística del mundo en que vivimos, es una de las más ilustres feministas de nuestra época. 105,1k 45,2 k Fiona Staples Nuevo cómic de Fiona Staples ¡Ya está aquí la segunda parte! Croqueta y empanadilla 2 Por primera vez recopiladas en un libro, las tiras «feministas» de Mafalda Mafalda, la irreverente niña que ha deleitado a generaciones con su visión humorística del mundo en que vivimos, es una de las más ilustres feministas de nuestra época. 105,1k 45,2 k Quino ¡Ya está aquí la segunda parte! Croqueta y empanadilla 2 Por primera vez recopiladas en un libro, las tiras «feministas» de Mafalda Mafalda, la irreverente niña que ha deleitado a generaciones con su visión humorística del mundo en que vivimos, es una de las más ilustres feministas de nuestra época. 105,1k 45,2 k Quino ¡Seguro que te gusta! Ver todo No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¿Me estás escuchando? Tillie Walden No mires atrás Anabel Colaro Laura Dean Mario Mamaki Amores Sarita Sammartino El festival de los Dragones Katie O’Neil La sociedad de los Dragones Tillie Walden Skim Mario Tamaki Amores Sarita Sammartino ¡Te va a gustar! Ver todo Saga Por primera vez recopiladas en un libro, las tiras «feministas» de Mafalda Mafalda, la irreverente niña que ha deleitado a generaciones con su visión humorística del mundo en que vivimos, es una de las más ilustres feministas de nuestra época. 105,1k 45,2 k Fiona Staples Nuevo cómic de Fiona Staples No te pierdas lo nuevo de... Marvel Comics Flavita B anana Fiona Staples Mar j ane Satrapi Sarah Andersen David B oring D aniel Clo w e s T he complete eightball D aniel Clo w e s Patience D aniel Clo w e s G host W orld D aniel Clo w e s David B oring D aniel Clo w e s Te recomendamos Ver todo C ontin ú a le y endo... Ver todo Crecer es un mito Croqueta y empanadilla Persépolis En j ambreStill not an adult Amores Sarita Sammartino El festival de los Dragones Katie O’Neil La sociedad de los Dragones Tillie Walden Skim Mario Tamaki Amores Sarita Sammartino ¡Seguro que te gusta! Ver todo E special para ti Ver todo No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¿Me estás escuchando? Tillie Walden No mires atrás Anabel Colaro Laura Dean Mario Mamaki I nicio Figura 4.1 Inicio Móvil. Figura 4.2 Inicio Ordenador. Figura 4.3 Inicio Tableta. Nuevo cómic de Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja ue... 105,1k 45,2 k ¡Seguro ue te gusta! Amores El festival de los Dragones Katie O’NeilSarita Sammartino La sociedad de los Dragones Tillie Walden Skim Mario Ver todo Inicio Continúa leyendo...Continúa leyendo... Ver todo Crecer es un mito Cro ueta y empanadilla 2 Persépolis Enjambre Lo nuevo de Lola Vendetta Lola Vendetta Una divertida novela gráfca ue cuenta las aventuras de Lola 105,1k 45,2 k Descubre Mafalda Garfeld Tim ClowesQuino Calvin y Hobbes Daniel Clowes Ghost ÷orld Daniel Ver todo Como te encanta Flavita, te recomendamos... Archivos csmicos Flavita B anana regresa con un nuevo volumen 105,1k 45,2 k Como te encanta Flavita, te recomendamos... Archivos csmicos Flavita B anana regresa con un nuevo volumen 105,1k 45,2 k Especial para ti No mires atrás Laura Dean Mario Mama k i A na b el Colaro ¿ Me estás escuchando ? Tillie Walden David Daniel Ver todo T e recomendamos... David B oring T he complete eightball Daniel ClowesDaniel Clowes Patience Daniel Clowes Ghost ÷orld Daniel Ver todo ¡ T e va a gustar! Under Pressure K iller Q ueen J o h n Dea c on F reddie Mer c ur y Q ueen of thrones Tillie Walden A kind of magic Daniel Ver todo No te pierdas lo nuevo de... Marvel Flavita B anana Fiona Staples Marjane Satrapi ¡ Y a está a u í la segunda parte! Cro ueta y empanadilla 2 ¡Para no dejar de re í r! 105,1k 45,2 k Nuevo cómic de Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja ue... 105,1k 45,2 k ¡Seguro ue te gusta! Amores El festival de los Dragones Katie O’Neil Sarita Sammartino La sociedad de los Dragones Tillie Walden Skim Mario Ver todo Inicio Continúa leyendo...Continúa leyendo... Ver todo Crecer es un mito Cro ueta y empanadilla 2 Persépolis Enjambre Lo nuevo de Lola Vendetta Lola Vendetta Una divertida novela gráfca ue cuenta las aventuras de Lola 105,1k 45,2 k Descubre Mafalda Garfeld Tim ClowesQuino Calvin y Hobbes Daniel Clowes Ghost ÷orld Daniel Ver todo Como te encanta Flavita, te recomendamos... Archivos csmicos Flavita B anana regresa con un nuevo volumen 105,1k 45,2 k Como te encanta Flavita, te recomendamos... Archivos csmicos Flavita B anana regresa con un nuevo volumen 105,1k 45,2 k Especial para ti No mires atrás Laura Dean Mario Mama k i A na b el Colaro ¿ Me estás escuchando ? Tillie Walden David Daniel Ver todo T e recomendamos... David B oring T he complete eightball Daniel ClowesDaniel Clowes Patience Daniel Clowes Ghost ÷orld Daniel Ver todo ¡ T e va a gustar! Under Pressure K iller Q ueen J o h n Dea c on F reddie Mer c ur y Q ueen of thrones Tillie Walden A kind of magic Daniel Ver todo No te pierdas lo nuevo de... Marvel Flavita B anana Fiona Staples Marjane Satrapi ¡ Y a está a u í la segunda parte! Cro ueta y empanadilla 2 ¡Para no dejar de re í r! 105,1k 45,2 k PROPUESTA FINAL
52 FASE 04 Entrega EXPLORA Y BUSCADOR El apartado de explora tiene la misma estructura que el inicio, pero su contenido está enfocado a descubrir las tendencias de la plataforma (al contrario que el inicio, donde predomina el contenido personalizado). El buscador se ha ubicado en esta pantalla dándole menos prioridad, ya que al ser una plataforma de descubrimiento de contenido, la mayoría de lectores no tendrá una idea predefinida del contenido que van a consumir. Novedades No ires atrás Laura Dean Mario MamakiAnabel Colaro ¿Me estás escuchando? Tillie Walden David Daniel Ver todo Desiubre Tiras cómicas Cómiis Novelas gráfias Mafalda Texto desiriprivo del iómii de no más de dos o tres líneas. 105,1k 45,2 k Garfeld Texto desiriprivo del iómii de no más de dos o tres líneas. 105,1k 45,2 k Calvin « Hobbes Texto desiriprivo del iómii de no más de dos o tres líneas. 105,1k 45,2 k Los más populares Mafalda Garfeld Tim Clowes Quino Calvin « Hobbes Daniel Clowes Ghost Àorld Daniel Ver todo Nuevas historias de amor Mafalda Garfeld Tim ClowesQuino Calvin « Hobbes Daniel Clowes Ghost Àorld Daniel Ver todo Super Héroes Under Pressure Killer Queen John Deacon Freddie Mercury Queen of thrones Tillie >alden A kind of magii Daniel Ver todo Explo ra B usiar Top 10 más leídos David B oring The iomplete eightball Daniel ClowesDaniel Clowes Patienie Daniel Clowes Ghost Àorld Daniel Ver todo Ver todo Nuevos autores « editoriales Marvel F lavita B anana F iona Staples Mar j ane Satrapi No te pierdas... A rihivos iósmiios F lavita B anana regresa ion un nuevo volumen 105,1k 45,2 k ¡A hora es tendeniia ! Lola Vendetta Una divertida novela gráfia q ue iuenta las aventuras de Lola 105,1k 45,2 k La novela gráfia de moda Saga E n Saga seguimos la historia de A lana « Marko, una pare j a q ue... 105,1k 45,2 k Ana Ocina Croqueta y empanadilla 3 Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Croqueta y empanadilla 1 Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Croqueta y empanadilla 1 Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Los f*cking 30 Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Trufa en \ollyRood Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Una navidad con croqueta y empanadilla Ana Ocina Texto descriprivo Croqueta y empanadilla 1 Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Croqueta y empanadilla u Ana Ocina Texto descriprivo del cómic de no más de dos o tres líneas. Buscador Siguiendo Ana Ocina Atora Seguir La Cpula Editorial Autores y editoriales Publicaciones Filtrar 3 Búsquedas recientes | Borrar todo Buscador David Boring Daniel Clowes Maus Art Spiegelman Maus Art Spiegelman Maus Art Spiegelman BatVanL KQe IiFFing Joker Alan YXXre Maus Art Spiegelman Maus Art Spiegelman David Boring Daniel Clowes The complete eightball Daniel Clowes Patience Daniel Clowes Ghost World Daniel Clowes David Boring Daniel Clowes Súper héroes Ver todo Explora Top 10 más leídos Ver todo No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¿Me estás escuchando Tillie Walden No mires atrás Anabel Colaro Laura Dean Mario Mamaki Top 10 más leídos Ver todo No mires atrás Anabel Colaro Laura Dean Mario Mamaki ¿Me estás escuchando Tillie Walden No mires atrás Anabel Colaro Laura Dean Mario Mamaki Amores Sarita Sammartino El festival de los Dragones Katie O’Neil La sociedad de los Dragones Tillie Walden Skim Mario Tamaki Amores Sarita Sammartino Los más populares Ver todo David Boring Daniel Clowes The complete eightball Daniel Clowes Patience Daniel Clowes Ghost World Daniel Clowes David Boring Daniel Clowes Novedades Ver todo Amores Sarita Sammartino El festival de los Dragones Katie O’Neil La sociedad de los Dragones Tillie Walden Skim Mario Tamaki Amores Sarita Sammartino Los más populares Ver todo David Boring Daniel Clowes The complete eightball Daniel Clowes Patience Daniel Clowes Ghost World Daniel Clowes David Boring Daniel Clowes Novedades Ver todo Nuevos auáores Ø ediáoriales Marvel Comics Flavita Banana Fiona Staples Mar j ane Satrapi Sarah Andersen Tiras có m c ias C ó mics Novelas grá if cas D es c u b re Crecer es un mito La historia de Alana y Marko , una pare j a q ue encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hi j a . 105,1 k 45,2 k Sarah Andersen Domando gatos La historia de Alana y Marko , una pare j a q ue encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hi j a . 105,1 k 45,2 k Sarah Andersen Big Mush y H app y Lump La historia de Alana y Marko , una pare j a q ue encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hi j a . 105,1 k 45,2 k Sarah Andersen Saga Por primera ve z recopiladas en un libro , las tiras « feministas » de Mafalda Mafalda , la irreverente ni ñ a q ue ha deleitado a generaciones con su visi ó n humor í stica del mundo en q ue vivimos , es una de las más ilustres feministas de nuestra é poca . 105,1 k 45,2 k Fiona Staples La n ovela g rá 椀c a de moda Saga Por primera ve z recopiladas en un libro , las tiras « feministas » de Mafalda Mafalda , la irreverente ni ñ a q ue ha deleitado a generaciones con su visi ó n humor í stica del mundo en q ue vivimos , es una de las más ilustres feministas de nuestra é poca . 105,1 k 45,2 k Fiona Staples No áe pierdas ... Buscar Búsquedas recientes... ¡Suscríbete! Descarga la aplicación ¿Quieres trabajar con nosotros? Términos Privacidad Ayuda 2021 Arcamic Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples Saga En Saga seguimos la historia de Alana y Marko, una pareja que encuentra el amor entre el caos de la guerra y forma una familia con el nacimiento de su hija. Su objetivo: dejar todo atrás, arriesgando todo lo que tienen en su vida para traer una nueva a este peligroso y antiguo universo. 105,1k 45,2 k Fiona Staples ARCAMIC Figura 4.4 Explora y buscador Móvil. Figura 4.6 Buscador Ordenador. Figura 4.5 Explora Tableta. PLATAFORMA DE CONTENIDO PROPUESTA FINAL
53 FASE 04 Entrega BIBLIOTECA En la biblioteca se encuentran todos los cómics que el usuario ha guardado, descargado o indicado que le gustan, es decir, su colección personal. La agrupación del contenido en tres categorías permite facilitar su búsqueda, y la disposición de un cómic por fila ocupando todo el ancho de la pantalla facilita la alcanzabilidad. En la versión de aplicación de móvil y tableta, los cómics pueden descargarse en el dispositivo para ser consumidos sin conexión. PLATAFORMA DE CONTENIDO ¡Suscríbiti! Discarga ea apeicación ¿Quiiris trabajar con nosotros? Términos Privacilal Ayula 2021 Arcamic Biblioteca Mi gusta Descargado Guardado Para poder descargar los cómics deberás bajarte la aplicación de Arcamic Consíguelo en el App Store Disponible en Google Play Croquita y impanalieea 2 14 capítueos | 456 MB Ana Æcina MaËaela 14 capítueos | 456 MB Quino Garfiel 14 capítueos | 456 MB Jim Davis Croquita y impanalieea 2 14 capítueos | 456 MB Ana Æcina MaËaela 14 capítueos | 456 MB Quino Garfiel 14 capítueos | 456 MB Jim Davis Croquita y impanalieea 2 14 capítueos | 456 MB Ana Æcina MaËaela 14 capítueos | 456 MB Quino Garfiel 14 capítueos | 456 MB Jim Davis Croquita y impanalieea 2 14 capítueos | 456 MB Ana Æcina MaËaela 14 capítueos | 456 MB Quino Garfiel 14 capítueos | 456 MB Jim Davis PerflInicio Catálogo Biblioteca ARCAMIC Biblioteca Me gusta Descargado Guardado Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Crecer es un mito Sarah Andersen CroDueta > empanadilla 2 Ana Ocina Persépolis Marjane Satrapi Still not an adult Cassandra Calin Enjambre Catr}a Busca un cómic en tu biblioteca Me gusta Descargados Guardados Biblioteca Eliminar 14 capítulos | 456 MB Croqueta y empanadilla 2 Ana Ocina 4 tomos | 206 MB Mafaela Quino 4 tomos | 206 MB Caevin y Hobbis Bill Watterson 4 tomos | 206 MB Garfiel Jim Davis Cancelar Busca un cómic en tu biblioteca Me gusta Descargados Guardados Da+id Boring Daniel Clowes Texto descriprivo del cómic de no más de dos o tres líneas. Ghost Daniel Clowes Texto descriprivo del cómic de no más de dos o tres líneas. Killer Queen John Deacon Texto descriprivo del cómic de no más de dos o tres líneas. The Complete jihtall Daniel Clowes Texto descriprivo del cómic de no más de dos o tres líneas. Archivos Cósmicos Flavita Banana Texto descriprivo del cómic de no más de dos o tres líneas. Queen of thrones Tillie Walden Texto descriprivo del cómic de no más de dos o tres líneas. A ©ind of maic Daniel Clowes Texto descriprivo del cómic de no más de dos o tres líneas. Recientes Popularidad Novedad Recientes Biblioteca Figura 4.7 Biblioteca Móvil. Figura 4.8 Biblioteca Ordenador. Figura 4.9 Biblioteca Tableta. PROPUESTA FINAL
54 FASE 04 Entrega FICHA DE CÓMIC El contenido de la ficha de un cómic está estructurado en cuatro secciones diferenciadas: -La sección principal que se visualiza en primer lugar consta de la portada, descripción y categorización del cómic. -La sección que se muestra por defecto son los capítulos del cómic con un indicador de progreso general. -Reseñas, con opiniones de otros usuarios. -Información, con links a los perfiles del autor y editor, acceso a la compra física, y otros cómics recomendados PLATAFORMA DE CONTENIDO Croqueta y empanadilla 2 Ana Ocina 105,1k 45,2 k 25 cap. Cap,tulo0 Reseñas Información Cuando uno es una croqueta, está inexorablemente predestinado a enamorarse con locura de una empanadilla. Y como cualquier pareja de bien, deciden irse a vivir juntos, aunque nadie ha dicho que la convivencia fuera fácil! Croqueta y Empanadilla es tierno, divertido, y transmite un increíble buen rollo. Cap. 1 Croqueta Cap. 2 Empanadilla Cap. t Algo pasa con croqueta Cap. Empanadilla Cap. Algo pasa con croqueta Cap. 4 Croqueta Cap. Empanadilla Cap. Algo pasa con croqueta Cap. Croqueta Cap. 11 Empanadilla Cap. 12 Algo pasa con croqueta Cap. 10 Croqueta Cap. 14 Empanadilla Cap. 1 Algo pasa con croqueta Cap. 1t Croqueta Cap. 1 Algo pasa con croqueta Cap. 1 Empanadilla Cap. 1 Algo pasa con croqueta Cap. 1 Croqueta Cap. 21 Empanadilla Cap. 22 Algo pasa con croqueta Cap. 20 Croqueta Cap. 24 Empanadilla Cap. 2 Algo pasa con croqueta Cap. 2t Croqueta 4/20 Progreso total Atrás Croqueta y empanadilla 2 Ana Ocina Leer ahora Descargado cotidiano humor comida Croqueta y empanadilla 2 Ana Ocina 105,1k 45,2 k 25 cap. Capítulos Reseñas Información Cuando uno es una croqueta, está inexorablemente predestinado a enamorarse con locura de una empanadilla. Y como cualquier pareja de bien, deciden irse a vivir juntos, aunque nadie ha dicho que la convivencia fuera fácil! Croqueta y Empanadilla es tierno, divertido, y transmite un increíble buen rollo. ¡Suscríbete! Descarga la aplicación ¿Quieres trabajar con nosotros? Términos Privacidad Ayuda 2021 Arcamic Cap. 1 Croqueta Cap. 2 Empanadilla Cap. ª Algo pasa con croqueta Cap. Empanadilla Cap. ½ Algo pasa con croqueta Cap. 4 Croqueta Cap. Ç Empanadilla Cap. É Algo pasa con croqueta Cap. Ó Croqueta Cap. 11 Empanadilla Cap. 12 Algo pasa con croqueta Cap. 10 Croqueta Cap. 14 Empanadilla Cap. 1 Algo pasa con croqueta Cap. 1ª Croqueta Cap. 1½ Algo pasa con croqueta Cap. 1Ç Empanadilla Cap. 1É Algo pasa con croqueta Cap. 1Ó Croqueta Cap. 21 Empanadilla Cap. 22 Algo pasa con croqueta Cap. 20 Croqueta Cap. 24 Empanadilla Cap. 2 Algo pasa con croqueta Cap. 2ª Croqueta 4/20 Progreso total Atrás EäploraInicio Catìlogo Biblioteca ARCAMIC Descargado L eer a h ora cotidiano humor comida Croqueta y eaaa II Ana cina Escribir reseña Capítulos Reseñas Información Croqueta y Empanadilla 2 Una entrañable y joven pareja que arranca sonrisas con su humor cotidiano en breves gags. Ana Ocina cotidiano humor comida AtrTs 105,1k 25 cap.45,2 k Dje negn s Uon hietsein m y ivjeti no jogno hn je j j eimje n ít s. Hace 5 días MariLopLop (Tú) Ns hny oi o es s ómi q j os mj jno y je q j eso m y ivjeti se!! Hace 5 días Veroleo E ejg o s mj nej ió máe fsaso jes éetj os mj hn j j ison s. Eetá n n n t en j eimjes (y jes je m y ifí i ). Divjeti s y tijeoso eijm ej tj vne n ejotie i jotif n s so os j se jeesonaje Hace 5 días RuthPérez Ns hny oi o es s ómi q j os mj jno y je q j eso m y ivjeti se!! Hace 5 días Veroleo Ns hny oi o es s ómi q j os mj jno y je q j eso m y ivjeti se!! Hace 5 días Veroleo E ejg o s mj nej ió máe fsaso jes éetj os mj hn j j ison s. Eetá n n n t en j eimjes (y jes je m y ifí i ). Divjeti s y tijeoso eijm ej tj vne n ejotie i jotif n s so os j se jeesonaje Hace 5 días RuthPérez E ejg o s mj nej ió máe fsaso jes éetj os mj hn j j ison s. Eetá n n n t en j eimjes (y jes je m y ifí i ). Divjeti s y tijeoso eijm ej tj vne n ejotie i jotif n s so os j se jeesonaje Hace 5 días JuanPablo Ns hny oi o es s ómi q j os mj jno y je q j eso m y ivjeti se!! Hace 5 días Andrés42 E ejg o s mj nej ió máe fsaso jes éetj os mj hn j j ison s. Eetá n n n t en j eimjes (y jes je m y ifí i ). Divjeti s y tijeoso eijm ej tj vne n ejotie i jotif n s so os j se jeesonaje Hace 5 días PioPaco Leer ahora Figura 4.10 Ficha de cómic. Móvil. Figura 4.11 Ficha de cómic. Ordenador. Figura 4.12 Ficha de cómic. Tableta. PROPUESTA FINAL
55 FASE 04 Entrega REPRODUCTOR Ya que la función principal del reproductor es el consumo de contenido, a priori todas sus funcionalidades aparecen ocultas, dando prioridad a la lectura. Al tocar el centro de la pantalla, se mostrará el menú de lectura que permitirá visualizar el progreso, configurar los ajustes y descargar el cómic (entre otras cosas). Cuando se finaliza la lectura aparecen enlaces para dejar una reseña, explorar perfiles relacionados o continuar con la lectura mediante la reproducción automática del siguiente capítulo. PLATAFORMA DE CONTENIDO Hcotd cnospn nsodsad mc Capítulos4 CroquetasysEmpanadillas2 Pr feros renacdonado Hd nsarsadmr Capítulo 5 CroquetasysEmpanadillas2 Ana Ocina Autora Siguiendo La Cúpula Editorial Seguir 105,1k 45,2 k Me gusta Reseña Brillo Idioma Narración por audio ES EN GER 30 Modo Atrs Hcotd cnospn nsodsad mc Capítulos4 CroquetasysEmpanadillas2 Hd nsarsadmr Capítulos4 CroquetasysEmpanadillas2 Pr feros renacdonado Ana Ocina Autora Siguiendo La Cúpula Editorial Segui 105,1k 45,2 k Me gusta Reseña Ats 105,1k 45,2sk ReseñaMesgusta Atrás Historiassparasnosdormir Capítulos4 CroquetasysEmpanadillas2 Historiassparasnosdormir CapítulosE CroquetasysEmpanadillas2 Pr feros renacdonado Ana Ocina Autora La Cúpula Editorial Siguiendo Seguir Croqueta y Empanadilla 2 - capítulo 4 50% leído Atrás Historias para no dormir Capítulo 4 Croqueta y Empanadilla 2 Historias para no dormir Capítulo 5 Croqueta y Empanadilla 2 105,1k 45,2 k ReseñaMe gusta Pr fero renacdonado Ana Ocina Autora La Cúpula Editorial Siguiendo Seguir Croqueta y Empanadilla 2 Capítulo 4 50% leído SiguienteAnterior Figura 4.13 Reproductor. Móvil. Figura 4.15 Reproductor. Ordenador. Figura 4.14 Reproductor. Tableta. PROPUESTA FINAL
56 FASE 04 Entrega PLATAFORMA DE CONTENIDO PERFIL DE AUTOR/EDITORIAL Tanto el perfil de autor como el de editorial están enfocados a que los lectores consuman su contenido. El contenido del perfil se encuentra dividido en tres secciones: -La sección que se muestra por defecto son las novedades y los cómics más populares. -La segunda sección es un listado con todos sus cómics, los cuales se pueden ordenar en función de novedad, popularidad u orden alfabético. -La tercera sección incluye información bibliográfica del autor, seguidores, un acceso a su editorial y otros autores similares. Ana Ocina 50.2 k lectores mensuales Siguiendo Populares Publicaciones Información Atrás Los f*cking 30 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Una navidad con croqueta y empanadilla Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Novedades Croqueta y empanadilla 1 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Croqueta y empanadilla 2 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Croqueta y empanadilla 3 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Los f*cking 30 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Una navidad con croqueta y empanadilla Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Populares Croqueta y empanadilla 1 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Croqueta y empanadilla 2 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Croqueta y empanadilla 3 Texto descriprivo del cómic de no más de dos o tres líneas. 105,1k 45,2 k Próximo lan¡amiento Trufa en ªolly®ood 14,¸5 ¶ 13,¸5 ¶ -5% dto Precomprar en la ®eb 50,2 k lectores mensuales Novedades Publicaciones Información Sarah Andersen Siguiendo ¡Suscríbete! Descarga la aplicación ¿Quieres trabajar con nosotros? Términos Privacidad Ayuda 2021 Arcamic Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Crecer es un mito ¿µres nico e irrepetible? ¿Disfrutas socialiándote para inar el currículum? ¿Crecer y madurar son retos fascinantes paralos que te sientes superpreparado/a? Argh. Por favor, lárgate. 105,1k 45,2 k Fiona Staples Atrás 50,2 k lectores mensuales Sarah Andersen Siguiendo PerflInicio Catálogo Biblioteca ARCAMIC La Cúpula Editorial Publicaciones Autores Información 50,2 k lectores mensuales Seguir Flavita Banana 105,1k lectores mensuales Autores de la Editorial Marjane Satrapi Flavita BananaMarvel Comics Marvel Comics Ana Ocina Ana Ocina Autores s lezdos Siguiendo Sara Andersen 105,1k lectores mensuales Siguiendo Seguir Fiona Staples 105,1k lectores mensuales Marjane Satrapi 105,1k lectores mensuales Seguir Seguir Flavita Banana 105,1k lectores mensuales Seguir Flavita Banana 105,1k lectores mensuales Seguir Fiona Staples 105,1k lectores mensuales Marjane Satrapi 105,1k lectores mensuales Seguir Seguir Flavita Banana 105,1k lectores mensuales Popularidad 50,2 k lectores mensuales La Cúpula Editorial Siguiendo Atr¹s Figura 4.16 Perfil de Autor. Móvil. Figura 4.17 Perfil de Autor. Ordenador. Figura 4.18 Perfil de Editorial. Tableta. PROPUESTA FINAL
57 FASE 04 Entrega De media lees 10 horas a la semana Por encima del 70% de usuarios Tvdmpglsdmíníelvnidat g Martes 100 min Lunes 30 min 20 min Jueves 90 min Miércoles 120 min Sábado 140 min Domingo 40 min Viernes Sueles leer sobre las 15 h y las 1s h Entorno al 30% de los usuarios suelen leer a esta hora Hgaísl dlíctiv í lílegleíargl del dí 3 2 % 0 3 % 10 % 9 5 % 6 30 % 15 20 % 1s 15 % 21 15 % 12 Géneros más leídos Ciencia fcciin Aventura Deporte Humor CoÓtumbriÓmo Romance 35 % 25 % 15 % 1ê % 5 % 5 % Estadísticas Au t ore s má s le íd o s Siguiendo Sarah A ndersen 105 , 1 k lectores mensuales 1 º 2 º Seguir F lavita B anana 105 , 1 k lectores mensuales Seguir F iona Sta p les 105 , 1 k lectores mensuales 3 º Como t e gu st óComo t e gu st ó Domando gatos C on su ingenio y encanto característicos , la tercera colecci ó n de c ó mics y ensayos ilustrados de Sarah A ndersen o f rece una guía de su p ervivencia p ara el caos de la vida moderna : desde la im p ortancia de evitar a las p ersonas ma ñ aneras , ... Te re c ome da mo s C recer es un mito ¿ Eres ú nico e irre p etible ? ¿ Dis f rutas sociali z ándote p ara in lf ar el currículum ? ¿C recer y madurar son retos f ascinantes p aralos q ue te sientes su p er p re p arado / a ? A rgh . Por f avor , lárgate . 105 , 1 k 45 , 2 k Domando gatos C on su ingenio y encanto característicos , la tercera colecci ó n de c ó mics y ensayos ilustrados de Sarah A ndersen o f rece una guía de su p ervivencia p ara el caos de la vida moderna : desde la im p ortancia de evitar a las p ersonas ma ñ aneras , ... 105 , 1 k 45 , 2 k B ig Mushy H a pp y Lum p Sarah A ndersen ' s hugely p o p ular , w orld - f amous Sarah ' s Scribbles comics are f or those o f us w ho boast boo k store - ready bodies and N et lf i xready hair , ... 105 , 1 k 45 , 2 k ¡ Suscríbete ! Descarga la a p licaci ó n ¿ Q uieres traba j ar con nosotros ? T érminos Privacidad A yuda 2021 A rcamic A trás P erf lI nicio Cat ál o g o B ib l ioteca ARCAMIC PERFIL Los lectores de la plataforma también tienen su propio perfil de usuario, que se diferencia estructural y visualmente del perfil de autores y editoriales. Se trata de la parte más social de la plataforma, en la que se puede interactuar con otros usuarios, conocer sus opiniones, libros leídos y autores que siguen. El apartado del perfil muestra lo que ven los demás usuarios de ti (salvo el indicador de suscripción y las estadísticas). PLATAFORMA DE CONTENIDO ESTADÍSTICAS El lector, al consumir el contenido generará una serie de datos con los que se elaborarán estadísticas de lectura, que le permitirán conocer sus hábitos. Por ejemplo se podrá saber el tiempo diario dedicado a la lectura, preferencia horaria, género y autores favoritos, o recomendaciones basadas en este consumo. La obtención de estos datos se llevará a cabo a través del reproductor de contenido y se mostrará en el apartado de mis estadísticas del perfil. 250 Libros leídos 45 Reseñas 25 Siguiendo Mariloplop María López López Mis estadísticas de lectura Mi perfi días de prueba Una historia muy divertida, engancha desde el primer capítuloO Croqueta y empanadilla 2 Hace 5 días Una historia muy divertida, engancha desde el primer capítuloO No mires atrás Hace 5 días Una historia muy divertida, engancha desde el primer capítuloO Laura Dean Hace 5 días Una historia muy divertida, engancha desde el primer capítuloO Amores Hace 5 días Una historia muy divertida, engancha desde el primer capítuloO ¿Me estás escuchando? Hace 5 días MariLopLop María López López Mis stadísticas de lectura Libros leídos 250 Reseñas 45 Siguiendo 25 El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes Croqueta y empanadilla 2 Hace 5 días días de prueba El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes ¿Me estás escuchando? Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes No mires atrás Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes Laura Dean Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes Amores Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes Croqueta y empanadilla 2 Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes No mires atrás Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes Laura Dean Hace 5 días El segundo me pareció más foao, pero ste no me ha decepcionado. Está a la altura del primero (y eso es muy difícil). Divertido y tierno, siempre te vas a sentir identifcado con uno de los personaaes No mires atrás Hace 5 días Figura 4.19 Mi perfil. Móvil. Figura 4.21 Estadísticas. Ordenador. Figura 4.20 Mi perfil. Tableta. PROPUESTA FINAL
FUTURO DEL PROYECTO Y VALORACIÓN PERSONAL 64 UN NUEVO COMIENZO Este proyecto ha aportado un punto de partida para la empresa Arcamic, dotándola de los medios necesarios para impulsar una nueva plataforma de lectura de cómics bajo demanda. Esto ha sido posible a través del planteamiento de un nuevo modelo de negocio y una metodología de diseño orientadas a satisfacer las necesidades del mercado y favorecer la captación de creadores de contenido. OPORTINIDADES DE MEJORA El conjunto del trabajo realizado se adapta a las necesidades especificadas por la empresa y a las conclusiones obtenidas de los estudios llevados a cabo. Se trata de un proyecto a máximos, en el que se ha supuesto una gran acogida en el mercado y una gran aceptación por parte de creadores de contenido. Sin embargo, esto no ocurre de la noche a la mañana, por lo que se deberá sopesar la posibilidad de dar cabida en primera instancia a pequeños autores que quieran darse a conocer, de una manera similar a como lo hace Webtoon (https://www.webtoons.com/en/), o mediante concursos como los que lleva a cabo Norma Cómics https://www.escritores.org/recursos-para-escritores/28960-concurso-manganorma-editorial-2020-espana. CONSECUCIÓN DE LOS OBJETIVOS Se han cumplido los objetivos que se plantearon al inicio del proyecto, aunque la falta de tiempo ha impedido testear tanto las versiones tablet y ordenador como las plataformas de gestión. Sin embargo, las conclusiones extraídas de los test de usabilidad de la versión en móvil fueron aplicadas en la medida de lo posible a estar versiones, y la usabilidad plataforma de gestión fue supervisada y validada por la empresa. PRÓXIMOS PASOS La continuación del proyecto hasta llegar a una plataforma que se encuentre disponible en el mercado pasa por el desarrollo y maquetación web de los prototipos planteados. Sin embargo, para garantizar la experiencia de usuario de las personas que la utilicen, se deberá trabajar en una mejora contínua y proporcionar un sistema de obtención de feedback de sus usuarios. FUTURO DEL PROYECTO Y VALORACIÓN PERSONAL
FUTURO DEL PROYECTO Y VALORACIÓN PERSONAL 65 SUPERACIÓN DE LOS IMPREVISTOS Durante la ejecución de este proyecto han surgido imprevistos que han afectado a la estimación de horas y la planificación inicial. La crisis de la Covid-19 ha impedido que los tests de usabilidad hayan podido llevarse a cabo de una manera presencial. El tiempo que ha supuesto la espera a la validación de las diferentes fases por parte de la empresa, en ocasiones de más de una semana, ha implicado retrasos en la planificación. El tiempo dedicado a la ejecución del proyecto en su totalidad supera al estimado en un 50%, siendo un total de 450 horas. EXPERIENCIA PERSONAL La experiencia adquirida en la ejecución de este proyecto me ha aportado la capacidad de tomar la iniciativa, agilidad en la toma de decisiones, y una mejora en mis dotes de comunicación con la empresa y elaboración de entregables que faciliten la comprensión de conceptos técnicos acerca de la experiencia de usuario a personas que no estén familiarizadas con ella. FUTURO DEL PROYECTO Y VALORACIÓN PERSONAL
BIBLIOGRAFÍA 66 [1] Federación de gremios de editores de España, “Informe de Resultados. Hábitos de Lectura y Compra de Libros en España - 2018,” 2019. [Online]. Available: https://www.federacioneditores. org/lectura-y-compra-de-libros-2018.pdf. [Accessed: 15-Jun-2020]. [2] R. Dieste, “Proyecto de Design Thinking para la EMT de Madrid - Medium,” 2018. [Online]. Available: https://medium.com/@diesterafael/proyecto-de-design-thinking-para-la-emt-demadrid-734105d26682. [Accessed: 15-Jun-2020]. [3] C. Busquets, “Principios de UX: Ley de Jakob y Ley de Miller - uiFromMars.” [Online]. Available: https://www.uifrommars.com/principios-ux-ley-jakob-y-miller/. [Accessed: 15-Jun-2020]. [4] V. Xia, “What is Mobile First Design? Why It’s Important & How To Make It?,” 2017. [Online]. Available: https://medium.com/@Vincentxia77/what-is-mobile-first-design-why-its-importanthow-to-make-it-7d3cf2e29d00. [Accessed: 15-Jun-2020]. [5] S. Ingram, “The Thumb Zone: Designing For Mobile Users — D/UX,” 2016. [Online]. Available: https://www.dreamerux.com/articles/c6apf7zfnfk6xdmxw94xegwfbdkwwy. [Accessed: 15-Jun2020]. [6] J. L. Baptiste, “Insights into about how the world uses the iPad,” 2013. [Online]. Available: https:// es.scribd.com/doc/149928641/Onswipe-127433480-Users-Sage-June-2013. [Accessed: 15Jun-2020]. [7] K. Sternina, “How To Make A Physiology-Friendly Application For The iPad,” 2017. [Online]. Available: https://uxplanet.org/how-to-make-user-friendly-application-ipad-physiologyb1b6b65a3374. [Accessed: 15-Jun-2020]. [8] V. Musumeci, “Teoría y psicología del color,” 2016. [Online]. Available: http://valentinamusumeci. com/blog/teoria-psicologia-color/. [Accessed: 15-Jun-2020]. [9] J. Nielsen, “Why You Only Need to Test with 5 Users,” 2000. [Online]. Available: https://www. nngroup.com/articles/why-you-only-need-to-test-with-5-users/. BIBLIOGRAFÍA
DISEÑO DE LA PLATAFORMA DE LECTURA DE CÓMICS BAJO DEMANDA ARCAMIC TRABAJO FINAL DEL MÁSTER EN INGENIERÍA DE DISEÑO DE PRODUCTO Marta Gracia Ibáñez MEMORIA