Melola Discovery

← Melola Discovery

Open access Jurnal SINTA 2

Penerapan Proses User Experience Design dalam Rancang Ulang User Interface Aplikasi Marketplace Rumah Kreatif Toba

Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK) · Vol. 13 No. 2 (2026) · pp. 499–510

DOI
10.25126/jtiik.132
ISSN
2528-6579, 2355-7699
Published
2026-04-30
Publisher
Fakultas Ilmu Komputer, Universitas Brawijaya
Language
id
License
creativecommons.org/licenses/by-sa/4.0

Abstract

Bahasa Indonesia

Perkembangan teknologi digital telah mendorong perubahan signifikan dalam pola perdagangan, dari sistem konvensional menuju perdagangan elektronik (e-commerce). Platform e-commerce menjadi sarana strategis bagi UMKM untuk memasarkan produk secara daring. Rumah Kreatif Toba merupakan platform berbasis web dan mobile yang dikembangkan untuk mendukung digitalisasi Usaha Mikro, Kecil dan Menengah (UMKM) di Kabupaten Toba. Hasil evaluasi awal menunjukkan bahwa aplikasi ini belum sepenuhnya optimal pada aspek kemudahan penggunaan dan pengalaman pengguna (user experience), terlihat dari navigasi yang sulit ditemukan, keterbatasan notifikasi, serta alur proses bisnis yang panjang dan kurang terintegrasi. Kendala ini menghambat efektivitas penggunaan aplikasi dan memerlukan perbaikan menyeluruh pada rancangan User Interface. Penelitian ini bertujuan merancang ulang User Interface aplikasi dengan menggunakan pendekatan User Experience Design yang mencakup lima tahapan: user research, analysis, design, production, dan evaluate. Dari keseluruhan proses, tahap user research dan design menjadi bagian paling krusial. Tahap user research mampu mengidentifikasi kebutuhan dan permasalahan secara menyeluruh dari perspektif pengguna maupun ahli. Tahap design menghasilkan rancangan information architecture, user flow, task flow, dan style guide sebagai acuan utama perancangan ulang User Interface. Evaluasi setelah perancangan ulang User Interface menunjukkan bahwa kualitas user experience yang sebelumnya berada pada skor 48,3 (Poor) menjadi 88,6 (Excellent) dengan success rate pengujian mencapai 100%. Prototipe interaktif yang dihasilkan diharapkan dapat menjadi acuan dalam pengembangan sistem lebih lanjut untuk mendukung transformasi digital UMKM secara optimal dan berkelanjutan. Abstract The growth of digital technology has led to significant changes in commercial practices, shifting from conventional systems to electronic commerce (e-commerce). E-commerce platforms have become a strategic tool for MSMEs to market their products online. Toba Creative Marketplace is a web and mobile-based platform developed to support the digitalization of Micro, Small, and Medium Enterprises (MSMEs) in Toba Regency. Initial evaluation results show that this application is not fully optimized in terms of ease of use and good user experience, as evidenced by difficult navigation, limited notifications, and a long and insufficiently integrated flow of business processes. These obstacles prevent the effective utilization of the application and require comprehensive improvements to the User Interface design. This study aims to redesign the User Interface of the application using a User Experience Design Process approach that includes five stages: user research, analysis, design, production, and evaluation. Of the entire process, the user research and design are the most important stages. The user research stage identifies the needs and problems comprehensively from the perspective of both users and experts. The design stage produces information architecture, user flow, task flow, and style guide designs as the main references for redesigning the User Interface. An evaluation following the User Interface redesign showed that the user experience score improved from 48.3 (Poor) to 88.5 (Excellent), with a 100% test success rate. The interactive prototype developed is expected to serve as a reference for further system development to support the digital transformation of MSMEs optimally and sustainably.

English

