T1: Feedly - Catalina López Guerra
Título | Estudio y Rediseño de Feedly - Catalina López Guerra |
---|---|
Palabras Clave | rediseño |
Asignatura | Taller de Diseño de Interacción |
Del Curso | Taller de Diseño de Interacción 2024 |
Carreras | Diseño |
Alumno(s) | Catalina López Guerra |
Profesor | Herbert Spencer |
URL | https://apps.apple.com/cl/app/feedly-smart-news-reader/id396069556 |
Entrega 1 - 15.03.24
Encargo Solicitado
- Se solicita seleccionar y analizar una aplicación de agregación de contenido. Tomando en consideración la presentación y el propósito de la aplicación, estilo general, etiquetado y lenguaje. Realizando observaciones, dibujos y esquemas dentro de una lámina de estudio.
- La versión a analizar es 90.0.7
- Link para descargar iOS - https://apps.apple.com/cl/app/feedly-smart-news-reader/id396069556
¿Cómo funciona?
Feedly hace que sea más fácil tanto leer como seguir el contenido en línea al consolidar múltiples fuentes de información en una sola plataforma y proporcionar herramientas para personalizar y gestionar esas fuentes según las especificaciones del usuario.
|
|
Comparativa
|
|
Look and Feel
Lenguaje Visual La app presenta como tipografía base la Helvetica. Pero al momento de leer artículos y publicaciones, está la posibilidad de cambiar tanto el tamaño, el color de texto y fondo y la tipografía haciéndola adaptable para el gusto de su respectivo usuario.
Screenshots / Pantallazos
Etiquetado y Lenguaje
|
|
Análisis
¿Por qué FEEDLY se puede considerar una aplicación de agregación de contenido?
|
|
Comparativa a partir de 2 usuarios
Se plantea la idea de visualizar dos objetivos de usuario que interactúen con la app. Uno enfocado en el estudio del Diseño de la app y el otro desconociendo totalmente la app y con intención de probarla.
|
|
Entrega 2 - 19.03.24
Encargo Solicitado
- Luego de la corrección realizada por la profesora ayudante Javiera, se toma en consideración bastantes puntos de la lamina realizada donde entre conversaciones y comparativas entre compañeros se logra crear un enfoque en lo que se quiere profundizar a continuación.
- El encargo a realizar tiene presente el análisis de pantallas y de navegación. Tomando en consideración la consistencia, la organización de contenidos, la adaptabilidad y el uso del espacio. Además de tres ejemplos/situaciones dentro de la aplicación presentadas en wireflow.
Comparativa entre las versiones de la aplicación
FEEDLY CLASSIC: Permite a los usuarios organizar sus feeds RSS y fuentes de noticias en categorías personalizadas para una mejor gestión y acceso. Feedly Classic brinda una experiencia de lectura centrada en las noticias y los artículos sin distracciones. Además permite cierta personalización en la apariencia de la interfaz y la disposición de los elementos, pero no tan amplia como en las versiones más recientes. Ya sea a través de la web o a través de aplicaciones móviles, los usuarios pueden acceder a sus feeds y preferencias desde una variedad de dispositivos. La suscripción a fuentes RSS es compatible con Feedly Classic, lo que facilita a los usuarios seguir blogs, sitios web y otras fuentes de noticias.
FEEDLY: En esta versión es posible acceder a todas sus fuentes de información desde una sola plataforma, además de organizar tus fuentes en categorías personalizadas y ajustar la apariencia de la interfaz según tus preferencias. Se presenta un sistema de lectura sencillo y selectivo en lo que te interesa. Puedes marcar artículos interesantes para leer más tarde o guardarlos para usar en Evernote o Pocket. Esto le permite mantener sus preferencias y marcadores sincronizados y acceder a su contenido desde cualquier dispositivo. Compartir contenido interesante en tus redes sociales favoritas, como Twitter, Facebook y LinkedIn. Además, para brindar una experiencia de usuario más completa, se puede integrar con servicios de terceros como Pocket, Evernote y Buffer.
|
|
|
Comparativa perfil de usuario
Para realizar estas comparativas se le solicito a 5 estudiantes con rango de edad 19-23 años que se instalaran Feedly en su versión actual y la Classic, realizando un par de preguntas pero centrando la atención principalmente en la impresión que tenían al utilizar la aplicación por primera vez.
Con Feedly Classic, hubieron varios problemas ya que la aplicación se cerraba repentinamente y no permitía crear una cuenta con facilidad, no se explicaba el modo de uso y la mayoría se las fotografías y ilustraciones de los artículos y categorías no se podían visualizar.
Con la aplicación actual de Feedly hubo una reacción diferente, se pudo utilizar con mayor fluidez aunque se comentaba bastante la ausencia de algún tutorial para comprender mejor la aplicación. Funcionaba bien, fluido y mucho mas accesible.
Wireflow
Inicio
Edición de Articulo y Categorización
Feedly Classic
Entrega 3 - 22.03.24
Encargo Solicitado
- Para este encargo se plantea el continuar con la investigación, enfocándonos en su navegación y experiencia de usuario, tomando en consideración lo mencionado anteriormente y seguir con la linea de datos para encontrar una problemática que rediseñaremos como entrega final.
Para comenzar este proyecto se decidió estudiar la aplicación de agregación de contenido FEEDLY, luego de un análisis comparativo entre la página web y las aplicaciones de Feedly, se decidió llevar el enfoque en la aplicación actual. Para ello se comenzó analizando el lenguaje visual (LOOK AND FEEL) junto con el etiquetado y lenguaje mientras que a la par se iba avanzando en las comparativas y interacciones con la aplicación, para así pasar al estudio de pantalla y navegación dentro de la app hilando la información solicitada para ir avanzando en la recopilación de puntos buenos y a mejorar desde la perspectiva de nosotros, el usuario.
Coherencia de estructura
|
|
Tiempo
Al ser una aplicación con un diseño bastante simple, sin mucho color y manteniendo una jerarquía clara. El encontrar información de lo que se desea realizar se hace mucho más sencillo, aunque la repetición constante de las opciones tiende a confundir además de las similitudes de sus acciones. Como por ejemplo, El guardar y favorito se presenta en una misma carpeta y desaparece al momento de abrirlo en su categoría de guardado. Por lo cual lo hace momentáneo y confuso.
- PANTALLAS: La distribución de la información se centra en la categorización, esta es adaptable al gusto del usuario. Tomando así sus preferencias como contenido deseado.
- WIREFLOW: El Home posee la gran mayoría de los enlaces principales, así también visualizamos cómo se repiten en su mayoría dichas funciones pero con diferente icono.
- PRIMERA IMPRESIÓN: El orden agrada visualmente pero la cantidad de funciones que no se explican en el inicio es un poco confusa, la mayoría se mantiene en iconos o ingles. por lo cual si no vas con un objetivo claro se vuelve un poco difícil el comprender el propósito de la app.
- INFORMACIÓN ENTREGADA: Se entrega una gran variedad de categorías al usuario, pero aun así al analizar y leer las últimas noticias de la mayoría, se puede ver que algunas no están actualizadas desde hace bastante tiempo.
Debilidades
Guía de navegación
Al momento de iniciar se presenta una leve introducción de la aplicación, esta se encuentra en inglés. Pero al momento de iniciar solo presenta cómo crear una carpeta de lectura, para así terminar la introducción. La mayoría de acciones se aprenden probando seleccionar los distintos enlaces pero aún así si uno busca alguna tutoría de uso solo se encuentra en redes por otras fuentes independientes a Feedly.
Sistema de verificación de la información
La información que entrega las distintas categorías, son la labor principal de la aplicación. Pero al ir leyendo varias categorías podemos comparar que hay diferencias de actualización. Por ejemplo, tenemos la categoría tecnología y moda, tecnología actualizo hace 3 días mientras que moda hace un año. ¿Quién supervisa esa información?
Tiempo
La aplicación móvil Feedly es bastante veloz al momento de navegar en ella. Se toma en consideración el uso sin internet, viendo así que no se puede utilizar.
La velocidad de la aplicación es de segundos pero se ve una diferencia a partir de la señal del aparato.
Necesidades de usuarios con diferentes capacidades
|
|
Los dos puntos mencionados se relacionan en una falencia de la comunicación del contenido a partir de las limitaciones textuales. Sin tomar en consideración las opciones de mantener el contenido no textual como una base primordial para comprender el artículo y a su vez atrapar a los diferentes usuarios que buscan y necesitan la transmisión del contenido de dicha forma.
Arquitectura de la información
Entrega 4 - 26.03.24
Encargo Solicitado
- Teniendo presente el encargo anterior, Se toma en consideración el análisis y experiencia de usuario enfocado en la aplicación. Para llevar la idea de manera concreta se solicita realizar el rediseño de la app, enfocándonos en un punto o un conjunto de ejecuciones que la app no plantea de manera correcta según nuestro criterio.
Opciones de rediseño
Guía de navegación
Al momento de iniciar se presenta una leve introducción de la aplicación, esta se encuentra en inglés. Pero al momento de iniciar solo presenta cómo crear una carpeta de lectura, para así terminar la introducción. La mayoría de acciones se aprenden probando seleccionar los distintos enlaces pero aún así si uno busca alguna tutoría de uso solo se encuentra en redes por otras fuentes independientes a Feedly.
Sistema de verificación
La información que entrega las distintas categorías, son la labor principal de la aplicación. Pero al ir leyendo varias categorías podemos comparar que hay diferencias de actualización. Por ejemplo, tenemos la categoría tecnología y moda, tecnología actualizo hace 3 días mientras que moda hace un año. ¿Quién supervisa esa información?
Enlaces extras
En la aplicación se presenta una repetición constante de las opciones. Esto tiende a confundir, además de de encontrarse con enlaces con similitudes en sus acciones. Como por ejemplo, El guardar y favorito se visualizan en una misma carpeta y desaparece al momento de abrirlo en su categoría de guardado. Por lo cual lo hace momentáneo y confuso.
Decisiones
Como primera propuesta de rediseño, se plantea incorporar un tutorial paso a paso, explicando algunos puntos a utilizar dentro de la aplicación. Esto es para facilitar la navegación y comprender de mejor forma el propósito de esta.
Otro punto que se integra a la propuesta es la elección de idioma y darle más protagonismo al robot mascota de la aplicación, para así la aplicación hacerla más atractiva sin perder su línea gráfica.
Wireframe
Diseño oficial aplicación
Entrega Final Ciclo 0 - 02.04.24
Decisiones
Guía de inicio
PARTITURA DE INFORMACIÓN
La presente tabla indica la primera interacción del usuario con la aplicación de feedly. Dos puntos importantes de los que me pude percatar fueron, La ausencia de configuración en el idioma determinado por la aplicación y de la mano a esto, la falta de indicaciones con respecto de que trata la aplicación y la forma de uso. Al no estar estos dos puntos presentes en el inicio de uso, es confuso y poco atractivo para el usuario. Al decir atractivo hago referencia a que el no entender una aplicación en los primeros intentos da como resultado que se pierda el interés.
Perfil y sus carpetas
PARTITURA DE INFORMACIÓN
Al ir avanzando en el uso de la aplicación, se van otorgando distintas opciones. Uno de los principales propósitos de Feedly son sus Feeds, la categorización de la información y la presentación de la información dependiendo de nuestros gustos hacen que la aplicación sea atrayente ya que se le otorga al usuario el poder de omitir y concentrar su atención en la información de su agrado. Pero a su vez, las carpetas creadas se pierden con frecuencia, como a su vez las fuentes dueñas de la información pierden protagonismo al no poseer un punto principal de búsqueda donde se sepa más de la fuente.
Look and Feel
La aplicación se desenvuelve en un fondo blanco característico junto a textos negros y grises, algunos detalles leves en verde, y las fotografías e ilustraciones que si al usuario no le agrada las puede quitar de la pantalla. Un espacio limpio pero poco llamativo, no se presenta un contraste alto como tampoco una gran variabilidad en se estructura.
|
|
|
PROPUESTA FINAL
GUÍA DE INICIO
Decisiones
La Guía de inicio tiene como objetivo ser de utilidad en el momento que el usuario lo necesite. Se mantiene en la pantalla de inicio y solo con hacerle click te presenta una pequeña introducción a la pestaña que decidiste visualizar, Allí también se indican elementos gráficos para comprender las jerarquías y la utilidad de cada uno. A su vez antes de comenzar el uso de la aplicación, se ubica la opción de seleccionar el idioma en el que se desarrollara la app, así facilitando su entendimiento.
Flujo de navegación
Prototipos
PERFIL Y CARPETAS
Decisiones
Con el objetivo de hacer la aplicación más personalizable, se decide crear el perfil de usuario en el que solo se presentara el correo de la cuenta y las carpetas donde categorizamos las fuentes de información con respecto a los tópicos que queremos visualizar en nuestro feed. Se toma en consideración que este perfil seria un punto de búsqueda y guardado de la información y fuentes de la que no queremos perder su seguimiento. Considerando que hay una cantidad menor de información sobre las fuentes y sus paginas oficiales, también en las carpetas se ubica nombre y sitio web de los autores de cada articulo.
Flujo de navegación
Prototipos
LOOK AND FEEL
Decisiones
Para crear un mayor contraste dentro de la aplicación, se decidió incorporar cuadros, iconos y textos del verde característico de Feedly, no solo quedándonos en el blanco y negro, también jugando con las tonalidades de grises y la jerarquía de la información. Se mantienen las posibilidades de edición del usuario y a su vez se integra mas color sin despreocupar la limpieza de la aplicación.
Prototipos
Link Figma