UX design

UX design

Taipei Citizen Service

Platform

Taipei Citizen Service Platform

Taipei Citizen Service Platform

Client

Client

Taipei City Government

Taipei City Government

UX design

UX design

UX design

Project Type

Project Type

Project Type

2020

2020

Project Year

Project Year

Mission of today’s gov website

Mission of today’s gov website

Mission of today’s gov website

“Provide a cross-organization e-service platform for citizens to apply online”

“Provide a cross-organization e-service platform for citizens to apply online”

“Provide a cross-organization e-service platform for citizens to apply online”

However, too many service could make most wanted features for users being buried deep in the website.

However, too many service could make most wanted features for users being buried deep in the website.

However, too many service could make most wanted features for users being buried deep in the website.

“It take forever to rent a place for sport at the gov website” - citizen live in Taipei

“It take forever to rent a place for sport at the gov website” - citizen live in Taipei

“It take forever to rent a place for sport at the gov website” - citizen live in Taipei

Current website status

First, We start with one service

First, We start with one service

First, We start with one service

“The Citizen Service Platform provides more than 1,400 services. How to integrate the original, diverse information and streamline the user application procedures by introducing user-centric design optimization strategies?”

— Problem Statement

“The Citizen Service Platform provides more than 1,400 services. How to integrate the original, diverse information and streamline the user application procedures by introducing user-centric design optimization strategies?”

— Problem Statement

“The Citizen Service Platform provides more than 1,400 services. How to integrate the original, diverse information and streamline the user application procedures by introducing user-centric design optimization strategies?”

— Problem Statement

Solution Highlight

Solution Highlight

Solution Highlight

My Role

My Role

My Role

As the UX/UI design consultant in the project,
I produced include:


  • Problem Statement

  • Target Audience

  • Design Challenge

  • User Experience Research

  • User Flow

As the UX/UI design consultant in the project,
I produced include:


  • Problem Statement

  • Target Audience

  • Design Challenge

  • User Experience Research

  • User Flow

As the UX/UI design consultant in the project,
I produced include:


  • Problem Statement

  • Target Audience

  • Design Challenge

  • User Experience Research

  • User Flow

Redefine website positioning

Redefine website positioning

Redefine website positioning

Enhanced search function

Enhanced search function

Enhanced search function

Optimize service classification

Optimize service classification

Optimize service classification

Solution 3

Solution 3

Solution 3

Simplify the rental process, easy to complete in three steps

Simplify the rental process, easy to complete in three steps

Simplify the rental process, easy to complete in three steps

Before

Before

Before

Optimization Goal

Redesign the application process, simplify it into three steps, and increase the application efficiency of users.

Optimization Goal

Redesign the application process, simplify it into three steps, and increase the application efficiency of users.

After

After

After

Solution 2

Solution 2

Solution 2

Optimize advanced filtering function and Information reconfiguration

Optimize advanced filtering function and Information reconfiguration

Optimize advanced filtering function and Information reconfiguration

Before

Before

Before

After

After

After

Optimization Goal

Enhanced Filtering and Search Functionality: Introduce multiple filtering scenarios too streamline the search process, enabling users to efficiently narrow down and find their desired venue. This enhancement is designed to significantly reduce the time users spend navigating through numerous pages.

Strategic Reorganized of Venue Information: Rearrange crucial information about each venue, positioning it adjacent to the respective picture. This strategic placement aims to expedite users' understanding of basic platform details, facilitating swift and informed selections of suitable venues.

Venue Classification Label: Implement a classification label for venues to clearly identify and categorize them. This addition enhances the user experience by providing a quick reference point for understanding the nature of each venue.

Prominent Display of Popular Venues: Showcase popular venue options prominently on the home page of the venue rental section. This feature is aimed at streamlining the user journey and improving accessibility to popular and relevant venue options.

Optimization Goal

Enhanced Filtering and Search Functionality: Introduce multiple filtering scenarios too streamline the search process, enabling users to efficiently narrow down and find their desired venue. This enhancement is designed to significantly reduce the time users spend navigating through numerous pages.

Strategic Reorganized of Venue Information: Rearrange crucial information about each venue, positioning it adjacent to the respective picture. This strategic placement aims to expedite users' understanding of basic platform details, facilitating swift and informed selections of suitable venues.

Venue Classification Label: Implement a classification label for venues to clearly identify and categorize them. This addition enhances the user experience by providing a quick reference point for understanding the nature of each venue.

Prominent Display of Popular Venues: Showcase popular venue options prominently on the home page of the venue rental section. This feature is aimed at streamlining the user journey and improving accessibility to popular and relevant venue options.

Optimization Goal

Enhanced Filtering and Search Functionality: Introduce multiple filtering scenarios too streamline the search process, enabling users to efficiently narrow down and find their desired venue. This enhancement is designed to significantly reduce the time users spend navigating through numerous pages.