Perkembangan teknologi digital telah mendorong perubahan signifikan dalam pola perdagangan, dari sistem konvensional menuju perdagangan elektronik (e-commerce). Platform e-commerce menjadi sarana strategis bagi UMKM untuk memasarkan produk secara daring. Rumah Kreatif Toba merupakan platform berbasis web dan mobile yang dikembangkan untuk mendukung digitalisasi Usaha Mikro, Kecil dan Menengah (UMKM) di Kabupaten Toba. Hasil evaluasi awal menunjukkan bahwa aplikasi ini belum sepenuhnya optimal pada aspek kemudahan penggunaan dan pengalaman pengguna (user experience), terlihat dari navigasi yang sulit ditemukan, keterbatasan notifikasi, serta alur proses bisnis yang panjang dan kurang terintegrasi. Kendala ini menghambat efektivitas penggunaan aplikasi dan memerlukan perbaikan menyeluruh pada rancangan User Interface. Penelitian ini bertujuan merancang ulang User Interface aplikasi dengan menggunakan pendekatan User Experience Design yang mencakup lima tahapan: user research, analysis, design, production, dan evaluate. Dari keseluruhan proses, tahap user research dan design menjadi bagian paling krusial. Tahap user research mampu mengidentifikasi kebutuhan dan permasalahan secara menyeluruh dari perspektif pengguna maupun ahli. Tahap design menghasilkan rancangan information architecture, user flow, task flow, dan style guide sebagai acuan utama perancangan ulang User Interface. Evaluasi setelah perancangan ulang User Interface menunjukkan bahwa kualitas user experience yang sebelumnya berada pada skor 48,3 (Poor) menjadi 88,6 (Excellent) dengan success rate pengujian mencapai 100%. Prototipe interaktif yang dihasilkan diharapkan dapat menjadi acuan dalam pengembangan sistem lebih lanjut untuk mendukung transformasi digital UMKM secara optimal dan berkelanjutan. Abstract The growth of digital technology has led to significant changes in commercial practices, shifting from conventional systems to electronic commerce (e-commerce). E-commerce platforms have become a strategic tool for MSMEs to market their products online. Toba Creative Marketplace is a web and mobile-based platform developed to support the digitalization of Micro, Small, and Medium Enterprises (MSMEs) in Toba Regency. Initial evaluation results show that this application is not fully optimized in terms of ease of use and good user experience, as evidenced by difficult navigation, limited notifications, and a long and insufficiently integrated flow of business processes. These obstacles prevent the effective utilization of the application and require comprehensive improvements to the User Interface design. This study aims to redesign the User Interface of the application using a User Experience Design Process approach that includes five stages: user research, analysis, design, production, and evaluation. Of the entire process, the user research and design are the most important stages. The user research stage identifies the needs and problems comprehensively from the perspective of both users and experts. The design stage produces information architecture, user flow, task flow, and style guide designs as the main references for redesigning the User Interface. An evaluation following the User Interface redesign showed that the user experience score improved from 48.3 (Poor) to 88.5 (Excellent), with a 100% test success rate. The interactive prototype developed is expected to serve as a reference for further system development to support the digital transformation of MSMEs optimally and sustainably.

Keywords

Collaboration network of the authors

9 authors · 19 co-authorship links

Hover or tap a name to highlight its co-authors. Double-click to open the author's page.

  • Institut Teknologi Del
  • Affiliation unknown
  • Different organisations
  • Same organisation
  • Affiliation unknown
  • Thicker line = more joint articles · bigger circle = more articles
Show as table
Co-authorOrganisationJoint articles
Rini Juliana SipahutarInstitut Teknologi Del1
Dian Ira Putri HutasoitInstitut Teknologi Del1
Revi Angeli SiahaanInstitut Teknologi Del1

Affiliations come from OpenAlex; journal OAI-PMH metadata carries none. Authors without an OpenAlex ID are matched by name, which can merge or split people.

