Design Thinking untuk Perancangan UI Website Seller Toko: Studi Kasus PT Vetencode Pradani Abadi

Shela Septiani Hamzah; Arny Lattu; Muhamad Anton Permana

doi:10.30591/jpit.v10i4.8839

Design Thinking untuk Perancangan UI Website Seller Toko: Studi Kasus PT Vetencode Pradani Abadi

Shela Septiani Hamzah, Arny Lattu, Muhamad Anton Permana

Abstract

Competition in the digital era is a significant challenge for traditional shops in neighborhood communities (RT/RW), particularly those with limited access to and understanding of digital technology needed to compete in online markets. This study aims to design a seller website user interface (UI) using the Design Thinking approach through five stages: Empathize, Define, Ideate, Prototype, and Test. Data collection was conducted through interviews, observations, and literature studies to ensure that the design aligns with the needs of small-scale business owners. The UI prototype was developed in the form of low-fidelity and high-fidelity wireframes and tested through usability testing based on the Heuristic Evaluation method by three internal evaluators. The results showed that 60% of the usability principles revealed no issues (severity 0), while the remaining 40% only indicated cosmetic issues (severity 0.33–1.00). The overall average score of 0.23 reflects a very good level of usability without requiring major improvements. Therefore, applying Design Thinking successfully produced a user-friendly UI tailored to neighborhood-level sellers in navigating digital transformation.

Keywords

Design Thinking; E-commerce; Heuristic Evaluation; Seller; User Interface.

Full Text:

References

G. Karnawan, “Implementasi User Experience Menggunakan Metode Design Thinking Pada Prototype Aplikasi Cleanstic,” J. Teknoinfo, vol. 15, no. 1, p. 61, 2021, doi: 10.33365/jti.v15i1.540.

D. Haryuda, M. Asfi, and R. Fahrudin, “Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company,” J. Ilm. Teknol. Infomasi Terap., vol. 8, no. 1, pp. 111–117, Dec. 2021, doi: 10.33197/jitter.vol8.iss1.2021.730.

D. Lazuardina and D. F. Suyatno, “Pengukuran User Interface (UI) dan User Experience (UX) pada Mobile Apps ‘Shopee’ Menggunakan Metode Heuristic Evaluation,” J. Emerg. Inf. Syst. Bus. Intell., vol. 4, no. 3, pp. 95–106, 2023, [Online]. Available: https://doi.org/10.26740/jeisbi.v4i3.54717

D. Karlina and D. R. Indah, “Perancangan User Interface dan User Experience Sistem Informasi E-learning Menggunakan Design Thinking,” J. Tek. Inform. dan Sist. Inf., vol. 8, no. 3, pp. 580–596, Dec. 2022, doi: 10.28932/jutisi.v8i3.5412.

M. A. Prasetyo, M. C. Rozikin, and R. S. Dewi, “Perancangan User Interface (Ui) & User Experience (Ux) AplikasiPencari Kost Abc Di Kota Xyz Menggunakan Metode DesignThinking,” Aisyah J. Informatics Electr. Eng. , vol. 3, no. 1, pp. 36–44, 2021, [Online]. Available: http://jti.aisyahuniversity.ac.id/index.php/AJIEE

C. Nisa, R. Shatika, A. Prasetya, C. D. Rahmadewi, and M. Akbar, “Perancangan User Interface Pada Aplikasi E-Commers Petshop Happypals Dengan Metode Desain Thinking,” vol. 3, no. September, pp. 57–69, 2024, [Online]. Available: https://doi.org/10.58602/jima-ilkom.v3i2.28

S. Soedewi, “PENERAPAN METODE DESIGN THINKING PADA PERANCANGAN WEBSITE UMKM KIRIHUCI,” Vis. J. Online Desain Komun. Vis., vol. 10, no. 02, p. 17, Apr. 2022, doi: 10.34010/visualita.v10i02.5378.

H. Ilham, B. Wijayanto, and S. P. Rahayu, “ANALYSIS AND DESIGN OF USER INTERFACE/USER EXPERIENCE WITH THE DESIGN THINKING METHOD IN THE ACADEMIC INFORMATION SYSTEM OF JENDERAL SOEDIRMAN UNIVERSITY,” J. Tek. Inform., vol. 2, no. 1, pp. 17–26, Jan. 2021, doi: 10.20884/1.jutif.2021.2.1.30.

