Kajian Desain Tampilan Antarmuka Website Pasar Swalayan di Kota Bandung

Firsty Ariella Stephanie, Naomi Haswanto

Abstract


Pasar swalayan adalah toko serba ada yang menjual kebutuhan sehari-hari. Di Kota Bandung, terdapat beberapa jenis pasar swalayan, yaitu pasar swalayan kategori minimarket, supermarket, dan hipermarket. Sejak masa pandemi COVID-19, masyarakat terpaksa membeli kebutuhan dari rumah secara online melalui website pasar swalayan. Tetapi, tidak semua orang merasa nyaman menggunakan website pasar swalayan karena pengalaman berbelanja yang berbeda dengan pasar swalayan fisik dan tampilan website yang kurang nyaman. Penelitian ini bertujuan untuk membandingkan citra dan branding pasar swalayan fisik di Kota Bandung dengan desain interface website-nya serta mengkaji dan mengevaluasi user interface website pasar swalayan sesuai dengan prinsip user interface, hierarki visual, dan Gestalt. Metode penelitian ini adalah analisis visual terhadap branding pasar swalayan fisik dan website pasar swalayan; analisis visual komponen user interface dan membandingkan kesesuaian desain komponen terhadap prinsip desain user interface; serta analisis visual penyajian informasi berdasarkan hierarki visual dan prinsip Gestalt dalam user interface.


Keywords


pasar swalayan, user interface, branding, hierarki visual, prinsip Gestalt

References


Boss, S., & Cranford Teague, J. (2016). The new Web typography : create a visual hierarchy with responsive Web design. 1.

Chapman, C. (2019). Design Foundations - A Guide to Visual Hierarchy (with Infographic).

deBara, D. (2017). What is brand identity? And how to design and develop a great one.

Gkogka, E. (2018). Gestalt Principles in UI Design.

Kotaru, V. Keerti. (2020). Angular for material design: leverage Angular material and TypeScript to build a rich user interface for web apps. Apress L.P.

Kuang, C., & Fabricant, R. (2019). User friendly: how the hidden rules of design are changing the way we live, work, and play. MCD.

Material Design. (n.d.). Components - Material Design. Retrieved October 11, 2021, from https://material.io/components?platform=web

Philips, M. (2016). Design Principles - An Introduction to Visual Hierarchy.

Swaminathan, V., Sorescu, A., Steenkamp, J. B. E., O’Guinn, T. C. G., & Schmitt, B. (2020). Branding in a hyperconnected world: Refocusing theories and rethinking boundaries. Journal of Marketing.

Wheeler, A. (2017). Designing brand identity : an essential guide for the entire branding team. Wiley.


Refbacks

  • There are currently no refbacks.


Konferensi Mahasiswa Desain Komunikasi Visual (KOMA DKV) 2021
komadkv@uph.edu | komadkv@gmail.com
Situs
Instagram
Linktree