UI-UX Design Using User Centred Design (UCD) Method

S. Sumarsono Evy Nurmiati Viranda Adhiazni + 3 lainnya

23 Oktober 2020

The use of a product is one of the success criteria of information technology (IT) product development, including a web-based application. It can be seen from the usability of the product, how users use the application. Two important issues of product usability are related to the user interface (UI) and user experience (UX) issues. This research was conducted to investigate the UX of a web-based application and then redesign its UI based on the Goal-Directed Design (GDD) method. The reason for using this method is to understand the goals, needs, and characteristics of users and to produce user interface design recommendations that are following the needs and objectives of the website which is the case study. The six phases of the GDD method carried out are preliminary research employing the cognitive walkthrough, system usability scale (SUS), and structured interview techniques, modeling, requirements, frameworks, refinement, and support. The results show that overall values of the effectiveness, efficiency, and satisfaction attributes in the post-redesign evaluation were increased around 30% from the initial evaluation in the preliminary study stage.

Karagozlu Damla Mohammed Yakubu Bala

29 Maret 2021

Nowadays modern information systems (emerging technologies) are increasingly becoming an integral part of our daily lives and has begun to pose a serious challenge for human-computer interaction (HCI) professionals, as emerging technologies in the area of mobile and cloud computing, and internet of things (IoT), are calling for more devotion from HCI experts in terms of systems interface design. As the number of mobile platforms users, nowadays comprises of children’s, elderly people, and people with disabilities or disorders, all demanding for an effective user interface that can meet their diverse needs, even on the move, at anytime and anywhere. This paper, review current articles (43) related to HCI interface design approaches to modern information systems design with the aim of identifying and determining the effectiveness of these methods. The study found that the current HCI design approaches were based on desktop paradigm which falls short of providing location-based services to mobile platforms users. The study also discovered that almost all the current interface design standard used by HCI experts for the design of user’s interface were not effective & supportive of emerging technologies due to the flexibility nature of these technologies. Based on the review findings, the study suggested the combination of Human-centred design with agile methodologies for interface design, and call on future works to use qualitative or quantitative approach to further investigate HCI methods of interface design with much emphasis on cloud-based technologies and other organizational information systems.

M. Fadli

18 Agustus 2020

