User Interface Design of Mobile Based E- Commerce Fasion Application (Shirtly) with Design Thinking Method

Dea Puput Rahmalia

Abstract


Technological advancements, particularly in the field of the internet, have brought about significant changes in the way people shop. In this context, “Shirtly,” a fashion store that provides a variety of products such as clothing, accessories, shoes, and jackets, seeks to develop a mobile-based e-commerce application to improve customers' shopping experience. This research aims to design an effective user interface (UI) by applying the Design Thinking method, which consists of five main steps: Empathize to understand user needs, Define to identify existing problems, Ideate to generate various creative ideas, Prototype to create an initial model of the application, and Test to test the prototype with users to get feedback. The results showed that the Shirtly application successfully met user expectations with a System Usability Scale (SUS) score of 88, which falls into the Excellent category. This finding confirms that the Design Thinking approach is very effective in designing user interfaces that are responsive and in accordance with user needs, so as to increase comfort and satisfaction in the online shopping experience. Thus, the Shirtly app is expected to not only attract more customers but also create a pleasant and efficient shopping experience. In addition, it is important for Shirtly to continuously iterate on the app design based on user feedback after launch. By utilizing user data analysis and regular customer satisfaction surveys, the development team can identify areas that need improvement and new features that users may want. This approach will not only help in maintaining customer loyalty but also enable Shirtly to remain competitive in the ever-evolving e-commerce market. With a focus on continuous innovation and adaptation to market trends and user preferences, the Shirtly app can become a superior and relevant online shopping platform in the eyes of consumers.

Full Text:

PDF (8-14)

References


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, 2021, doi: 10.33197/jitter.vol8.iss1.2021.730.

E. Nurul Azizah, M. Gito Resmi, and S. Alam, “Penerapan Metode Design Thinking Pada Perancangan User Interface Aplikasi Mobile Pengenalan Bahasa Isyarat Indonesia (Bisindo),” J. Mnemon., vol. 6, no. 1, pp. 71–76, 2023, doi: 10.36040/mnemonic.v6i1.5711.

R. Alamsyah, I. Maruf Nugroho, and S. Alam, “REDESIGN USER INTERFACE DAN USER EXPERIENCE APLIKASI WASTU MOBILE MENGGUNAKAN METODE DESIGN THINKING Program Studi Teknik Informatika Sekolah Tinggi Teknologi Wastukancana 123,” Syariful Alam J. Ilm. Betrik, vol. 13, no. 02, pp. 152–159, 2022.

M. Muhyidin, M. Sulhan, and A. Sevtiana, “PERANCANGAN UI/UX APLIKASI MY CIC LAYANAN INFORMASI AKADEMIK MAHASISWA MENGGUNAKAN APLIKASI FIGMA,” J. Digit, vol. null, p. null, 2020, doi: 10.51920/JD.V10I2.171.

M. I. F. Hakim, B. S. Wiyono, and I. Nuryasin, “Perancangan Desain Antarmuka Aplikasi FoodCare Dengan Pendekatan Design Thinking dan Prinsip Gestalt,” J. Repos., vol. 6, no. 1, pp. 27–36, 2024, doi: 10.22219/repositor.v6i1.31865.

H. Herfandi, Y. Yuliadi, M. T. A. Zaen, F. Hamdani, and A. M. Safira, “Penerapan Metode Design Thinking Dalam Pengembangan UI dan UX,” Build. Informatics, Technol. Sci., vol. 4, no. 1, pp. 337–344, 2022, doi: 10.47065/bits.v4i1.1716.

M. D. D. P. M. T. D. P. G. S. Puspita and C. J. Rianingrum, “Modul Dalam Desain Pattern Menggunakan Tessellations Dan Prinsip Gestalt Pattern Design Module Using Tesselations and Gestalt,” Agung Eko Budiwaspada J. Seni Reka Ranc., vol. 5, no. 2, pp. 205–216, 2023.

M. A. Syakura, M. Novryanda Reza, S. Abdurrahmanrasyid, Y. Asy-Syakiri, F. Sains, and D. Teknologi, “Pengembangan Aplikasi Mobile Fashion E-Commerce Berbasis Android,” INGJ Informatics Next Gener. J., vol. 1, no. 1, pp. 17–28, 2024, [Online]. Available: https://journalsnextgen.org/index.php/ingj

N. R. Harjanto, R. A. Aziz, and I. A. Saputro, “Perancangan UI / UX Game Environment Crime Case,” vol. 3, no. 3, 2024.

L. Masruroh Syah, I. Faqihuddin Hanif, E. Novianti, P. Saidatuzzahra, Khoirunnisa, and H. Rahmawati, “Penerapan Prinsip Design Thinking pada UI/UX Aplikasi Mobile Renas Fashion,” J. Inform. Polinema, vol.

, no. 4, pp. 463–470, 2024, doi: 10.33795/jip.v10i4.5232.

