JOISIE Journal Of Information System And Informatics Engineering Vol.
No.
Desember 2023.
Hlm 331-343
p- ISSN: 2503-5304
e- ISSN: 2527-3116
RANCANG BANGUN DESIGN UI/UX PADA APIKASI WORKFIT
MENGGUNAKAN METODE DESIGN THINKING
Yanzen Alsindo.
Muhamad Ariandi.
Ilman Zuhri Yadi.
Tri Oktarina.
Sains Teknologi.
Univeristas Bina Darma.
Jl.
Jendral A.
Yani No.
Palembang.
Sumatera Selatan email: 1yansen2908@gmail.
com, 2muhamad_ariandi@binadarma.
id, 3ilmanzuhriyado@binadarma.
tri_oktarina@binadarma.
Abstract Starting from the problems in the midst of the pandemic, this research focuses on overcoming the challenges of people who are reluctant to leave the house and experience a decline in healthy By utilizing advances in information and communication technology, this research will develop an innovative platform called Workfit.
Workfit is not only an online gym class booking platform, but also a comprehensive support tool for people to adopt a healthy lifestyle.
The method used in designing this platform is Design Thinking which includes the stages of empathy, definition, idea, prototype and testing.
In this process, research not only focuses on the technical functions of the platform, but also understands users' needs and desires in depth.
This aims to create an optimal user The results of this research include the development of a UI/UX model for the Workfit mobile application.
This model not only solves the practical problem of booking gym classes, but also provides relevant information, articles and videos to motivate users to live a healthy lifestyle.
Therefore, this research has high urgency in supporting the health and welfare of society in this era.
this modern.
Keywords: UI/UX.
Gym.
Design Thinking.
Workfit.
Platform.
Abstract Berangkat dari pemasalahan di tengah pandemic.
Penelitian ini berfokus untuk mengatasi tantangan yang di mana masyarakat enggan keluar rumah dan mengalami penurunan pola hidup sehat.
memanfaatkan kemajuan teknologi informasi dan komunikasi.
Penelitian ini akan mengembangkan platform inovatif bernama Workfit.
Workfit bukan hanya sekadar platform booking kelas gym secara online, tetapi juga merupakan alat dukungan komprehensif bagi masyarakat untuk mengadopsi gaya hidup sehat.
metode yang digunakan dalam perancangan platform ini adalah Design Thinking, yang melibatkan tahapan empathize, define, ideate, prototype, dan test.
Dalam proses ini, penelitian tidak hanya fokus pada fungsi teknis platform, tetapi juga memahami secara mendalam kebutuhan dan keinginan pengguna.
Hal ini bertujuan untuk menciptakan pengalaman pengguna yang optimal.
Hasil penelitian ini mencakup pengembangan model UI/UX untuk aplikasi mobile Workfit.
model ini tidak hanya menyelesaikan permasalahan praktis dalam pemesanan kelas gym, tetapi juga memberikan informasi, artikel, dan video yang relevan untuk memotivasi pengguna dalam menjalani gaya hidup sehat.
Oleh karena itu, penelitian ini memiliki urgensi yang tinggi dalam mendukung kesehatan dan kesejahteraan masyarakat di era modern ini.
Keywords: UI/UX.
Gym.
Design Thinking.
Workfit.
Platform
PENDAHULUAN
Dalam era masyarakat modern saat ini, kemampuan dalam mengakses teknologi dan informasi menjadi suatu hal yang tidak bisa terpisahkan dari fenomena globalisasi (Engineering et al.
, teknologi dan inovasi berkembang begitu pesat.
teknologi informasi dan komunikasi dapat membawa banyak manfaat positif, yaitu dapat menyelesaikan berbagai aktivitas dan 332 | Jurnal JOISIE.
Volume 7.
Nomor 2.
Desember 2023 permasalahan yang dihadapi (Fariyanto and Ulum 2.
Perkembangan yang pesat ini disebut ahli sebagai revolusi komunikasi, dampak dari revolusi industri 4.
0 mendorong kemajuan teknologi dimasa kini yang sudah seharusnya setiap individu mampu dalam penggunaan dan pemanfaatan teknologi (Pratiwi.
Utami.
Korneliya.
Rafiadzkay.
, & Aini 2.
, tak terkecuali di bidang Kesehatan, masalah pola hidup sehat bagi masyarakat masih sangat kurang seiring juga dengan kurangnya platform penunjang untuk berolahraga baik dirumah maupun ditempat fitness.
Olahraga merupakan kebutuhan yang meningkatkan imunitas tubuh.
Selain itu olahraga juga membawa manfaat yang besar bagi manusia, dengan olahraga yang rutin, maka akan menyebabkan badan kita terasa sehat dan terhindar dari berbagai penyakit (Gaol 2.
banyak manfaat yang dapat dirasakan saat melakukan olahraga.
Menurut (Hardi et al.
pada judul penelitianya yang berjudul Survey Kesadaran Masyarakat dalam Meningkatkan Kesehatan Fisik di Masa Pandemi.
Menghasilkan data bahwa kesadaran masyarakat dalam meningkatkan kesehatan dimasa pandemik sebesar 78.
8% melebihi setengah nya.
Maka Berangkat dari permasalahan ini akhirnya ide untuk membuat platform penunjang masyarakat untuk lebih bisa menerapkan pola hidup sehat bernama Workfit muncul.
Workfit ini akan berbasis mobile sehingga akan sangat memudahkan pengguna.
penelitian ini akan terfokus pada perancangan antarmuka dan pengalaman pengguna (UI/UX), pada penelitian ini juga penulis akan mengunakan metode Design thinking.
Design thinking merupakan metodologi yang memberikan pendekatan berbasis solusi untuk memecahkan suatu masalah (Wulandari.
Yektyastuti, and Effane 2.
Berdasarkan Penelitian yang berjudul AuPerancangan UI/UX Purwarupa Aplikasi Penentu Kualitas Benih Bunga Berbasis Mobile Menggunakan Metode Design Thinking (Studi Kasus PT Selektan.
Pengujian dilakukan menggunakan single ease question mendapatkan skor 6,6.
Dengan demikian perancangan dikatakan berhasil dan efektif serta mampu menjawab kebutuhan pengguna untuk mengorganisir kegiatan kegiatan pada PT Selektani (Widiatmoko and Utami 2.
Penelitian yang berjudul AuPerancangan UI/UX Aplikasi Ogan Lopian Diskominfo Purwakarta Menggunakan Metode Design ThinkingAy.
Penelitian ini menghasilkan hasil Usability testing dengan teknik usability scale dan (Engineering et al.
Penelitian yang berjudul AuPerancangan Aplikasi Pemilihan Kepala Desa Dengan Metode UX Design Thinking (Studi Kasus:
Kampung Kuripa.
Ay.
Pengujian aplikasi menggunakan metode System Usability Scale (SUS) mendapatkan hasil skor 77.
Dengan memberikan pengalaman yang positif bagi target pengguna (Fariyanto and Ulum 2.
Berdasarkan temuan dari ketiga penelitian sebelumnya, dapat ditarik kesimpulan bahwa penggunaan metode design thinking memiliki potensi untuk menghasilkan aplikasi yang dinilai memiliki kualitas usability yang baik, sesuai dengan kebutuhan pengguna, dan mampu mengatasi permasalahan yang ada.
Diharapkan bahwa melalui perancangan antarmuka pengguna dan pengalaman pengguna (UI/UX) aplikasi Workfit, aplikasi ini dapat menjadi lebih menarik dan memudahkan pengguna dalam memesan kelas Tujuan utama perancangan ini adalah memastikan bahwa pengguna dapat dengan mudah memanfaatkan informasi penting yang terkait dengan layanan tersebut.
Selain itu, harapannya adalah hasil dari penelitian ini tidak hanya meningkatkan aspek estetika dan fungsionalitas UI/UX, tetapi juga memberikan rekomendasi dan solusi terkait permasalahan Semua rekomendasi ini diharapkan dapat diimplementasikan dengan mudah oleh pengembang aplikasi dan dipahami secara intuitif oleh pengguna.
Dengan demikian, perancangan ini tidak hanya menjadi upaya memberikan kontribusi positif terhadap kemudahan akses dan penggunaan aplikasi workfit dalam menjalani gaya hidup sehat.
Design Thinking terdiri dari lima tahapan.
empathize, define, ideate, prototype dan test.
Konsep ini pertamakali dikenalkan oleh David Kelley untuk melakukan penyelesaian masalah dala dunia bisnis pada tahun 1991.
Pada dasarnya pendekatan Design Thinking merupakan alat yang digunakan dalam problem solving, problem design hingga Alsindo.
Rancang Bangun Design Ui/Ux Pada Apikasi Workfit Menggunakan Metode Design Thinking,331-343 .
problem forming tidak hanya menyelesaikan suatu permasalahan,namun juga untuk permasalahan (Syahrul 2.
Design Thinking bersifat user-centered, sehingga hal yang paling vital dalam metode ini adalah peran pengguna Nantinya dengan adanya aplikasi ini diharapkan dapat mempermudah pengguna untuk memesan tempat gym, membaca artikel tentang kesehatan, menonton tutorial gym dan lain lain secara digital.
Namun kendala lain yang dihadapi adalah tidak semua pengguna memiliki kecakapan yang sama dalam menjalankan aplikasi mobile.
Hal ini dapat dianggap sebagai ancaman bagi kelangsungan aplikasi ini, jika aplikasi ini sudah dibuat namun pengguna masih belum bisa mengatasi masalah bagi pengguna itu sendiri.
Maka dari itu sebelum aplikasi ini dibentuk.
UX research sangat diperlukan.
Sebagai langkah awal untuk mendukung pengembangan aplikasi ini, maka perlu dirancang desain antarmuka aplikasi yang disesuaikan dengan pengalaman Research wawancara dengan pengguna aplikasi yang telah dipilih sesuai dengan kriteria sebagai responden dari riset terkait dengan aplikasi.
Kegiatan ini ditujukan untuk mendapatkan user persona agar Researcher dapat mengetahui permasalahan dan juga masukan dari pengguna terkait fitur yang terdapat di aplikasi (Wiwesa 2.
METODE PENELITIAN
Penelitan Rancang Bangun Design UI/UX Pada Aplikasi Workfit menggunakan metode design thinking, penulis menerapkan metode design thinking.
dikarenakan metode design thinking adalah pendekatan kolaboratif yang menggabungkan berbagai ide dari berbagai disiplin ilmu guna merumuskan solusi.
Pendekatan ini tidak hanya mengutamakan aspek visual dan estetika, tetapi juga memberikan perhatian pada pengalaman pengguna (Setiadi and Setiaji 2.
Design Thinking digunakan untuk menemukan solusi yang paling efektif dan efisien dalam mengatasi permasalahan yang kompleks.
Pemikiran yang mendasari metode ini bersifat komprehensif guna menghasilkan solusi yang (Sari et al.
Design Thinking terdiri dari 5 tahap yang telah dijabarkan oleh Stanford d.
school, yaitu:
Gambar 1.
Tahapan Design Thinking Empathize Tahap Empathize "Langkah awal dalam metode Design Thinking adalah tahap Empathize, mendapatkan pemahaman terhadap pengguna dan masalah yang ingin diselesaikan (Jenniffer 2.
, selain itu juga kita dapat memahami perilaku, emosi, pengalaman, dan konteks Pada tahap ini, peneliti berusaha melihat dunia melalui lensa pengguna, guna mendapatkan pemahaman yang lebih mendalam tentang kebutuhan dan tantangan yang mereka hadapi.
Sebelum memahami pengguna, perlu ditetapkan tujuan penelitian yang jelas sebagai research objective.
Dengan mengidentifikasi research objective yang terdefinisi dengan baik, peneliti dapat mengarahkan upaya mereka dengan fokus dan menghasilkan temuan berkualitas yang memberikan manfaat nyata.
Research objective juga memberikan kerangka untuk mengukur keberhasilan penelitian dan mengevaluasi pencapaian tujuan yang ditetapkan (Cahyono 2.
Setelah menetapkan research objective, langkah selanjutnya adalah melakukan user User interview bertujuan utama untuk mengumpulkan data dan informasi mendalam dari responden atau partisipan yang terlibat dalam penelitian.
Metode yang umum digunakan dalam tahap ini adalah metode wawancara terbuka.
dalam konteks ini, beberapa pertanyaan yang dapat diajukan pada tahap interview meliputi:
Tabel 1.
Pertanyaan Interview Pertanyaan Interview Biasanya kakak kalau olahraga, biasanya dimana kak? Susah tidak sih kalo kita mau olahraga di tempat gym itu? 334 | Jurnal JOISIE.
Volume 7.
Nomor 2.
Desember 2023 Biasanya apa aja sih yang menjadi pertimbangan kakak sebelum untuk berolahraga di tempat gym? Dalam berolahraga biasanya kakak memerlukan instruktur gym atau tidak? Dari pertanyaan sebelumny.
Nah ketika kakak berolahraga ditempat gym apa sih yang kakak rasakan atau ada kendala apa gimana dan bedanya dengan gym dirumah apa? Kalau olahraga di tempat gym, perlu booking dulu atau gimana? Kakak pernah melihat atau mengetahui aplikasi atau website yang bisa membantu memudahkan kakak untuk memesan kelas gym tidak? .
alau misalnya jawabannya belum dari jawaban no .
Nah kak kami memiliki ide membuat suatu rancangan aplikasi khusus untuk memesan kelas gym menurut kakak bagaimana ya? Apakah platform ini apakah akan memudahkan untuk memesan kelas gym? .
alau misalnya jawabannya ya dari jawaban no .
aplikasi seperti apa kak bisa kakak ceritakan Apakah kakak punya harapan ketika memesan kelas gym ini ingin seperti apa, agar kakak nyaman dalam mengunakan aplikasi ini? Setelah mendapatkan insight interview maka selanjutnya saya juga melakukan survey melalui google form dengan mengajukan mengetahui tujuan dan keinginan pengguna, dan juga saya membuat User persona.
User persona adalah representasi fiktif dari karakteristik, tujuan, dan kebutuhan pengguna yang digunakan oleh peneliti untuk memahami dan merancang pengalaman pengguna yang lebih baik.
User persona didasarkan pada data dan informasi dari interview sebelumnya (Ahsan.
Fahmi, and Latifah 2.
Define Setelah mendapatkan insight dari tahapan empathize, seperti mengetahui apa saja kebutuhan pengguna dan apa saja kendala yang mereka sebenarnya hadapi, langkah selanjutnya adalah menuju tahap define mengklarifikasi semua elemen yang telah dirancang dalam tahap sebelumnya (Mutaqin.
Saputri, and Maulida 2.
Pada tahap ini, peneliti menentukan mana yang akan menjadi prioritas permasalahan yang akan diselesaikan dengan solusi.
peneliti akan menentukan tujuan dari penelitian dan merumuskan permasalahan yang akan Pada langkah ini, peneliti mengajukan banyak pertanyaan dengan menggunakan HMW (How Might W.
untuk menghasilkan solusi.
HMW (How Might W.
adalah sebuah pertanyaan yang digunakan dalam metode Design Thinking untuk merumuskan tantangan atau masalah yang dihadapi oleh pengguna dalam konteks HMW digunakan untuk mengubah permasalahan yang kompleks menjadi pertanyaan yang lebih terfokus, sehingga memudahkan peneliti untuk menemukan solusi yang lebih efektif (Pramesti.
Adrian, and Fernando 2.
Ideate Selanjutnya tahapan ideate, tahapan ini adalah proses peneliti dalam merancang ideide kreatif untuk menyelesaikan masalah yang telah di definisikan pada tahapan ke define (Wahyu Sanjaya and Febriandirza 2.
, disini peneliti dapat mengembangkan ide-ide solusi dengan melakukan proses brainstorming bersama tim dan stakeholder terkait.
Dalam tahap ini, peneliti akan mencari alternatif solusi yang dapat membantu pengguna mengatasi permasalahan yang dihadapi dengan cara mempertimbangkan berbagai aspek yang relevan seperti kebutuhan pengguna, ketersediaan sumber daya, dan keterbatasan yang ada (Muhyidin.
Sulhan, and Sevtiana 2.
Selain itu, penulis juga harus memastikan bahwa solusi yang dihasilkan dapat memberikan manfaat yang maksimal bagi pengguna dan sekaligus meminimalisir dampak negatif yang mungkin terjadi.
Oleh karena itu, peneliti harus memperhatikan keberhasilan dan solusi yang dihasilkan.
Dalam hal ini, penulis harus menghasilkan solusi yang inovatif dan kreatif sehingga dapat memberikan nilai tambah bagi pengguna dan sekaligus membedakan produk atau layanan yang ditawarkan.
Prototype Tahap Prototype merupakan tahap yang krusial dalam proses pengembangan produk.
Pada tahap ini, tim peneliti mengambil ide atau solusi yang telah ditemukan dan mengubahnya menjadi purwarupa, kerangka kerja dasar, serta desain yang lebih terperinci(Kustiawan et Fase ini fokus pada pengembangan solusi untuk mengatasi kendala-kendala yang ada dalam produk dan menyelesaikan masalah Alsindo.
Rancang Bangun Design Ui/Ux Pada Apikasi Workfit Menggunakan Metode Design Thinking,331-343 .
yang diidentifikasi sebelumnya.
Dengan demikian, pada akhir tahap ini, tim peneliti akan memiliki pemahaman yang lebih mendalam tentang cara sebenarnya pengguna akan berperilaku, berpikir, dan merasakan ketika mereka berinteraksi dengan produk Tidak hanya itu, dalam tahap Prototype ini.
Dalam penerapannya, rancangan awal yang dibuat akan diuji coba kepada pengguna untuk memperoleh respon dan menyempurnakan rancangan (Fitria et al.
Penggunaan memungkinkan tim desain untuk melakukan perbaikan produk dan menyesuaikan solusi yang telah dirancang sebelumnya.
Karena alasan inilah, tahap Prototype menjadi sangat penting guna memastikan bahwa produk akhir dapat memenuhi kebutuhan pengguna dan mencapai hasil yang diinginkan.
Testing Testing adalah proses pengujian yang merupakan langkah paling krusial dalam pengembangan solusi untuk mendapatkan umpan balik yang berharga dalam rangka mengoptimalkan kinerja produk (Jidan Narizki et al.
Tujuan dari tahap ini adalah untuk memvalidasi keefektifan dan kebenaran rancangan solusi dalam mengatasi masalah pengguna, serta untuk menilai apakah perlu ada pengembangan lebih lanjut (Karnawan.
Andryana, and Komalasari 2.
Selain itu, tahap ini juga dapat memberikan gambaran yang lebih terperinci mengenai masalah dan hambatan yang terkait dengan produk yang sedang dikembangkan, serta perilaku yang mungkin akan ditunjukkan oleh pengguna akhir saat berinteraksi dengan produk tersebut.
Dalam tahap ini, metode yang digunakan adalah unmoderated usability testing.
Unmoderated remote usability testing adalah bentuk pengujian yang tidak memerlukan pengawasan langsung.
Peserta pengujian dapat melakukan uji coba dari jarak jauh, menggunakan perangkat mereka sendiri untuk mengakses website atau perangkat lunak yang Sebelum pengujian ketergunaan pada purwarupa yang sedang dalam pengembangan, ada beberapa langkah penting yang harus diambil:
Menentukan bagian dari purwarupa yang akan di uji coba.
Ini mencakup pertimbangan tentang isi, fitur, desain, dan kendala utama yang terkait dengan purwarupa yang Merancang tugas yang akan diujicoba dalam pengujian.
Ini melibatkan merancang tugas yang berkaitan dengan aspek-aspek yang ingin diuji, seperti pemahaman pengguna terhadap fungsi tombol atau fitur tertentu.
Jika eksekusi tugas tidak berjalan dengan lancar, maka ini menunjukkan kebutuhan untuk melakukan keterujian .
sability testin.
Menentukan parameter Validasi dilakukan untuk menentukan sejauh mana suksesnya.
Untuk ini, peneliti memanfaatkan metode SEQ (Single Ease Questio.
merupakan metode pengujian usability suatu sistem dengan menggunakan kuesioner post-scenario atau task untuk mengukur kemudahan yang atau pengguna setelah menyelesaikan semua skenario atau task yang berikan dengan menggunakan skala likert 7 poin (Samudra 2.
SEQ (Single Ease Questio.
tersebut yang termasuk dalam Post Task Questionnaire.
Metode ini digunakan untuk menilai tingkat kemudahan penggunaan suatu fitur produk berdasarkan pengalaman pengguna melalui pertanyaan tunggal untuk setiap tugas.
Skala pengukuran SEQ adalah sebagai berikut:
Gambar 2.
Skala Score SEQ
HASIL DAN PEMBAHASAN
1 TAHAPAN EMPATHIZE
Pada tahap ini, ada 3 poin pelaksanaan yaitu terstruktur, membuat user persona.
Peneliti memilih 5 orang responden yang sesuai dengan kriteria berikut adalah tabel research Tabel 2.
Research Objective Rencana Research Objective Kriteria Partisipan Cakupan Orang yang serng berolahraga Umur 20-45 tahun Memahami dari sisi pengguna 336 | Jurnal JOISIE.
Volume 7.
Nomor 2.
Desember 2023 asi dan Memahami perilaku, kebutuhan dan keluhan dari pengguna gym Memahami metode booking kelas gym yang paling nyaman untuk pengguna gym solusi apa saja yang dapat ditawarkan untuk menyelesaikan permasalahan yang dialami oleh pengguna, saya mengunakan.
HowMight-We.
Tabel 3.
How Might WE Pada tahap ini ada 2 poin penting dari research objective yaitu kriteria partisipan dan cakupan yang dapat di obeservasi dan diamati dari responden kedua poin ini sangat penting dikarenakan apabila tidak mempunyai research objective maka peneliti akan sangat susah memahami pengguna yang akan di interview, selanjutnya penulis juga melakukan tahap interview (Hakim and Amalia 2.
, peneliti memilih 5 responden sesuai dengan kriteria dari research objective Setelah kemudian selanjutnya peneliti juga melakukan survey melalui google form dengan mengajukan beberapa pertanyaan kualitatif untuk mengetahui karakteristik, tujuan, dan kebutuhan pengguna yang digunakan oleh peneliti untuk memahami dan merancang pengalaman pengguna yang lebih baik.
kemudian selanjutnya yaitu tahap pembuatan user persona, berikut adalah user persona How Might We Bagaimana cara memudahkan pengguna untuk memesan kelas gym? Bagaimana menyesuaikan tarif harga kelas gym agar sesuai dengan keinginan Bagaimana membuat pengguna merasa lebih nyaman dan betah saat menggunakan aplikasi? Bagaimana cara melakukan transaksi nontunai di aplikasi nantinya? Bagaimana cara menyesuaikan kelas gym yang dipilih di aplikasi sesuai dengan kelas gym di tempat ? 3 TAHAPAN IDEATE Pada proses ini, saya memberikan solusi untuk menyelesaikan permasalahan pada tahap Untuk menentukan skala prioritas dari ide ide yang telah dikelompokan saya menggunakan diagram Prioritization Ideas.
tersebut dibagi menjadi 4 skala, prioritas 1 adalah solusi yang sangat dibutuhkan pembuatannya pun mudah.
Prioritas 2 adalah solusi yang juga sangat dibutuhkan pengguna namun proses pembuatannya sulit.
Prioritas 3 adalah solusi yang cukup penting dan mudah dalam proses pembuatannya.
Sementara Prioritas 4 adalah solusi yang sebenarya tidak terlalu dibutuhkan oleh pengguna dan proses sulit untuk dilakukan.
Gambar 3.
User Persona
2 TAHAPAN DEFINE
Setelah mendapatkan insight dari persona maka tahap selanjutnya, saya menyusun permasalahan apa saja yang di alami oleh pengguna serta solusi apa saja yang dapat ditawarkan dari permasalahan tersebut untuk permasalahan yang dialami oleh pengguna, saya mengunakan Diagram Paint Points dengan mengurutkan permasalahan tersebut dari apa yang harus segera diatasi.
Adapun Gambar 4.
Prioritas Idea
4 TAHAPAN PROTOTYPE
Pada tahap ini Setelah menyelesaikan tahap ideate untuk menemukan solusi, langkah Alsindo.
Rancang Bangun Design Ui/Ux Pada Apikasi Workfit Menggunakan Metode Design Thinking,331-343 .
selanjutnya dalam proses prototype dimulai dengan membuat wireframe atau gambaran kasar dari desain baru aplikasi yang akan dikembangkan hingga menjadi tampilan highfidelity .
Login page adalah halaman yang berfungsi untuk memvalidasi dan mengotentikasi pengguna saat hendak mengakses suatu website atau aplikasi.
Pada halaman login, terdapat beberapa komponen utama yang membantu pengguna untuk mengakses website atau aplikasi dengan mudah dan aman.
Pertama-tama, memasukkan email dan password.
Hal ini berguna untuk mengidentifikasi pengguna yang mencoba masuk ke dalam aplikasi.
Gambar 5.
Splash Screen Page Aplikasi Workfit Splash Screen adalah salah satu pattern dalam diimplementaskan pada saat aplikasi mulai dijalankan dengan memperlihatkan brand logo Gambar 6.
Login Page Aplikasi Workfit Gambar 7.
Rgister Now Page Aplikasi Workfit Jika pengguna belum memiliki akun, terdapat tombol "Register Now" atau "Daftar" yang dapat mengarahkan mereka ke halaman Home Halaman pendaftaran .
egister pag.
adalah halaman web atau antarmuka dalam aplikasi yang digunakan oleh pengguna untuk membuat akun baru.
Tujuan dari halaman pendaftaran ini adalah untuk mengumpulkan informasi yang diperlukan dari pengguna agar mereka dapat mengakses dan menggunakan layanan atau konten yang ditawarkan oleh situs atau aplikasi tersebut.
Ada beberapa poin penting yang biasanya terdapat dalam sebuah halaman pendaftaran mulai dari AuFormulir PendaftaranAy Halaman pendaftaran akan memiliki formulir yang harus diisi oleh pengguna.
Formulir ini akan berisi bidang-bidang seperti nama pengguna, alamat email, kata sandi, tanggal lahir, jenis kelamin, dan mungkin juga informasi tambahan tergantung pada situs atau aplikasi 338 | Jurnal JOISIE.
Volume 7.
Nomor 2.
Desember 2023 AuVerifikasiAy Untuk memastikan bahwa informasi yang diberikan oleh pengguna akurat, halaman pendaftaran mungkin juga meminta pengguna untuk memasukkan kode verifikasi yang dikirimkan melalui email atau SMS.
AuKetentuan PenggunaanAy Banyak halaman pendaftaran akan meminta pengguna untuk menyetujui ketentuan penggunaan atau kebijakan privasi sebelum melanjutkan dengan pendaftaran.
Ini penting untuk melindungi kedua belah pihak dan mengatur hubungan antara pengguna dan penyedia layanan.
Selanjutnya AuTombol PendaftaranAy atau AuRegisterAy Setelah pengguna mengisi semua informasi yang diperlukan, halaman pendaftaran akan memiliki tombol "Register" atau sejenisnya yang akan memproses informasi dan membuat akun baru untuk pengguna.
Tak lupa juga AuValidasi DataAy.
Halaman pendaftaran biasanya akan memiliki mekanisme validasi data, yang dapat memberikan umpan balik kepada pengguna jika ada kesalahan dalam pengisian formulir.
Misalnya, jika pengguna tidak memasukkan alamat email yang valid, mereka akan mendapatkan pesan kesalahan.
Dan juga AuOpsi LainAy Beberapa halaman pendaftaran juga dapat memberikan opsi menggunakan akun media sosial .
isalnya, masuk dengan akun Google atau Faceboo.
Dan terakhir adalah AuProses KonfirmasiAy Setelah pendaftaran berhasil, pengguna mungkin perlu melakukan konfirmasi melalui email atau tautan unik lainnya sebelum mereka dapat sepenuhnya mengakses akun mereka.
Home page pada Aplikasi Workfit adalah menampilkan informasi dasar tentang aplikasi workfit in sendiri.
Pada home page, pengguna komponen penting, seperti menu navigasi.
Explore.
Summary.
Profil.
Artikel Populer.
Top Class terbaik, serta fitur pencarian.
Menu navigasi biasanya terletak di bagian bawah Aplikas, yang berisi tautan ke halamanhalaman penting seperti Explore.
Summary, atau Profil Akun.
Di awal tampilan home direkomendasikan yang akan membuat pengguna lebih mudah untuk menentukan class yang diinginkan.
Gambar 9.
Explore Page Aplikasi Workfit Gambar 8.
Home Page Aplikasi Workfit Alsindo.
Rancang Bangun Design Ui/Ux Pada Apikasi Workfit Menggunakan Metode Design Thinking,331-343 .
tutorial tentang gym, artikel artikel terbaru dan popular tentang Kesehatan dan juga disini kita bisa melihat top exercise, exercise atau aktivitas fisik adalah Latihan yang dilakukan secara sengaja dan teratur dengan tujuan untuk meningkatkan kebugaran fisik, kesehatan, dan kinerja tubuh.
Gambar 10.
Video Page Aplikasi Workfit Gambar 12.
Booking Class Page Aplikasi Workfit Halaman Booking class memiliki 2 pilihan diantara booking class offline dan booking class offline masing masing memiliki tujuan nya masing masing.
Gambar 11.
Article Page Aplikasi Workfit Halaman "Explore" pada sebuah aplikasi merujuk pada antarmuka yang memungkinkan pengguna untuk mengeksplorasi berbagai jenis konten, fitur, atau informasi yang ditawarkan oleh aplikasi tersebut.
Tujuannya adalah memberikan pengalaman yang menarik dan bervariasi bagi pengguna, sehingga mereka dapat menemukan hal-hal baru yang menarik perhatian mereka.
Pada Halaman ini memberikan informasi tentang video video Gambar 13.
Booking Class Offline 340 | Jurnal JOISIE.
Volume 7.
Nomor 2.
Desember 2023 Halaman Booking Class Offline memiliki beberapa komponen penting dirancang untuk membantu pengguna untuk menentukan class yang sesuai dengan yang diinginkan, pengguna bisa memilih berdasarkan filter di pojok kanan seperti mengatur pencarian class gym berdasarkan rating bintang dari penilaian yang terbaik ke yang terburuk, pengguna juga dapat memilih berdasrkan hari agar jadwal gym dapat disesuiakan dengan keinginan Ada juga informasi terkait class yang di pilih dan pengguna juga bisa melihat review dari pengguna yang telah lebih dulu mecoba class gym tersebut, terdapat juga berbagai pilihan metode pembayaran yang bisa pengguna gunakan jadi tidak perlu bingung jika ingin membayar.
Setelah melakukan booking class offline pengguna bisa langsung datang ke tempat gym berdasarkan class dan hari yang telah dipilih.
Gambar 15.
Summary Page Aplikasi Workfit Pada Halaman Summary ini pengguna dapat melihat informasi detail history.
tentang class yang telah selesai ataupun tentang booking kelas yang sedang berlangsung.
Gambar 14.
Booking Class Online Halaman Booking Class Online hanya memiliki 1 komponen penting yaitu booking class online ini dirancang diperuntukan untuk pengguna yang ingin berolahraga tetapi tetap dirumah, pengguna dapat mengakses class online dengan hanya menonton video saja, setelah pengguna membooking class yang pembayaran pengguna sudah bisa mengakses video itu untuk dimana saja dan kapan aja pengguna juga dapat mengatur resolusi video dan kecepatan pemutar video.
Gambar 16.
Summary Rescedule Page Aplikasi Workfit Pada Halaman Summary ini pengguna juga dapat mengatur ulang class yang telah di pilih.
Alsindo.
Rancang Bangun Design Ui/Ux Pada Apikasi Workfit Menggunakan Metode Design Thinking,331-343 .
5 TAHAPAN TESTING Pada tahap awal testing peneliti melakukan usability testing pada responden, ada dua skenario yang di test sesuai dengan user flow dibuat penulis melakukan pengujian terhadap 5 responden kepada pengguna desain visual yang telah dibuat pada tahapan sebelumnya akan di uji coba, penggujian untuk prototype di sini saya menggunakan platfrom maze.
dan setelah usability testing dilakukan maka tahap berikutnya yaitu penilai terhadap desain yang dibuat.
Kita akan mengambil skor tertinggi dari setiap pasangan skor, karena SEQ mengukur kesulitan terbesar yang dirasakan oleh Hitungan untuk setiap responden:
Tabel 4.
Pertanyaan SEQ Skenario Skenario:
- R1 dengan skor 7 dan 6 - R2 dengan skor 7 dan 7 - R3 dengan skor 7 dan 6 - R4 dengan skor 7 dan 7 - R5 dengan skor 6 dan 7 Pertanyaan Bagaiman Tampilan Login Secara Keseluruhan Bagaimana Tampilan produk secara R1: max.
, .
= 9 R2: max.
, .
= 8 R3: max.
, .
= 8 R4: max.
, .
= 9 R5: max.
, .
= 8 Sekarang, kita gunakan rumus SEQ:
ycIyaycE = 100 Oe Tabel 5.
Score SEQ
SEQ Score
Skenario
R 2 R3
Dalam hal ini, kita harus menentukan TS, yaitu tingkat kesulitan maksimal pada skala .
ada umumnya, skala tersebut dari 1 hingga .
Jika kita anggap =7 TS=7, maka:
ycIyaycE = 100 Oe Berdasarkan data yang diberikan, hasil nilai Single Ease Question (SEQ) menunjukan bahwa desain yang telah dibuat sudah baik, dan mudah di gunakan sehingga dapat lanjut ke implentasi pembuatan aplikasi.
Berikut adalah rumus yang digunakan untuk menghitung total skor Rumus perhitungan SEQ (Single Ease Questio.
adalah sebagai ycIyaycE = 100 Oe .
cNycI Oe .
ycu 25 Di mana:
SEQ adalah nilai Single Ease Question.
TS adalah tingkat kesulitan yang dinilai oleh responden pada skala 1 hingga TS Mari hitung nilai SEQ (Single Ease Questio.
berdasarkan skenario dan skor yang diberikan oleh responden.
cNycI Oe .
ycu 25 ycIyaycE = 100 Oe ycIyaycE = 100 Oe .
Oe.
ycu 25 6 ycu 25 ycIyaycE = 78,57 Jadi, rata-rata persentase nilai SEQ Score dari kelima skenario tersebut adalah sekitar 78.
% menunjukkan bahwa responden secara keseluruhan menunjukan bahwa desain yang telah dibuat sudah baik, dan mudah di gunakan sehingga dapat lanjut ke implementasi pembuatan aplikasi.
SIMPULAN
Berdasarkan penelitian yang dilakukan dapat disimpulkan bahwa respon positif terhadap user interface dan user experience pada aplikasi aplikasi Workfit dengan menggunakan metode Design Thinking berhasil dibuat dan dapat dilanjutkan ke tahap 342 | Jurnal JOISIE.
Volume 7.
Nomor 2.
Desember 2023
UCAPAN TERIMAKASIH