News App UI/UX Case Study
![Quick News](img/quick-news/qn-case-study@2x.png)
Inroducing Quick News
![Quick News](img/quick-news/qn-01@2x.png)
![Quick News](img/quick-news/qn-02@2x.png)
Overview
Quick News is a native News App designed for iOS and Android devices that provides quick and easy access to the latest news stories locally and around the world. With a simple, user-friendly interface, users can quickly scan headlines and summaries, and then dive deeper into articles that interest them.
I was the sole designer & researcher for this project and the duration was 1 month.
![Quick News](img/quick-news/qn-03@2x.png)
Objective
The objective of this app is to save time for those who are on-the-go or have limited time to read news. The app's quick reading feature allows users to quickly skim through articles by highlighting the most important sentences and key points.
The app's personalized newsfeed provides users with stories tailored to their interests and preferences, e nsuring that they always stay up-to-date with the news that matters most to them.
The Problem
While researching Competitor apps in the market it was found that most of them had very lengthy news articles and no way to access localized news and events.
The Solution
The solution was to create an app that summarizes news articles by highlighting key points, making the articles short and to the point that would also allow users to view news and events based on their location.
User Flow
![Quick News](img/quick-news/qn-04@2x.png)
User Persona
![Quick News](img/quick-news/qn-05@2x.png)
Target Audience
The app's target audience is anyone looking to stay informed in today's fast-paced world, for those who are on-the-go or have limited time to read news. Adults aged 21-60 fall into this group.
Mid-Fidelity Screens
![Quick News](img/quick-news/qn-06@2x.png)
Style Guide
Logo
![Quick News](img/quick-news/qn-07@2x.png)
The logo was designed with the “Q” in the form of a clock to signify quick reading. The tone of the logo is serious with a full stop at the end.
Typography
![Quick News](img/quick-news/qn-08@2x.png)
The Fonts used were native to iOS and Material guidelines.
Color Palette
![Quick News](img/quick-news/qn-09@2x.png)
UI Kits
![Quick News](img/quick-news/qn-10@2x.png)
Illustrations
![Quick News](img/quick-news/qn-11@2x.png)
The illustrations were created by me exclusively for the Quick News app.
News Card
![Quick News](img/quick-news/qn-12@2x.png)
Final Screens: iOS
![Quick News](img/quick-news/qn-13@2x.png)
Final Screens: Android
![Quick News](img/quick-news/qn-14@2x.png)
Project Retrospective
Challenges
I had some difficulty fine-tuning my auto layouts because this app has a lot of layouts and components in order to keep them consistent, but I was able to figure it out in the end, making sure the spacing was consistent throughout the app.
Takeaways
I believe that I created a user-centered app that is versatile, dependable and minimalistic. As a News app user myself, I do not like visual clutter and keeping that in mind, designed my app to be simplistic yet visually appealing.
![Quick News](img/quick-news/qn-15@2x.png)