The Project
Bloggly is a groundbreaking blog aggregator designed to offer users a seamless experience in accessing a diverse range of blogs, all in one convenient platform. Our responsive application caters to a broad target audience, including avid blog readers and professionals such as content creators, researchers, and enthusiasts using any device.
Duration: 6 months
Methods: Affinity Mapping, Wireframes, Prototyping
Tools: Figma and Mural
Context
Blogs are a great way to gain new insights about endless topics. You might even follow a certain blog written by a celebrity or any other influencer that you enjoy keeping up with.
The difficulty with blogs is that there is no one stop shop to consume all of the new content from your favorite writers and also write your own blogs!
Bloggly takes away the headache of searching for individual blogs on a daily basis and provides a single, beautiful experience to read, share, write, and delight!
The Process
Emphasize
Define
Ideate
Prototype
Test
Empathize
Competitive Audit
Companies Included:
- Feedly
- Inoreader
Findings
- Feedly, Flipboard, and Inoreader are popular RSS (Really Simple Syndication) feed readers that attempt to simplify the way users access and consume content. Flipboard is coined as a social magazine and is a mobile and tablet only design. Feedly is aimed at users that are looking for a news specific aggregator. Finally, Inoreader aims to provide a feed from Facebook pages, Reddit and Google news. In alignment with this case, these findings helped to confirm the need for a blog focused aggregator platform for users that simply want to see all of their favorite blogs in a single application.
User Persona
Define
Wendy is a busy executive who has little time in her day to be able to consume her favorite bloggers content and she is looking for an easier platform to simplify access to this leisure activity that she wants to enjoy on a daily basis.
Ideate
Sitemap
Low Fidelity Wireframe
Low Fidelity Prototype
Desktop
Mobile
LoFi Prototype Testing and Synthesizing Results
1
Participants expressed desire for abiltility to interact with blogs posts and individual blogs by sharing, liking and saving them.
2
Participants wanted a way to be sure when they decide to publish their finalized blog post that it had been done
Swipe to see Transformation
Prototype
Desktop
Tablet
Mobile
Desktop Prototype Flows
Mobile Prototype Flows
Accessibility
- Landmarks are crucial for accessibility as they provide users with screen readers clear navigation points, allowing them to easily navigate through different sections of a website or application
- Color contrast is essential for accessibility because it enables users with visual impairments to perceive and distinguish content, such as text or buttons, more easily
- Indicators for the search bars are important for accessibility as it helps users, particularly those with visual impairments, to quickly identify when search functionality is in use
- Text hierarchy is a key accessibility aspect as it organizes content in a visually structured manner, aiding users with different abilities to comprehend and navigate information effectively
- Call-to-action buttons provides users, including those with motor or cognitive impairments, a clear visual cue for important actions, enhancing usability
Sticker Sheet
Findings
User-Centric Design is Paramount:
Through the Bloggly UX case study, a crucial finding emerged — the paramount importance of user-centric design. By prioritizing the understanding of user needs and addressing pain points, Bloggly not only enhances user satisfaction but also ensures the app's widespread adoption. Incorporating features that cater to the preferences and expectations of the users has proven instrumental in establishing Bloggly as a user-friendly and engaging blog aggregator.
Efficiency through Component-Based Design:
A significant learning from the case study involves the implementation of components into design to create efficiency. By adopting a component-based design approach in Bloggly, the development process becomes more streamlined and scalable. Components, such as modular UI elements and reusable design patterns, not only expedite the design process but also facilitate consistent and cohesive user interfaces. This finding underscores the practicality and efficiency gained by breaking down the design into reusable components, ensuring a more agile and adaptable development cycle for Bloggly.
Iterative Refinement for Continuous Improvement:
Another key finding from the Bloggly UX case study is the importance of iterative design for continuous improvement. Understanding that the initial design is not static, but a starting point for enhancement, has been crucial for refining Bloggly based on user feedback and evolving requirements. The iterative approach ensures that Bloggly remains dynamic, adaptive, and consistently aligned with user expectations. This finding emphasizes the ongoing commitment to refining and optimizing the user experience to keep Bloggly at the forefront of user satisfaction.
Click here to view the final prototype.