__________________________________________________________________ An alternative solution for Indosport, considering the increasingly advanced smartphone development and also followed by the rapid growth of its users in Indonesia. The purpose of this study project is to produce a product in the form of a user interface (UI) and user experience (UX) design in helping to realize targeted mobile applications and not forgetting to apply the principles of visual communication design namely unity and variety, hierarchy, contrast, proportion and balance. The UI and UX design methods go through several stages of work in sequence: pre-production process, production process, and post-production. This design results in UI and UX designs that are equipped with user flow, interface designs, illustrations and prototypes. The main page of the Indosport mobile application is News, Activity, Calendar, and Profile which later on these pages there are several features that are different from the previous page. The making of this UI uses several visual languages such as medium close up, full shot, long shot, close up and medium long shot in the image section contained in the article as well as the depiction of field styles used to almost all visual UI elements. Using several principles in design, namely time to learn, speed of performance, rate of errors by users, retention over time, and subjective satisfaction. The resulting design forms will be distributed directly to the Research and Development division and the IT division from Indosport to be made a native. © 2020 Universitas Negeri Semarang  Alamat korespondensi: Gedung B9 Lantai 2 FBS Unnes Email : Mrafflif@gmail.com ISSN 2252-7516 E-ISSN 2721-8961 Muhammad Raffi Fadli / Arty : Jurnal Seni Rupas 9 (2) 2020 129 PENDAHULUAN Banyaknya jumlah pengguna smartphone berdampak pula pada perkembangan aplikasi mobile. Karena sifatnya yang praktis pengguna smartphone dapat mengakses berbagai macam aplikasi-aplikasi yang terdapat di dalamnya dimana saja. Indosport merupakan media informasi yang membahas seputar olahraga nasional maupun internasional, khususnya sepakbola serta menyediakan informasi mengenai status pemain, tim, pertandingan maupun transfer pemain, serta beberapa berita hiburan mengenai olahraga. Sasaran konsumen Indosport adalah remaja sampai dengan orang dewasa yang tertarik mengikuti perkembangan dunia sepakbola atau olahraga lainnya melalui berita untuk memperdalam informasi. Di Indonesia sendiri merupakan salah satu negara yang sangat antusias terhadap olahraga. Dalam penelitian yang dilakukan oleh Nielsen Sport (2013), 77% penduduk Indonesia memiliki ketertarikan pada olahraga sepakbola, 12% basket, dan 11% olahraga lainnya. Tetapi penduduk Indonesia yang tertarik pada olahraga sepakbola dan basket tidak berbanding lurus dengan tingkat partisipasi pada dua olahraga tersebut. Tercatat hanya 19% penduduk Indonesia yang aktif bermain. Penduduk Indonesia melampiaskan antusias terhadap olahraga melalui sosial media. Minimnya wadah akan komunitas ini dan tanpa adanya filter terhadap kolom diskusi dan minimnya fitur karena dikhususkan secara umum pada sosial media membuatnya menjadi sebuah diskusi dan pengalaman dalam mendapatkan informasi yang tidak berkualitas. Dengan membuat sebuah rancangan aplikasi komunitas yang berisi mengenai berita terkini sepakbola atau olahraga lainnya yang dikemas secara ringkas dan sebuah tempat atau platform untuk berinteraksi yang spesifik berharap akan membuat para penduduk Indonesia yang antusias terhadap sepakbola dapat menyampaikan isi pikirannya terhadap kejadian atau apapun mengenai sepakbola maupun olahraga lainnya. Terganggunya keseimbangan dan kemampuan penyampaian informasi dalam sebuah desain merupakan hal yang fatal. Keseimbangan dan informasi merupakan dua hal yang saling berhubungan. Tanpa adanya keseimbangan pada karya desain akan mengganggu pengamatan, tetapi sebuah desain yang indah dan seimbang pun juga tidak dapat dikatakan berhasil apabila pengamat tidak dapat memperoleh informasi yang utuh (Wijaya, 1999: 54). Perancangan user interface dan user experience Indosport sendiri akan menggunakan metode user centered design (UCD). UCD sendiri adalah proses desain yang berfokus pada kebutuhan pengguna. Sebuah produk yang dikembangkan menggunakan penerapan UCD mementingkan end-user, bagaimana produk itu dapat optimal sesuai dengan kebutuhan atau keinginan end-user terhadap penggunaan produk. Desain dirancang dengan memperhatikan perilaku pengguna dalam menggunakan produk sehingga produk yang akan dikembangkan tidak memaksa pengguna untuk mengubah perilakunya ketika menggunakan produk tersebut. Tujuan utamanya adalah agar produk yang akan 130 dikembangkan dapat berguna dan mudah untuk digunakan oleh pengguna. Oleh karena itu perancangan UI dan UX pada aplikasi mobile Indosport dengan menggunakan pendekatan UCD merupakan langkah yang tepat. Diharapkan dapat membuat rancangan aplikasi Indosport menjadi baik dari segi desain UI dan UX yang sesuai dengan calon penggunanya. User interface (UI) adalah cara program dan pengguna untuk berinteraksi. Dapat diartikan bahwa UI merupakan cara pengguna untuk berinteraksi dengan komputer, smartphone, tablet atau perangkat lainnya yang berbentuk visual, mampu dimengerti oleh pengguna aplikasi tersebut, dan diprogram sedemikian rupa agar dapat terbaca oleh sistem dan dapat menjalankan perintah yang tepat (Thornsby, 2016: 8). UI yang baik mampu memberikan pengalaman interaksi terhadap aplikasi dengan mudah oleh pengguna (user friendly), karena memiliki peranan penting pada sebuah aplikasi yaitu sebagai penghubung antara pengguna dengan sistem aplikasi itu sendiri serta sebagai faktor kesuksesan aplikasi (Railean, 2017: 25). Menurut Winter (dalam Munthe dkk, 2018:2680) user experience (UX) adalah bagaimana perasaan pengguna terhadap setiap interaksi yang sedang pengguna hadapi dengan apa yang ada di depan pengguna saat menggunakannya. Untuk mendapatkan UX yang baik, maka sebuah produk harus memiliki kesesuaian antara fitur produk dengan kebutuhan si pengguna. Hal ini yang akan menentukan apakah produk tersebut bernilai atau sebaliknya. Lalu jika produk mudah ditemukan dan mudah digunakan pada saat pengguna memakainya saat pertama kali, maka produk tersebut dapa membuat perasaan pengguna senang saat menggunakannya. User-Centered Design (UCD) adalah pendekatan untuk desain dan pengembangan user interface yang melibatkan pengguna di seluruh proses desain dan pengembangan. Desain UCD tidak hanya berfokus pada pemahaman pengguna sistem komputer yang sedang dikembangkan tetapi juga membutuhkan pemahaman tentang tugas yang akan dilakukan pengguna dengan system dan lingkungan dimana mereka akan menggunakannya. Menggunakan pendekatan UCD harus mengoptimalkan kegunaan sistem pada perangkat (Wood, 2014: 112). Perancangan UI dan UX ini menerapkan bahasa rupa. Jika diadaptasi dari Tabrani (2005: 9-10, 62, 69-74 dalam Harto dan Fanani, 2016: 553), maka bahasa rupa adalah bahasa yang tampil secara visual atau kasat mata, pada karya desain naratif atau representatif yang digunakan oleh para perupa dalam menciptakan karyanya agar komunikatif, sehingga dapat menyampaikan informasi dan pesan kepada penontonnya. Maka dari itu, bahasa rupa bisa digunakan untuk dasar penciptaan desain maupun untuk menganalisis desain yang naratif atau representatif, misalnya; lukisan, poster, iklan, cover buku, leaflet, relief, baliho, pop-up, billboard, neon box, papan nama, papan reklame, komik, karikatur, kartun, film atau video, animasi, iklan tayang, multimedia interaktif, game, patung, ambient media, dan lain-lain.

