[Praktikum IMK] 60 Minutes Design Challenge #1

Auzi Asfarian
Ilkomerz IPB
Published in
5 min readSep 13, 2017

Catatan: tulisan ini akan diperbarui kembali setelah sesi praktikum hari Jum’at selesai dilaksanakan.

Di pertemuan pekan kedua Mata Kuliah Interaksi Manusia dan Komputer ini, seluruh peserta diminta untuk membuat desain aplikasi untuk menyelesaikan masalah klasik di Institut Pertanian Bogor: mahasiswa baru yang selalu kesasar di gedung kampus yang memiliki arsitektur yang unik ini.

Desain gedung yang terinspirasi dari sarang lebah

Praktikan secara berkelompok tiga orang diberi waktu satu jam untuk mendesain aplikasi ini. Sebagian besar praktikan mengaku kaget dengan tantangan mendadak ini, apalagi kelompok mereka baru saja terbentuk. Tapi, tantangan ini wajib hukumnya dikerjakan agar tim pengajar dapat melihat kemampuan dasar yang dimiliki oleh praktikan di awal sesi perkuliahan. Untuk menambah seru tantangan ini, pak koordinator praktikum mengumumkan akan ada hadiah bagi tiga tim dengan desain terbaik.

Sebelum tantangan dimulai, tim asisten membagikan kertas A4 kosong kepada setiap orang. Spontan banyak praktikan yang bingung manfaat kertas tersebut di tantangan ini. Belum tau rupanya mereka ;).

Beberapa praktikan yang terlihat sangat serius merancang desain aplikasi di benak pikirannya

Setelah satu jam berlalu, seluruh peserta mengumpulkan hasil pekerjaan mereka di Google Form yang telah disediakan. Beberapa tim dipersilahkan untuk maju dan menjelaskan secara singkat dan padat desain yang telah mereka rancang bersama. Tiga tim dari enam belas tim yang ada berinisiatif maju. Mereka terlihat menghasilkan desain yang sangat baik dan memiliki penciri dibanding tim lainnya.

Setelah tiga tim tersebut maju, sesi refleksi pun dimulai. Beberapa tim diminta untuk menceritakan proses yang mereka lalui hingga terbentuknya desain tersebut. Beberapa tim mengaku bingung karena belum terbiasa mendesain. Beberapa tim mengaku langsung membuka aplikasi untuk membuat desain yang mereka inginkan. Menariknya, ada beberapa tim yang mengaku telah melakukan analisis kompetitor sebelum mulai mendesain aplikasi mereka.

Selanjutnya, tim asisten mulai menjelaskan bahwa ada beberapa kerangka kerja yang dapat digunakan untuk menghasilkan desain. Salah satunya adalah Design Sprint yang akan dijelaskan di pertemuan berikutnya dan dipraktikkan di sepanjang sisa pertemuan praktikum.

Sekarang, bagaimana hasil tantangannya? Berikut adalah tiga desain terbaik pilihan tim asisten (Ravena, Nizar, dan Hakim):

IPB Tour Guide (Adam Firdaus dkk)

IPB Tour Guide sebenarnya menyajikan tampilan yang sederhana untuk penggunanya. Header berwarna abu — abu agak sedikit nyaru dengan warna font yang dipilih namun tetap dapat dilihat. User Interface yang mudah dipahami serta pengguna dapat dengan mudah mencari lokasi di IPB dengan fitur Pencarian yang disediakan dibagian atas sehingga bisa menghemat waktu pengguna dalam mencapai tujuannya mencari lokasi yang dinginkan.

Penyajian ikon lokasi pada tampilan awal sebenarnya masih bisa dirubah menjadi lebih mudah terlihat agar pengguna dapat lebih memperhatikan lokasi mana yang bisa dilakukan proses tracking setelahnya. Pop-up yang muncul juga memberikan informasi yang cukup membantu pengguna mengetahui info mengenai waktu buka tempat, dll. Tombol Cancel dan Direction pun dapat dengan mudah dipilih karena pada area tengah layar.

Pada bagian akhir, tracking dengan visualisasi yang ditampilkan mudah dipahami pengguna serta pada bagian footer dapat terlihat jarak, waktu tempuh, dan kecepatan menuju lokasi yang diinginkan, ini juga membantu pengguna dalam mencapai tujuan utama. — Ravena

IPB AR Search (Rivaldi, Fadhli, dan Wiradani)

Jelas di define masalah mereka dengan jelas yaitu untuk mengetahui arsitektur kampus ini yang lumayan rumit dan di implementasikan dengan cukup deliverable dan related pada redesign aplikasinya.

Pemilihan 3 fitur utama AR, Map , dan Tanya Others , sesuai dengan latar belakang yang mereka angkat yaitu mengetahui arsitektur kampus, dan asal mahasiswa IPB yang berasal dari berbagai suku dan daerah.

Untuk mempermudah pencarian sebaiknya di tambahkan fitur search pada bagian awal Maps , karena penggunaan fitur search akan mempermudah pencarian lokasi mahasiswa baru yang hanya mengetahui nama dari lokasi tersebut.

Mungkin ada interchange problem yaitu penggunaan VR untuk jelajah kampus IPB bukan dengan penggunaan AR.

Penggunaan tanya others sangat membantu mahasiswa baru untuk bertanya secara random , namun perlu dipikirkan lagi dengan adanya chat random dan bisa berpotensi menyesatkan. — Hakim

iGuide IPB (Raymundus Primanda dkk)

Aplikasi ini keren! Ada onboarding yang persuasif. Personalisasi di aplikasi ini juga bagus, terhubung dengan jadwal perkuliahan dan panduan mencapai ruang kuliah tersebut yang seringkali merepotkan di IPB. Pengingat jadwal juga menarik. Jika dieksekusi dengan baik, saya dapat membayangkan aplikasi ini digunakan secara rutin oleh mahasiswa baru.

Detail kecil, seperti jadwal kedatangan bus memiliki potensi yang baik, namun perlu mempertimbangkan realisasi di dunia nyata. Pemilihan gambar dan warna menciptakan kesan elegan ketika digunakan. Catatan kecil, pastikan kontras antara teks dengan gambar latar belakang cukup sehingga teks lebih mudah dibaca.

PR untuk aplikasi ini adalah bagaiman cara aplikasi ini dapat menimbulkan keinginan pada penggunanya untuk mengeksplorasi lingkungan sekitarnya.— Auzi

Itulah tiga desain pilihan tim pengajar.

Terakhir, mungkin bisa menjadi bahan perenungan bagi setiap tim yang mengikuti design challenge di sesi praktikum ini: pahami masalah yang ingin Anda selesaikan sebelum terburu-buru membuka aplikasi dan mulai mendesain. Validasi semua asumsi yang ada di pikiran sebelum mengeksekusinya. Lakukan survei sekilas pada aplikasi-aplikasi yang menyelesaikan masalah serupa, dan cari inovasi yang membuat desain Anda lebih baik daripada yang dimiliki oleh orang lain.

Sesi yang sangat menarik! Semoga sesi selanjutnya bisa lebih menarik lagi.

--

--

Auzi Asfarian
Ilkomerz IPB

Lecturer, Computer Science Department, IPB. Teachs human-computer interaction, computer graphics, and programming.