Metadata source: OAI-PMH (metadata jurnal) https://jtiik.ub.ac.id/index.php/jtiik/en/oai, first harvested 27 Okt 2026, last seen 27 Okt 2026.
Original metadata (oai_dc) 
<oai_dc:dc xmlns="http://www.openarchives.org/OAI/2.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:oai_dc="http://www.openarchives.org/OAI/2.0/oai_dc/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.openarchives.org/OAI/2.0/oai_dc/  http://www.openarchives.org/OAI/2.0/oai_dc.xsd">
	<dc:title xml:lang="id">Penerapan Proses User Experience Design dalam Rancang Ulang User Interface Aplikasi Marketplace Rumah Kreatif Toba</dc:title>
	<dc:title xml:lang="en">Penerapan Proses User Experience Design dalam Rancang Ulang User Interface Aplikasi Marketplace Rumah Kreatif Toba</dc:title>
	<dc:creator xml:lang="id">Sianturi, Riyanthi Angrainy</dc:creator>
	<dc:creator xml:lang="id">Siagian, Yuni Yustina </dc:creator>
	<dc:creator xml:lang="id">Harianja, Rusdeni </dc:creator>
	<dc:creator xml:lang="id">Sinurat, Indah Chris Sarah </dc:creator>
	<dc:creator xml:lang="id">Nababan, Cynthia Deborah </dc:creator>
	<dc:creator xml:lang="id">Sinaga, Arnaldo Marulitua </dc:creator>
	<dc:creator xml:lang="en">Sianturi, Riyanthi Angrainy</dc:creator>
	<dc:creator xml:lang="en">Siagian, Yuni Yustina </dc:creator>
	<dc:creator xml:lang="en">Harianja, Rusdeni </dc:creator>
	<dc:creator xml:lang="en">Sinurat, Indah Chris Sarah </dc:creator>
	<dc:creator xml:lang="en">Nababan, Cynthia Deborah </dc:creator>
	<dc:creator xml:lang="en">Sinaga, Arnaldo Marulitua </dc:creator>
	<dc:subject xml:lang="en">Mobile Application</dc:subject>
	<dc:subject xml:lang="en">Toba Creative Marketplace</dc:subject>
	<dc:subject xml:lang="en">Usability</dc:subject>
	<dc:subject xml:lang="en">User Experience Design</dc:subject>
	<dc:subject xml:lang="en">User Interface</dc:subject>
	<dc:subject xml:lang="id">Aplikasi Mobile</dc:subject>
	<dc:subject xml:lang="id">Rumah Kreatif Toba</dc:subject>
	<dc:subject xml:lang="id">Usability</dc:subject>
	<dc:subject xml:lang="id">User Experience Design</dc:subject>
	<dc:subject xml:lang="id">User Interface</dc:subject>
	<dc:description xml:lang="id">Perkembangan teknologi digital telah mendorong perubahan signifikan dalam pola perdagangan, dari sistem konvensional menuju perdagangan elektronik (e-commerce). Platform e-commerce menjadi sarana strategis bagi UMKM untuk memasarkan produk secara daring. Rumah Kreatif Toba merupakan platform berbasis web dan mobile yang dikembangkan untuk mendukung digitalisasi Usaha Mikro, Kecil dan Menengah (UMKM) di Kabupaten Toba. Hasil evaluasi awal menunjukkan bahwa aplikasi ini belum sepenuhnya optimal pada aspek kemudahan penggunaan dan pengalaman pengguna (user experience), terlihat dari navigasi yang sulit ditemukan, keterbatasan notifikasi, serta alur proses bisnis yang panjang dan kurang terintegrasi. Kendala ini menghambat efektivitas penggunaan aplikasi dan memerlukan perbaikan menyeluruh pada rancangan User Interface. Penelitian ini bertujuan merancang ulang User Interface aplikasi dengan menggunakan pendekatan User Experience Design yang mencakup lima tahapan: user research, analysis, design, production, dan evaluate. Dari keseluruhan proses, tahap user research dan design menjadi bagian paling krusial. Tahap user research mampu mengidentifikasi kebutuhan dan permasalahan secara menyeluruh dari perspektif pengguna maupun ahli. Tahap design menghasilkan rancangan information architecture, user flow, task flow, dan style guide sebagai acuan utama perancangan ulang User Interface. Evaluasi setelah perancangan ulang User Interface menunjukkan bahwa kualitas user experience yang sebelumnya berada pada skor 48,3 (Poor) menjadi 88,6 (Excellent) dengan success rate pengujian mencapai 100%. Prototipe interaktif yang dihasilkan diharapkan dapat menjadi acuan dalam pengembangan sistem lebih lanjut untuk mendukung transformasi digital UMKM secara optimal dan berkelanjutan.
 
