Penerapan Goal Directed Design dan Heuristic Evaluation Pada Perancangan Ulang Antarmuka E-Commerce

Abstract

Abstrak — Pada era digital, e-commerce menjadi media penting untuk pemasaran dan penjualan produk secara luas. Magnustek, perusahaan yang memasarkan LED Videotron, menggunakan website sebagai salah satu platform utama. Peran website Magnustek sebagai media e-commerce dinilai belum optimal dalam mendukung akses informasi dan pengalaman pengguna, dengan hasil evaluasi awal menunjukkan skor usability sebesar 2,46 (kategori tidak puas). Penelitian ini bertujuan untuk merancang ulang antarmuka pengguna (UI) dan pengalaman pengguna (UX) website Magnustek menggunakan metode Goal-Directed Design dan evaluasi Heuristic Evaluation. Proses perancangan dilakukan melalui tahapan riset, pembuatan user persona, user journey, wireframe, hingga implementasi menggunakan React.js dan Tailwind CSS. Evaluasi ulang menunjukkan peningkatan signifikan terhadap kualitas UI/UX dengan skor usability mencapai 4,4 (kategori puas). Hasil ini membuktikan bahwa pendekatan Goal-Directed Design efektif dalam menghasilkan desain berbasis kebutuhan pengguna. Penelitian ini juga merekomendasikan pengembangan metode pengujian usability yang lebih beragam serta pengembangan ke tahap back-end untuk mendukung performa dan fungsionalitas sistem secara menyeluruh. Dengan demikian, perancangan ulang ini tidak hanya meningkatkan kepuasan pengguna, tetapi juga memperkuat peran website sebagai media e-commerce yang informatif dan efisien bagi Magnustek.

Kata kunci— E-commerce, Goal-Directed Design, Heuristic Evaluation, User Interface.