Case Study: CNN Indonesia app redesign to improve readability

Overview This project is an exploratory project for UI redesign. In this project, I tried to understand the UX, dissect the appearance of the user interface in the CNN Indonesia app, create an information hierarchy, and redesign the user interface. Role: UI/UX DesignerTools: FigmaTimeline: 3 days CNN Indonesia App CNN Indonesia presents the latest news & selected information quickly & reliably. Various latest news can be accessed 24 hours a week & equipped with various interesting topics, such as Political news, world news, economy, modern lifestyle & football news. With the new design provided by CNN Indonesia, we can explore various news categories more easily and quickly than before, simply by tap or swipe the news category you want to read. You can also enjoy CNN TV Live Broadcast for Free. Some of CNN Indonesia’s superior features include live streaming of CNN Indonesia TV, news focus, live reports, push notifications, night mode, and breaking news. Design Process There are several stages of process design including:1. Understand the UX 2. Dissection 3. Make Information Hierarchy4. Redesign the UI Understand the UX The first step is to know the UX on each page. In this project, two pages of the CNN application will be used, namely the home and article. Dissection In this process, the problem is dissected on the CNN application user interface. This process aims to make it easier for us to design a new user interface. Information Hierarchy After we perform dissection on each screen that we will redesign, it will be easier for us to arrange the information hierarchy. Redesign CNN Indonesia App After we create the information hierarchy, we redesign the CNN Indonesia application. Here are the results of the redesign that I did: Lesson learned This case study is an exploratory case study to improve the interface of news and media applications. In this case study, I learned that the selection and placement of fonts greatly affect the accessibility of users in reading news. Please feel free to leave feedback or suggestions. Boleh juga untuk main main ke linked in dan behance dibawah ini yaa :) Linked in : fildzahizzati dan Behance : fildzahizzati Case Study: CNN Indonesia app redesign to improve readability was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.

Case Study: CNN Indonesia app redesign to improve readability

Overview

This project is an exploratory project for UI redesign. In this project, I tried to understand the UX, dissect the appearance of the user interface in the CNN Indonesia app, create an information hierarchy, and redesign the user interface.

Role: UI/UX Designer
Tools: Figma
Timeline: 3 days

CNN Indonesia App

CNN Indonesia presents the latest news & selected information quickly & reliably. Various latest news can be accessed 24 hours a week & equipped with various interesting topics, such as Political news, world news, economy, modern lifestyle & football news.

With the new design provided by CNN Indonesia, we can explore various news categories more easily and quickly than before, simply by tap or swipe the news category you want to read. You can also enjoy CNN TV Live Broadcast for Free. Some of CNN Indonesia’s superior features include live streaming of CNN Indonesia TV, news focus, live reports, push notifications, night mode, and breaking news.

Design Process

There are several stages of process design including:
1. Understand the UX
2. Dissection
3. Make Information Hierarchy
4. Redesign the UI

Understand the UX

The first step is to know the UX on each page. In this project, two pages of the CNN application will be used, namely the home and article.

Dissection

In this process, the problem is dissected on the CNN application user interface. This process aims to make it easier for us to design a new user interface.

Information Hierarchy

After we perform dissection on each screen that we will redesign, it will be easier for us to arrange the information hierarchy.

Redesign CNN Indonesia App

After we create the information hierarchy, we redesign the CNN Indonesia application. Here are the results of the redesign that I did:

Lesson learned

This case study is an exploratory case study to improve the interface of news and media applications. In this case study, I learned that the selection and placement of fonts greatly affect the accessibility of users in reading news.

Please feel free to leave feedback or suggestions. Boleh juga untuk main main ke linked in dan behance dibawah ini yaa :)

Linked in : fildzahizzati dan Behance : fildzahizzati


Case Study: CNN Indonesia app redesign to improve readability was originally published in Muzli - Design Inspiration on Medium, where people are continuing the conversation by highlighting and responding to this story.