Abstract
The growth of digital technology has led to significant changes in commercial practices, shifting from conventional systems to electronic commerce (e-commerce). E-commerce platforms have become a strategic tool for MSMEs to market their products online. Toba Creative Marketplace is a web and mobile-based platform developed to support the digitalization of Micro, Small, and Medium Enterprises (MSMEs) in Toba Regency. Initial evaluation results show that this application is not fully optimized in terms of ease of use and good user experience, as evidenced by difficult navigation, limited notifications, and a long and insufficiently integrated flow of business processes. These obstacles prevent the effective utilization of the application and require comprehensive improvements to the User Interface design. This study aims to redesign the User Interface of the application using a User Experience Design Process approach that includes five stages: user research, analysis, design, production, and evaluation. Of the entire process, the user research and design are the most important stages. The user research stage identifies the needs and problems comprehensively from the perspective of both users and experts. The design stage produces information architecture, user flow, task flow, and style guide designs as the main references for redesigning the User Interface. An evaluation following the User Interface redesign showed that the user experience score improved from 48.3 (Poor) to 88.5 (Excellent), with a 100% test success rate. The interactive prototype developed is expected to serve as a reference for further system development to support the digital transformation of MSMEs optimally and sustainably.</dc:description>
	<dc:description xml:lang="en">Perkembangan teknologi digital telah mendorong perubahan signifikan dalam pola perdagangan, dari sistem konvensional menuju perdagangan elektronik (e-commerce). Platform e-commerce menjadi sarana strategis bagi UMKM untuk memasarkan produk secara daring. Rumah Kreatif Toba merupakan platform berbasis web dan mobile yang dikembangkan untuk mendukung digitalisasi Usaha Mikro, Kecil dan Menengah (UMKM) di Kabupaten Toba. Hasil evaluasi awal menunjukkan bahwa aplikasi ini belum sepenuhnya optimal pada aspek kemudahan penggunaan dan pengalaman pengguna (user experience), terlihat dari navigasi yang sulit ditemukan, keterbatasan notifikasi, serta alur proses bisnis yang panjang dan kurang terintegrasi. Kendala ini menghambat efektivitas penggunaan aplikasi dan memerlukan perbaikan menyeluruh pada rancangan User Interface. Penelitian ini bertujuan merancang ulang User Interface aplikasi dengan menggunakan pendekatan User Experience Design yang mencakup lima tahapan: user research, analysis, design, production, dan evaluate. Dari keseluruhan proses, tahap user research dan design menjadi bagian paling krusial. Tahap user research mampu mengidentifikasi kebutuhan dan permasalahan secara menyeluruh dari perspektif pengguna maupun ahli. Tahap design menghasilkan rancangan information architecture, user flow, task flow, dan style guide sebagai acuan utama perancangan ulang User Interface. Evaluasi setelah perancangan ulang User Interface menunjukkan bahwa kualitas user experience yang sebelumnya berada pada skor 48,3 (Poor) menjadi 88,6 (Excellent) dengan success rate pengujian mencapai 100%. Prototipe interaktif yang dihasilkan diharapkan dapat menjadi acuan dalam pengembangan sistem lebih lanjut untuk mendukung transformasi digital UMKM secara optimal dan berkelanjutan.
 
Abstract
The growth of digital technology has led to significant changes in commercial practices, shifting from conventional systems to electronic commerce (e-commerce). E-commerce platforms have become a strategic tool for MSMEs to market their products online. Toba Creative Marketplace is a web and mobile-based platform developed to support the digitalization of Micro, Small, and Medium Enterprises (MSMEs) in Toba Regency. Initial evaluation results show that this application is not fully optimized in terms of ease of use and good user experience, as evidenced by difficult navigation, limited notifications, and a long and insufficiently integrated flow of business processes. These obstacles prevent the effective utilization of the application and require comprehensive improvements to the User Interface design. This study aims to redesign the User Interface of the application using a User Experience Design Process approach that includes five stages: user research, analysis, design, production, and evaluation. Of the entire process, the user research and design are the most important stages. The user research stage identifies the needs and problems comprehensively from the perspective of both users and experts. The design stage produces information architecture, user flow, task flow, and style guide designs as the main references for redesigning the User Interface. An evaluation following the User Interface redesign showed that the user experience score improved from 48.3 (Poor) to 88.5 (Excellent), with a 100% test success rate. The interactive prototype developed is expected to serve as a reference for further system development to support the digital transformation of MSMEs optimally and sustainably.</dc:description>
	<dc:publisher xml:lang="en">Fakultas Ilmu Komputer, Universitas Brawijaya</dc:publisher>
	<dc:date>2026-04-30</dc:date>
	<dc:type>info:eu-repo/semantics/article</dc:type>
	<dc:type>info:eu-repo/semantics/publishedVersion</dc:type>
	<dc:format>application/pdf</dc:format>
	<dc:identifier>https://jtiik.ub.ac.id/index.php/jtiik/article/view/10690</dc:identifier>
	<dc:identifier>10.25126/jtiik.132</dc:identifier>
	<dc:source xml:lang="id">Jurnal Teknologi Informasi dan Ilmu Komputer; Vol 13 No 2: April 2026; 499-510</dc:source>
	<dc:source xml:lang="en">Jurnal Teknologi Informasi dan Ilmu Komputer; Vol. 13 No. 2: April 2026; 499-510</dc:source>
	<dc:source>2528-6579</dc:source>
	<dc:source>2355-7699</dc:source>
	<dc:source>10.25126/jtiik.132</dc:source>
	<dc:language>id</dc:language>
	<dc:relation>https://jtiik.ub.ac.id/index.php/jtiik/article/view/10690/1586</dc:relation>
	<dc:rights xml:lang="en">Copyright (c) 2026 Riyanthi Angrainy Sianturi, Yuni Yustina  Siagian, Rusdeni  Harianja, Indah Chris Sarah  Sinurat, Cynthia Deborah  Nababan, Arnaldo Marulitua  Sinaga</dc:rights>
	<dc:rights xml:lang="en">https://creativecommons.org/licenses/by-sa/4.0</dc:rights>
</oai_dc:dc>