Interface Design /  Web  & mobile App

Compete Dental

Client Glidewell Dental

OverView

Compete Dental is a dental news/social platform that helps dentists and research scientists get the most up-to-date news in the industry.

The team created the platform originally for the in-house employees to learn about the changes in the industry. Over time, we see the opportunity to expand the platform to become a valuable tool for learning and sharing the information. I was tasked to research and design the overhaul of the platform.

Research

In the beginning, the project team included two designers, a product owner, a data scientist and a developer. For the research phase, I worked with one of my colleagues to learn more about our users. We started the project by looking at the existed features, the look, and feel of the platform. I conducted a field study by showing random people in the company the current site and observe how people interact with it.

What I’ve learned from observing the packers

  • Majority of the users preferred to receive customized news.
  • The users are busy and spend mostly 4 hours per week for reading news
  • The users were confused about the functionality of different tabs such as dashboard versus newsfeeds and newsletters.
  • They were also confused about the red flag feature showing on each article.
  • There wasn’t a clear way to filter the news article.
  • The site was too boring to look at.

Inspiration

We looked up other news sites including The New York Times, Google Alerts, Flipboard, News360…etc.. to learn about information architecture. We researched what other useful features would make finding and sharing the news easier and faster. Finally, we wanted to know what would be a better way to make the platform customizable and feel personal to the users.

Solution

Current UI
New UI

The confusion also came from the fact that with the existed design, there were multiple places that you can get the news articles. Even though the users would find different types of news, it’s not an ideal navigation system. We decided to eliminate the Dashboard, Archive and Newsletter pages. We moved the important information to the homepage.

The next step was to redesign the category filter with a cohesive look and feel. We selected 9 different topics based on our analytics data. In the original design, there were only four topics displayed once the users log in. To see the rest on the desktop they would have to scroll horizontally. To edit the topics the users would have to go to a hidden menu on the setting page. We thought the flow can be simplified by displaying all 9 topics in desktop view together with the edit feature. The section would be minimized to the horizontal slider once the users switch to mobile.

To make the platform more interactive, we added the customized weather feature base on the location of the users. We used Artificial Intelligence to help us personalize the newsfeed for every individual user. The ultimate goal is to engage the users and help them find what they looking for when visiting the site.

Mobile View

User Testing

We conducted user testing with 7 dentists and scientists

What we learned were

  • Participants didn’t know that they can select multiple filters
  • Users were confused about the share button icon
  • Most of the users would prefer to use the search bar when it came to finding an article
  • Users looking for more research base articles

* Note: one of the ideas that I had was to add a board feature where the user can organize the articles as they like. When we tested that feature, most people were confused and didn’t find that feature is useful.

Testing

Final Design

Old UI - Sign up Process

New UI

Old UI - Homepage

New UI

Next project

StructionSite Mobile App
Ramsay Equine Select Website
Interface Design /  Web  & mobile App

Compete Dental

Client Glidewell Dental

OverView

Compete Dental is a dental news/social platform that helps dentists and research scientists get the most up-to-date news in the industry.

The team created the platform originally for the in-house employees to learn about the changes in the industry. Over time, we see the opportunity to expand the platform to become a valuable tool for learning and sharing the information. I was tasked to research and design the overhaul of the platform.

Research

In the beginning, the project team included two designers, a product owner, a data scientist and a developer. For the research phase, I worked with one of my colleagues to learn more about our users. We started the project by looking at the existed features, the look, and feel of the platform. I conducted a field study by showing random people in the company the current site and observe how people interact with it.

What I’ve learned from observing the packers

  • Majority of the users preferred to receive customized news.
  • The users are busy and spend mostly 4 hours per week for reading news
  • The users were confused about the functionality of different tabs such as dashboard versus newsfeeds and newsletters.
  • They were also confused about the red flag feature showing on each article.
  • There wasn’t a clear way to filter the news article.
  • The site was too boring to look at.

Inspiration

We looked up other news sites including The New York Times, Google Alerts, Flipboard, News360…etc.. to learn about information architecture. We researched what other useful features would make finding and sharing the news easier and faster. Finally, we wanted to know what would be a better way to make the platform customizable and feel personal to the users.

Solution

Current UI
New UI

The confusion also came from the fact that with the existed design, there were multiple places that you can get the news articles. Even though the users would find different types of news, it’s not an ideal navigation system. We decided to eliminate the Dashboard, Archive and Newsletter pages. We moved the important information to the homepage.

The next step was to redesign the category filter with a cohesive look and feel. We selected 9 different topics based on our analytics data. In the original design, there were only four topics displayed once the users log in. To see the rest on the desktop they would have to scroll horizontally. To edit the topics the users would have to go to a hidden menu on the setting page. We thought the flow can be simplified by displaying all 9 topics in desktop view together with the edit feature. The section would be minimized to the horizontal slider once the users switch to mobile.

To make the platform more interactive, we added the customized weather feature base on the location of the users. We used Artificial Intelligence to help us personalize the newsfeed for every individual user. The ultimate goal is to engage the users and help them find what they looking for when visiting the site.

Mobile View

User Testing

We conducted user testing with 7 dentists and scientists

What we learned were

  • Participants didn’t know that they can select multiple filters
  • Users were confused about the share button icon
  • Most of the users would prefer to use the search bar when it came to finding an article
  • Users looking for more research base articles

* Note: one of the ideas that I had was to add a board feature where the user can organize the articles as they like. When we tested that feature, most people were confused and didn’t find that feature is useful.

Testing

Final Design

Old UI - Sign up Process

New UI

Old UI - Homepage

Next project

StructionSite Mobile App
Ramsay Equine Select Website

Want to Work Together ?

Let’s say hi

All right reserved 2020