Designing User Experience and User Interface of a B2B Textile e-Commerce using Five Planes Framework

Abstract

The textile industry needs an e-commerce platform to facilitate purchase of textile goods and to improve connectivity between industries. The textile industry has distinct characteristics from other industry, from its supply chain characteristics to the details of goods sold. Therefore, Indonesia Smart Textile Industry Hub (ISTIH) as a textile e-commerce platform needs to implement different strategy from e-commerce in general. Different strategies will affect the design of user experience or user experience in e-commerce. This journal will discuss how to design e-commerce specifically for textiles using the five planes method. The strategy plane produced the objectives and user needs of e-commerce, the scope plane produced the list of the required features, the structure plane produced detailed flow of user activities, the skeleton plane produced layout designs and information organization in the form of wireframes, and the surface plane produced the design up to the level of interface detail. The interface detail is also designed to meet eight golden rules of interface design. The output produced in this study is the design of the textile e-commerce interface on the alpha version of the website.

Implementation of B2B E-Commerce in the Enterprise Market

“…Barang dan jasa dapat diposting di platform online untuk memungkinkan informasi diakses oleh publik. E-commerce dapat diterapkan di berbagai bisnis area, termasuk bisnis-ke-bisnis (B2B) [4].…”

Desain User Interface Personal Asisten Keuangan Digital

“…Pengalaman pengguna didefinisikan oleh ISO sebagai persepsi pengguna yang dihasilkan dari penggunaan sistem, produk atau layanan. Merancang pengalaman pengguna produk digital bertujuan agar hasil akhir benar-benar menyelesaikan masalah pengguna dan membantu pengguna mencapai tujuan mereka [8]. Metode dalam penelitian ini menggunakan analisis fenomenologis interpretatif dan Five Planes Method.…”

“…Pada tahapan scope didefinisikan kebutuhan fungsional dan kebutuhan konten yang diperlukan untuk memenuhi kebutuhan pengguna [8]. Tujuan dari tahapan ini yaitu bagaimana cara agar tujuan produk dan kebutuhan pengguna dapat dipenuhi.…”

“…Surface merupakan tahapan akhir dalam proses pembuatan desain user interface. Pada tahap ini dilakukan pembuatan prototipe presisi tinggi berupa yang memperjelas tampilan visual berupa tata letak, warna, tipografi, dan standardisasi ukuran elemen dalam aplikasi [8].…”

“…Analisis fenomenologi masuk kedalam five planes method pada tahapan strategy. Five planes method dipilih karena dengan metode ini pengalaman pengguna suatu produk akan lebih mudah dijelaskan dalam bentuk model konseptual, baik dari segi masalah yang dipecahkan dan cara mengatasinya [8]. Sedangkan analisis fenomenologi dilakukan pada tahap strategy karena dapat digunakan untuk mempelajari secara rinci bagaimana pengalaman seseorang dalam mengalami situasi.…”