Rancang Bangun Desain UI/UX Portal Edukasi Mangrove dan Aksi Adaptasi Perubahan Iklim Berbasis Mangrove

Abstract

Ekosistem mangrove berperan vital dalam upaya adaptasi terhadap perubahan iklim, khususnya di wilayah pesisir yang rentan terhadap kenaikan muka air laut dan kejadian cuaca ekstrem. Namun, pemahaman dan keterlibatan publik terhadap fungsi ekologis dan potensi adaptif mangrove dalam konteks perubahan iklim masih terbatas. Penelitian ini bertujuan merancang dan mengembangkan prototipe desain antarmuka pengguna (UI) dan pengalaman pengguna (UX) portal edukasi berbasis web yang mengangkat topik mangrove dan aksi adaptasi perubahan iklim. Metode yang digunakan meliputi narrative literature review, analisis situs web pembanding, perancangan arsitektur informasi, wireframe, dan prototyping interaktif menggunakan Figma. Uji kegunaan dilakukan melalui Usability Testing berbasis tugas menggunakan platform Maze serta evaluasi kuantitatif melalui System Usability Scale (SUS) yang melibatkan 32 responden. Rata-rata skor Usability Testing mencapai 90, sedangkan skor SUS sebesar 92,03 yang termasuk dalam kategori "Best Imaginable" menunjukkan kualitas antarmuka yang sangat tinggi. Hasil validasi pengguna mengonfirmasi kemudahan navigasi, kejelasan informasi, serta daya tarik visual portal. Portal ini diharapkan menjadi platform berbagi pengetahuan yang inklusif, menjembatani meteorologi terapan dengan kesadaran publik, serta mendorong aksi adaptasi iklim berbasis komunitas di wilayah pesisir

Mangrove ecosystems play a vital role in climate change adaptation, particularly in coastal areas that are vulnerable to sea-level rise and extreme weather events. However, public understanding and engagement regarding the ecological functions and adaptive potential of mangroves in the context of climate change remain limited. This study aims to design and develop a prototype of a web-based educational portal focusing on mangroves and climate change adaptation actions by applying user interface (UI) and user experience (UX) design principles. The methodology includes a narrative literature review, comparative website analysis, information architecture design, wireframing, and interactive prototyping using Figma. Usability Testing was conducted through task-based evaluations using the Maze platform and further assessed quantitatively using the System Usability Scale (SUS), involving 32 respondents. The average Usability Testing score reached 90, while the SUS score of 92.03, categorized as "Best Imaginable", indicates excellent interface quality. User validation confirmed the portal's ease of navigation, clarity of content, and strong visual appeal. This portal is expected to serve as an inclusive knowledge-sharing platform that bridges applied meteorology with public awareness and promotes community-based climate adaptation actions in coastal regions.