Strategic Reorganized of Venue Information: Rearrange crucial information about each venue, positioning it adjacent to the respective picture. This strategic placement aims to expedite users' understanding of basic platform details, facilitating swift and informed selections of suitable venues.

Venue Classification Label: Implement a classification label for venues to clearly identify and categorize them. This addition enhances the user experience by providing a quick reference point for understanding the nature of each venue.

Prominent Display of Popular Venues: Showcase popular venue options prominently on the home page of the venue rental section. This feature is aimed at streamlining the user journey and improving accessibility to popular and relevant venue options.

Solution 1

Solution 1

Solution 1

Improve homepage information architecture

Improve homepage information architecture

Improve homepage information architecture

Before

Before

Before

After

After

After

1

2

3

4

Optimization Goal

Enhanced Search Functionality: Optimized the search function by implementing text search capabilities, enabling users to effectively query related services using relevant keywords.

Popular Services Ranking: Introducing a popular services ranking feature, users can now directly access recommended services. This feature also facilitates the dissemination of vital information about the agency's services and supports policy promotion initiatives.

User-Centric Application Service Classification: The application service has been restructured into categories such as "service," "user character," and "organization," aligning with user needs. Allows user for a quick understanding of the platform's leading services and application service items, making it easier for users to find services that meet their needs.

Reorganized Public Service Items: Public service items have been independently rearranged and moved to the bottom for easy accessibility. This adjustment ensures that users can swiftly grasp the content of the service provisions, enhancing the overall user experience on the platform.

Optimization Goal

Enhanced Search Functionality: Optimized the search function by implementing text search capabilities, enabling users to effectively query related services using relevant keywords.

Popular Services Ranking: Introducing a popular services ranking feature, users can now directly access recommended services. This feature also facilitates the dissemination of vital information about the agency's services and supports policy promotion initiatives.

User-Centric Application Service Classification: The application service has been restructured into categories such as "service," "user character," and "organization," aligning with user needs. Allows user for a quick understanding of the platform's leading services and application service items, making it easier for users to find services that meet their needs.

Reorganized Public Service Items: Public service items have been independently rearranged and moved to the bottom for easy accessibility. This adjustment ensures that users can swiftly grasp the content of the service provisions, enhancing the overall user experience on the platform.

Optimization Goal

Enhanced Search Functionality: Optimized the search function by implementing text search capabilities, enabling users to effectively query related services using relevant keywords.

Popular Services Ranking: Introducing a popular services ranking feature, users can now directly access recommended services. This feature also facilitates the dissemination of vital information about the agency's services and supports policy promotion initiatives.

User-Centric Application Service Classification: The application service has been restructured into categories such as "service," "user character," and "organization," aligning with user needs. Allows user for a quick understanding of the platform's leading services and application service items, making it easier for users to find services that meet their needs.

Reorganized Public Service Items: Public service items have been independently rearranged and moved to the bottom for easy accessibility. This adjustment ensures that users can swiftly grasp the content of the service provisions, enhancing the overall user experience on the platform.

  • Useful information classification and info complicated structure will enable website users to understand the service items' content, find the service they need, and use the service smoothly.

  • Make good use of existing design patterns and follow the existing design guidelines so that users can use similar operating procedures and methods under different work requirements.

  • For websites with rich content and complex information, a good visual hierarchy plan will help read and understand information.

  • The process design is one of the frequently used interfaces, such as application and appointment. Re-plan and design the application process, simplify the steps required by users, merge or delete non-important information and pages, not only make the key processes prominent but also increase the fluency of users in the process.

  • Useful information classification and info complicated structure will enable website users to understand the service items' content, find the service they need, and use the service smoothly.

  • Make good use of existing design patterns and follow the existing design guidelines so that users can use similar operating procedures and methods under different work requirements.

  • For websites with rich content and complex information, a good visual hierarchy plan will help read and understand information.

  • The process design is one of the frequently used interfaces, such as application and appointment. Re-plan and design the application process, simplify the steps required by users, merge or delete non-important information and pages, not only make the key processes prominent but also increase the fluency of users in the process.

  • Useful information classification and info complicated structure will enable website users to understand the service items' content, find the service they need, and use the service smoothly.

  • Make good use of existing design patterns and follow the existing design guidelines so that users can use similar operating procedures and methods under different work requirements.

  • For websites with rich content and complex information, a good visual hierarchy plan will help read and understand information.

  • The process design is one of the frequently used interfaces, such as application and appointment. Re-plan and design the application process, simplify the steps required by users, merge or delete non-important information and pages, not only make the key processes prominent but also increase the fluency of users in the process.

Project Summary

Project Summary

Project Summary

Wei-Chung Lin ⏤ 2023

Wei-Chung Lin ⏤ 2023

Wei-Chung Lin ⏤ 2023