Manuel Ignacio Castillo L'opez Ana Libia Eslava Cervantes G. Mart'inez

12 Agustus 2023

Agile methods in undergraduate courses have been explored by various authors looking to close the gap between industry and professional profiles. We have structured an Android application development course based on a tailored agile process for development of educational software tools. This process is based on both Scrum and Extreme Programming in combination with User Experience (UX) and User-Centered Design (UCD) approaches. The course is executed in two phases: the first half of the course’s semester presents theory on agile and mobile applications development, the latter half is managed as a workshop where students develop for an actual client. The introduction of UX and UCD exploiting the close relationship with stakeholders expected from an agile process can enhance Quality in Use features. Since 2019 two of the projects have been extended in agreement between the client and students. Students, clients and users have found value in the generated products.

M. K. Othman Nurfarahani Norman Anuar

20 Agustus 2020

This paper reports on the findings of a user study on the design ideas for the Sarawak Digital Cultural Heritage Progressive Web App (PWA). The study elucidates the integration of User-Centered Design (UCD) in the Agile software development methodology. Five users were instructed to map their ideas on how they envisioned the application and the features it would have based on a brief description of the system as a one-stop center cultural heritage information for the general public in Sarawak while encouraging conservation and preservation of material culture. The study found that users prefer a simple and pleasing design with an emphasis on visual representation, and a straight forward and intuitive navigation to minimize cognitive load, Further study should explore the effectiveness of the integration of UCD for the Cultural Heritage Information System from the design stage to the evaluation stage.