Sumber: https://id.pngtree.com/free-backgrounds-photos/mencari-informasi-pictures

Hampir semua orang pernah membuka Wikipedia, entah untuk mencari jawaban cepat, mengerjakan tugas, atau sekadar memuaskan rasa penasaran. Dalam hitungan detik, jutaan informasi dari berbagai penjuru dunia bisa langsung diakses. 

Wikipedia merupakan ensiklopedia daring multibahasa yang dapat diakses secara gratis oleh pengguna di seluruh dunia. Platform ini dirancang untuk mengumpulkan, mengelola, dan menyebarluaskan informasi agar dapat dimanfaatkan secara luas oleh masyarakat. Selain itu, Wikipedia dikembangkan secara kolaboratif melalui sistem open-source (sumber terbuka), yang memungkinkan pengguna untuk berkontribusi dalam memperbarui informasi dengan tetap mengikuti ketentuan yang berlaku.

Sejak resmi beroperasi pada 15 Januari 2001, platform berbasis open-source seperti Wikipedia semakin berkembang dan banyak diminati. Hal ini disebabkan oleh kemudahan akses serta kelengkapan informasi yang ditawarkan. Namun, di tengah perkembangan zaman, perpindahan tren, dan meningkatnya ekspektasi pengguna, pengalaman pengguna menjadi aspek yang semakin penting untuk diperhatikan.

Oleh karena itu, penting bagi pengembang untuk memastikan kenyamanan pengguna melalui penerapan aspek-aspek antarmuka pengguna (user interface), seperti konsistensi visual, keterbacaan, tipografi, pemilihan warna, serta hierarki visual. Upaya ini diperlukan agar Wikipedia tetap relevan dan kompetitif di era digital saat ini.

Berdasarkan hal tersebut, kami berinisiatif untuk melakukan redesign website Wikipedia. Tujuan dari perancangan ulang ini adalah untuk meningkatkan usability berdasarkan prinsip desain, sekaligus menghadirkan tampilan yang lebih menarik sesuai dengan tujuan pengalaman pengguna (user experience goals).

Gambar 1. Homepage Wikipedia

Homepage menjadi fokus utama dalam proses redesign yang kami lakukan. Perubahan yang diterapkan berpusat pada perbaikan tipografi dan penyusunan hierarki visual agar informasi dapat tersampaikan dengan lebih terstruktur.

Pada tampilan awal, halaman utama Wikipedia cenderung menampilkan informasi yang padat dengan pengaturan visual yang kurang optimal, sehingga berpotensi meningkatkan beban kognitif pengguna dalam memahami isi halaman. Oleh karena itu, perancangan ulang ini bertujuan untuk menyederhanakan tampilan serta meningkatkan keterbacaan, sehingga pengguna dapat mengakses informasi dengan lebih cepat, jelas, dan efisien.

Gambar 2. Homepage redesign Wikipedia

Pada proses redesign ini, kami tetap mempertahankan fitur pencarian sebagai elemen utama yang ditempatkan di bagian tengah halaman, dengan beberapa penyesuaian pada bentuk dan ikon untuk meningkatkan kejelasan visual. Selanjutnya, fitur pemilihan bahasa (language selection) disederhanakan dan dipindahkan ke bagian kanan atas guna menjaga kerapian serta mengurangi kepadatan tampilan antarmuka. Selain itu, logo Wikipedia ditempatkan di kiri atas agar sejajar dengan elemen navigasi lainnya, sehingga menciptakan tata letak yang lebih konsisten dan terstruktur. Kami juga melakukan perubahan pada latar belakang (background) dengan mengusung tema perpustakaan, sebagai representasi visual dari sumber pengetahuan.

Dengan penataan tersebut, hierarki visual pada homepage menjadi lebih terarah, di mana perhatian pengguna difokuskan pada bagian tengah yang memuat judul, subjudul, serta fitur pencarian sebagai elemen utama.

Gambar 3. Fitur Explore Knowledge

Kami juga menambahkan fitur Explore Knowledge untuk mengidentifikasi minat pengguna. Informasi tersebut kemudian dimanfaatkan untuk menampilkan featured content yang relevan dengan preferensi dan kebiasaan pengguna dalam mengakses Wikipedia. Dengan demikian, pengguna dapat memperoleh rekomendasi konten yang lebih personal dan sesuai dengan kebutuhan mereka.

Gambar 4. Fitur Featured Content