S. Aulia and Y. Syahidin, “Perancangan UI/UX dengan Metode Design Thinking Pada Shoekuna Shoe Laundry Berbasis Mobile,” J. Sains Komput. Inform. (J-SAKTI, vol. 7, no. 1, pp. 211–219, 2023.

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

O. A. Wibowo, R. Andriani, H. A. Prasetyo, and E. W. B. Ramadhan, “Perancangan User Interface Untuk Website E-Commerce Helfa Store Dengan Menggunakan Metode Digtial Prototyping,” Intechno J. (Information Technol. Journal), vol. 4, no. 1, pp. 25–33, 2022, doi: 10.24076/intechnojournal.2022v4i1.1567.

Y. Yulius and E. Pratama, “Metode Design Thinking Dalam Perancangan Media Promosi Kesehatan Berbasis Keilmuan Desain Komunikasi Visual,” Besaung J. Seni Desain dan Budaya, vol. null, p. null, 2021, doi: 10.36982/JSDB.V6I2.1720.

F. Fandhilah, A. Ardiansyah, K. Maesaroh, and I. A. Putri, “PENERAPAN METODE DESIGN THINGKING PADA PERANCANGAN UI/UX APLIKASI LOKALEZAT,” CONTEN Comput. Netw. Technol., vol. null, p. null, 2024, doi: 10.31294/conten.v4i1.3560.

G. Ngurah, D. Paramartha, G. Ayu, C. Wardani, A. Wahyudi, and O. Gama, “PERANCANGAN UI/UX APLIKASI BANTEN ONLINE MENGGUNAKAN METODE DESIGN THINKING,” J. Teknol. Inf. dan Komput., vol. null, p. null, 2023, doi: 10.36002/jutik.v9i2.2209.

F. Fariyanto, S. Suaidah, and F. Ulum, “PERANCANGAN APLIKASI PEMILIHAN KEPALA DESA DENGAN METODE UX DESIGN THINKING (STUDI KASUS: KAMPUNG KURIPAN),” 2021, doi: 10.33365/JTSI.V2I2.853.

Y. Wang, “Gaps Between Continuous Measurement Methods: A Longitudinal Study of Perceived Usability,” Interact. Comput., vol. 33, pp. 223–237, 2021, doi: 10.1093/IWC/IWAB023.

M. N. M. Al-Faruq, S. Nur’aini, and M. H. Aufan, “PERANCANGAN UI/UX SEMARANG VIRTUAL TOURISM DENGAN FIGMA,” Walisongo J. Inf. Technol., vol. null, p. null, 2022, doi: 10.21580/wjit.2022.4.1.12079.

D. Castilla et al., “Psychometric Properties of the Spanish Full and Short Forms of the System Usability Scale (SUS): Detecting the Effect of Negatively Worded Items,” Int. J. Hum. Comput. Interact., vol. 40, pp. 4145–4151, 2023, doi: 10.1080/10447318.2023.2209840.

A. Razi, I. R. Mutiaz, and P. Setiawan, “PENERAPAN METODE DESIGN THINKING PADA MODEL PERANCANGAN UI/UX APLIKASI PENANGANAN LAPORAN KEHILANGAN DAN TEMUAN BARANG TERCECER,” Desain Komun. Vis. Manaj. Desain dan Periklanan, vol. null, p. null, 2018, doi: 10.25124/DEMANDIA.V3I02.1549.

K. Angelina, E. Sutomo, and V. Nurcahyawati, “Desain UI UX Aplikasi Penjualan dengan Menyelaraskan Kebutuhan Bisnis menggunakan Pendekatan Design Thinking,” TEMATIK, vol. null, p. null, 2022, doi: 10.38204/tematik.v9i1.915.

M. Hartawan, “PENERAPAN USER CENTERED DESIGN (UCD) PADA WIREFRAME DESAIN USER INTERFACE DAN USER EXPERIENCE APLIKASI SINOPSIS FILM,” JEIS J. ELEKTRO DAN Inform. SWADHARMA, vol. null, p. null, 2022, doi: 10.56486/jeis.vol2no1.161.

Y. Wang, X. Chen, and X. Zhou, “A New Method for Identifying Low-Quality Data in Perceived Usability Crowdsourcing Tests: Differences in Questionnaire Scores,” Int. J. Human–Computer Interact., vol. null, p. null, 2023, doi: 10.1080/10447318.2023.2263694.

K. Adiwinata, B. Nugraha, and T. Ridwan, “PENERAPAN METODE USER CENTERED DESIGN DALAM PERANCANGAN DESAIN UI/UX WEBSITE SMAN 5 KARAWANG,” J. Inform. dan Tek. Elektro Terap., vol. null, p. null, 2024, doi: 10.23960/jitet.v12i3.4591.

N. N. Mazaya and S. Suliswaningsih, “PERANCANGAN UI/UX APLIKASI ‘DENGERIN’ BERBASIS MOBILE MENGGUNAKAN METODE DESIGN THINKING,” Komputa J. Ilm. Komput. dan Inform., vol. null, p. null, 2023, doi: 10.34010/komputa.v12i2.10157.

N. Restyasari, S. Fuada, and E. Setyowati, “REDESIGN UI/UX APLIKASI SH-UPI MENGGUNAKAN KERANGKA KERJA DESIGN THINKING,” J. Pendidik. Teknol. Inf., vol. null, p. null, 2023, doi: 10.37792/jukanti.v6i2.952.




DOI: https://doi.org/10.37058/jaisi.v2i2.13323

Refbacks

  • There are currently no refbacks.


International Journal of Applied Information Systems and Informatics (JAISI)
Department of Information Systems, Faculty of Engineering, Siliwangi University Tasikmalaya
email: jaisi@unsil.ac.id

Jalan Siliwangi No. 24 Kelurahan Kahuripan Kecamatan Tawang Kota Tasikmalaya 46115

This work is licenced under a Creative Commons Attribution 4.0 International Licence