Redesign Digital Korlantas Polri App-Case Study UI/UX Design

Raihan Qatrunada
5 min readJun 23, 2023

--

Introduction

Hello! Perkenalkan nama saya Raihan Qatrunada. Kali saya akan meredesign sebuah aplikasi pemerintah yaitu Digital Korlantas.Saya akan mendemonstrasikan cara memecahkan masalah desain yang memenuhi kebutuhan pengguna. Let’s Start 👌

DIGITAL KORLANTAS POLRI

Design Process

Design Process

Project Overview

Aplikasi Digital Korlantas Polri adalah aplikasi resmi dari Korlantas Polri untuk memudahkan masyarakat mendapatkan layanan di Korlantas. Ada satu layanan yang sudah siap dan bisa digunakan oleh masyakat melalui aplikasi ini. yaitu Layanan Perpanjang SIM. Tidak perlu antri, perpanjangan SIM kini bisa dilakukan secara online dengan mudah dan cepat melalui SINAR (SIM Nasional Presisi). Bahkan, SIM akan langsung dikirim ke rumah.

Problem Statement

Aplikasi Digital Korlantas memiliki banyak fitur yang memudahkan masyarakat untuk memenuhi kebutuhannya. dibagi menjadi beberapa fitur untuk memudahkan user mencari apa yang mereka butuhkan seperti Pendaftaran SIM, Perpanjangan SIM dan beberapa fitur lainnya yang belum rilis. Tetapi, user mengalami beberapa masalah saat menggunakan aplikasi tersebut. Dari segi UX terdapat masalah dalam halaman login yang mengakibatkan user susah untuk melakukan login dan Verifikasi E-KTP pada bagian pemindaian wajah. Juga dari segi UI yang harus di perbaiki, terdapat beberapa halaman yang visualnya belum terlihat clean dan rapih.

Before — Digital Korlantas Polri App

Challange

  1. Halaman Login: Tingkatkan pengalaman pengguna halaman login untuk memudahkan pengguna login tanpa kesulitan.
  2. Verifikasi E-KTP: Tingkatkan fitur pemindaian wajah untuk verifikasi E-KTP untuk memastikan proses yang lancar dan akurat.
  3. Pembersihan UI: Perbaiki antarmuka pengguna halaman tertentu untuk mencapai tampilan visual yang bersih dan terorganisir, meningkatkan pengalaman pengguna secara keseluruhan.

Goals

  1. Merampingkan Proses Login: Menyederhanakan proses login, mengurangi gesekan, dan memungkinkan pengguna untuk login dengan mudah.
  2. Verifikasi E-KTP yang Mulus: Tingkatkan fitur verifikasi E-KTP, memastikan pemindaian yang akurat dan proses verifikasi yang lancar bagi pengguna.
  3. Konsistensi Visual: Tingkatkan desain visual dari halaman yang dipilih untuk membuat antarmuka yang bersih, kohesif, dan menarik secara visual.
  4. Tingkatkan Pengalaman Pengguna: Secara keseluruhan, tujuannya adalah untuk meningkatkan pengalaman pengguna aplikasi Korlantas Digital, menjadikannya lebih ramah pengguna, efisien, dan menyenangkan bagi pengguna untuk menavigasi dan memanfaatkan fitur-fiturnya.
  5. Tingkatkan Adopsi Pengguna: Dengan mengatasi masalah UX dan UI, tujuannya adalah untuk meningkatkan adopsi aplikasi oleh pengguna, mendorong lebih banyak pengguna untuk memanfaatkan layanan yang ada untuk pembaruan SIM dan fitur lain yang akan datang.

Target User

Sasaran pengguna aplikasi Korlantas Digital adalah individu dari berbagai lapisan masyarakat yang membutuhkan layanan yang disediakan oleh Korlantas Polri. Aplikasi ini dirancang untuk melayani pengguna dari segala usia, latar belakang, dan tingkat kemahiran teknologi.

User Research

Untuk mendapatkan wawasan tentang pengalaman pengguna aplikasi Korlantas Digital dan mengatasi masalah yang teridentifikasi, melakukan riset pengguna, termasuk menganalisis ulasan aplikasi, dapat memberikan umpan balik yang berharga.

Review Appstore — Digital Korlantas

Research Insight

Setelah melakukan riset di atas kita telah menemukan beberapa feedback. Lalu saya kumpulkan dan di teliti lagi untuk menghasilkan sebuah Point of View Statement dari hasil riset tersebut.

Pain Of View Stament

Berdasarkan temuan penelitian, kami dapat mengembangkan pernyataan sudut pandang yang berfokus pada kebutuhan user, pain points, and aspirations.

Point Of View Statement

How Might We Statement

Pernyataan HMW dirancang untuk membingkai ulang masalah yang teridentifikasi sebagai peluang untuk perbaikan. Mereka berfungsi sebagai petunjuk untuk menghasilkan solusi desain potensial.

How Might We Statement

User Persona

Menggunakan informasi yang dikumpulkan dari survei, kami mengembangkan persona untuk penggunaan aplikasi yang ideal. Orang ini memberi kami wawasan mendalam tentang objek, masalah, dan kepribadian pengguna yang membantu kami mengembangkan solusi desain yang lebih baik.

User Persona

Site Map

Site Map

User Flow

Login

Untuk alur login saya mengganti dari yang menggunakan nomor handphone saja menambahkannya juga menggunakan alamat email.

Login Flow

Verification E-KTP

Untuk alur pemindaian wajah pada E-KTP saya memindahkannya ketengah dan dengan bentuk lebih baik agar user dapat memindai wajah dengan cepat dan lancar.

Verification E-KTP Flow

WireFrame

Wireframe (Low Fidelity Design)

Hi-Fi Design

On Boarding Screen

Saya mengganti On Boarding pada aplikasi digital polrantas menjadi lebih menarik dan enak untuk dipandang oleh user.

Before — On Boarding
After — On Boarding

Login Screen

Karena kebanyakan user mempunyai masalah pada bagian login, saya mengganti fitur yang tadinya hanya untuk no HP, saya menambahkan fitur login yang bisa di gunakan dengan email, dan No hp.

Home Screen

Pada bagian home screen saya menggunakan corousel untuk card, agar memudahkan pengguna jika ingin melihat dokumen yang berbeda. dan menambahkan fitur berita agar user bisa melihat apa informasi terkini terkait aplikasi tersebut.

Verifikasi KTP

Banyak user mempunyai masalah pada pemindaian kamera untuk memverifikasi E-KTP. Dimana fitur pemindaian kamera tersebut kurang berfungsi untuk user karena terlalu atas dan sulit untuk di gunakan. maka dari itu, saya memperbaiki fitur tersebut agar user bisa mendapatkan foto yang bagus pada saat pemindaian kamera dalam verifikasi E-KTP.

Before — Verifikasi E-KTP
After — Verifikasi E-KTP

Mockup

Mockup 1
Mockup2
Mockup3

TERIMAKASIH

--

--

Raihan Qatrunada

I have an interest in the world of UI/UX design. I like to explore new things, and have a high desire to learn.