Featured Content merupakan fitur yang menyajikan rekomendasi konten dengan tema yang serupa dengan riwayat bacaan pengguna. Konten yang ditampilkan bersifat dinamis dan menyesuaikan dengan pola interaksi pengguna, di mana semakin sering pengguna mengakses topik tertentu, semakin dominan pula tema tersebut muncul dalam rekomendasi.

Gambar 5. Landing Page redesign Wikipedia

Pada bagian atas Landing Page, kami menyusun judul dan deskripsi secara terpisah untuk meningkatkan kejelasan informasi. Judul ditempatkan di bagian tengah sebagai fokus utama, sementara subjudul atau deskripsi diletakkan tepat di bawahnya untuk memberikan konteks tambahan kepada pengguna. Selain itu, fitur pencarian tetap dipertahankan pada bagian atas halaman, disertai dengan elemen navigasi seperti home, about us, contact us, dan profile yang disusun secara sejajar. Penataan ini bertujuan untuk memudahkan akses serta menjaga konsistensi tata letak.

Dari segi visual, kami menambahkan gambar latar (background) yang sesuai dengan tema konten guna meningkatkan daya tarik estetika halaman. Dengan kombinasi tersebut, landing page diharapkan mampu memberikan pengalaman yang lebih informatif, terstruktur, dan menarik bagi pengguna.

Gambar 6. AI Summary redesign Wikipedia

Fitur AI Summary pada halaman ini dirancang untuk memberikan ringkasan konten secara singkat dan informatif. Fitur ini bersifat interaktif, dimana pengguna dapat membuka maupun menutup tampilan ringkasan sesuai kebutuhan. Ketika tombol segitiga ditekan, informasi ringkasan akan ditampilkan atau disembunyikan, sehingga membantu pengguna dalam mengatur tampilan konten agar lebih ringkas dan tidak membebani layar.

Gambar 7. Fitur Collapsible Section

Fitur ini dirancang dalam bentuk Collapsible Section yang menyerupai subjudul interaktif. Penerapan fitur ini bertujuan untuk menyajikan informasi secara terstruktur tanpa harus menampilkan seluruh konten secara sekaligus. Dengan demikian, pengguna dapat secara selektif membuka bagian yang ingin dibaca sesuai kebutuhan, sehingga meningkatkan efisiensi dalam pencarian informasi serta mengurangi beban kognitif.

Perancangan ulang (redesign) Wikipedia yang telah kami lakukan mengacu pada prinsip usability dan user experience goals. Melalui perbaikan pada aspek visual serta penambahan fitur interaktif, diharapkan rancangan ini dapat memberikan pengalaman yang lebih efektif, efisien, dan nyaman bagi pengguna dalam mengakses informasi.

Kami menyadari bahwa hasil perancangan ini masih jauh dari kata sempurna dan memiliki berbagai keterbatasan. Oleh karena itu, kami sangat mengharapkan kritik, saran, dan masukan yang membangun dari para pembaca guna menyempurnakan pengembangan website Wikipedia di masa yang akan datang.

 

Untuk informasi lebih detail: 

https://medium.com/@annona.benedicta/ui-ux-case-study-redesign-website-Wikipedia-55ff752ddca0

 

Penulis

  • Wiby Aldi Putra
  • Randy Reynaldi Silitonga
  • Evelyn Thelia
  • David Nehemia Sunoto
  • Annona Benedicta

PPTI 25 – Computer Science – B29

 

Referensi

  1. Keban, Y. T., Hernawan, A., & Novianto, A. (Eds.). (2021). Menyoal kerja layak dan adil dalam ekonomi gig di Indonesia. IGPA Press. https://igpa.map.ugm.ac.id/wp-content/uploads/sites/274/2021/12/Ebook_Menyoal-Kerja-Layak-dan-Adil-dalam-Ekonomi-Gig-di-Indonesia_IGPA-Press.pdf 
  2. Wikimedia Foundation. (n.d.). Menggunakan Wikipedia dalam pembelajaran – Seri 1 (hlm. 15). https://id.wikisource.org/wiki/Halaman:Menggunakan_Wikipedia_dalam_Pembelajaran-Seri_1.pdf/15 
  3. Putra, W. A., Benedicta, A., Thelia, E., Silitonga, R. R., & Sunoto, D. N. (2025). Development of a creative UI-based entrepreneurial website to attract Generation Z. Journal of Social Research, 5(1). https://doi.org/10.55324/josr.v5i1.2903