F. Kurniawan et al., “MDP STUDENT CONFERENCE (MSC) 2022 Penerapan Design Thinking Pada Perancangan User Interface Aplikasi Supplier Sayur,” 1st MDP Student Conf., vol. 1, no. 1, pp. 284–289, 2022.

M. R. Gunawan, “User Interface Layanan Mandiri Untuk Gelanggang Olahraga Menggunakan Metode Design Thinking,” JATISI (Jurnal Tek. Inform. dan Sist. Informasi), vol. 8, no. 3, pp. 1397–1406, Sep. 2021, doi: 10.35957/jatisi.v8i3.1075.

B. Vallendito, “Pemodelan User Interface Dan User Experience Menggunakan Design Thinking,” p. 82, 2020.

A. Rachman and J. Sutopo, “PENERAPAN METODE DESIGN THINKING DALAM PENGEMBANGAN UI/UX: TINJAUAN LITERATUR,” Semant. Tek. Inf., vol. 9, no. 2, p. 139, Dec. 2023, doi: 10.55679/semantik.v9i2.45878.

F. M. Alja, E. Daniati, and A. Ristyawan, “Perancangan Ui/Ux E-Commerce Menggunakan Metode User Centered Design (Ucd),” J. Inf. Syst. Manag., vol. 6, no. 1, pp. 93–101, 2024, doi: 10.24076/joism.2024v6i1.1669.

M. Rofiki and K. Muhimmah, “Strategi Pemasaran Online Shop: Upaya untuk Meningkatkan Volume Penjualan,” J. Huk. Islam. Ekon. dan Bisnis, vol. 7, no. 2, pp. 203–219, 2021, doi: 10.30739/istiqro.v7i2.981.

M. F. R. Amalia Oktafina, Febiyanti Arifatul Jannah and S. R. N. Muhammad Verrel Ferly, Yansen Dharma Tangtobing, “EVALUASI USABILITY WEBSITE MENGGUNAKAN METODE HEURISTIC EVALUATION STUDI KASUS: (WEBSITE DINAS PEKERJAAN UMUM KOTA XYZ),” J. Ilm. Tek. Inform., vol. 15, no. 2, pp. 134–146, 2021.

A. A. Nabila and R. Andrian, “Redesign User Interface dan User Experience SATUPERSEN.NET dengan Metode Design Thinking,” Smart Comp Jurnalnya Orang Pint. Komput., vol. 13, no. 3, pp. 715–726, Jul. 2024, doi: 10.30591/smartcomp.v13i3.6998.

N. Oktaviani and S. Sauda, “Pemodelan dan Implementasi Aplikasi Mobile Umrah Guide Menggunakan Unified Modeling Language,” J. Sains dan Inform., vol. 5, no. 2, pp. 177–186, 2019, doi: 10.34128/jsi.v5i2.184.

N. I. Assaufa and M. Arifin, “Perancangan UI/UX Aplikasi ‘BISA’ Dengan Pendekatan Design Thinking,” J. Ilm. IT CIDA, vol. 9, no. 2, p. 50, Dec. 2023, doi: 10.55635/jic.v9i2.174.

R. A. Wijaya and Y. A. Susetyo, “Redesign UI / UX Sistem Informasi Akademik Satya Wacana Menggunakan Metode Design Thinking,” vol. 7, no. 4, pp. 1591–1597, 2024, doi: 10.32493/jtsi.v7i4.45098.

M. Sidqih Arhinza Juliantara, D. Juardi, and A. Susilo Yuda Irawan, “Analisis User Interface Dan User Experience Pada Website Bem Fasilkom Universitas Singaperbangsa Karawang Menggunakan Heuristic Evaluation,” JATI (Jurnal Mhs. Tek. Inform., vol. 8, no. 3, pp. 3668–3677, 2024, doi: 10.36040/jati.v8i3.9754.

A. R. Pradana and M. Idris, “Implentasi User Experince Pada Perancangan User Interface Mobile E-learning Dengan Pendekatan Design Thinking (Studi Kasus: Amikom Center),” Pros. Autom., vol. 2, no. 2, pp. 1–8, 2021.

DOI: https://doi.org/10.30591/jpit.v10i4.8839