Proposal LOMBA UI UX [PDF]

Citation preview

PROPOSAL LOMBA DESAIN UI/UX Impact Your UI/UX Design For The Future



DakwahKuy Aplikasi Dakwah dan Podcast Kajian



Eskasaba Creative :



● Andre Tri Hariyanto ● Khrisna Adjie Saputra ● Yudhistira Lucky Oktavian Rekayasa Perangkat Lunak



SMK N 1 BANGSRI



I.LATAR BELAKANG Di Era Globalisasi ini, teknologi semakin maju. Tidak dapat dipungkiri hadirnya internet semakin di butuhkan di dalam dunia yang mengaitkan antar individu dengan ditandai fenomena kemajuan teknologi di segala bidang. Salah satunya teknologi informasi dan komunikasi (Information and Communication Technology / ICT), fenomena teknologi informasi dan komunikasi telah membentuk masyarakat global kemudian menciptakan masyarakat dalam keterbukaan informasi, yakni kenyataan dimana manusia tanpa sekat dalam berinteraksi dan membentuk tempat masyarakat dengan berbagai kebudayaan, yang sering disebut desa global (global village). Era globalisasi juga telah mengubah cara pandang tradisi sosiokultural dan mengubah karakteristik media itu sendiri Perkembangan era media kedua ditandai dengan lahirnya Internet. Duhulu internet hanya digunakan untuk telekomunikasi militer di Amerika, tetapi setelah Tim Benners Lee menemukan World Wide Web (WWW) yang mana bisa meng-arsipkan dan menampilkannya di halaman, mulai saat itulah penggunaan Internet semakin beragam. Jumlah pengguna Internet yang besar dan semakin berkembang, telah mewujudkan budaya Internet. Internet juga mempunyai pengaruh yang besar atas ilmu dan pandangan dunia. Dengan hanya berpandukan mesin pencari seperti Google dan Yahoo, pengguna di seluruh dunia mempunyai akses Internet yang mudah atas bermacam-macam informasi. Dibanding dengan buku dan perpustakaan, Internet melambangkan penyebaran (decentralization), pengetahuan, informasi dan data secara ekstrem. Dengan melihat besarnya pertumbuhan internet di Indonesia, umat Islam Indonesia dituntut untuk mampu beradaptasi dengan penyesuaianpenyesuaian terhadap ayat-ayat AlQur’an dan Hadits agar dapat menerima perkembangan tersebut. Internet sendiri pada hakekatnya merupakan implikasi kemajuan teknologi (Muis, 2001:131) sehingga membuka kesempatan dalam kegiatan berdakwah dengan memanfaatkan media-media komunikasi yang baru, dan pada akhirnya kegiatan dakwah dapat bertahan di segala zaman. Kemajuan teknologi mengakibatkan model dakwah semakin bekembang pesat dan dinamis. Tidak bisa dipungkiri bahwa konten-konten berbau radikalisme, ekstrimisme sangat cepat menyebar dan mampu masuk ke semua lini. Maka, perlu counter yang membawa angin segar seperti Program App Dakwahkuy. program ini dilakukan untuk mengetahui bagaimana agama dipahami dan dipraktikkan generasi milenial dan bagaimana dakwah dilakukan di era milenial. Dengan pendekatan kualitatif deskriptif, melalui wawancara mendalam (in depth interview) dari informan yang ditentukan berdasarkan hasil dari kajian-kajian yang menunjukkan bahwa agama dimaknai sebagai pedoman hidup manusia agar tidak melakukan kekacauan. Penyampaian agama dalam dakwah melalui pengajian taklim, media sosial, dan pendekatan psikologi untuk menangkal ujaran kebencian. Itulah alasan munculnya program app dakwahkuy.



Deskripsi gambaran umum 1. 2. 3. 4. 5.



II.



Dalam menangkap Informasi adalah Ada beberapa akun dakwah melestarikan kegiatan penyebaran hoax dilakukan demi menyokong (apa yang mereka sebut) dakwah. terdapat kegelisahan melihat fenomena kontradiktif dalam postingan akun Dakwah islami. Tidak ada sumber yang berkualitas mengenai postingan akun dakwah/Islami. Program app Dakwahkuy, memberikan sebuah sajian informasi dalam islam.dan memajukan model dakwah islam melalui perkembangan media sosial yang tentunya membantu untuk berkembang pesat dan dinamis.



TUJUAN DAN MANFAAT Tujuan utama kami adalah ingin menawarkan sebuah platform yang menyediakan media yang mengedepankan konten-konten wawasan Islami dan kajian terkini. Konten ini terdiri dari artikel serta kajian yang berupa story telling dengan tokoh yang memiliki wawasan dan berpengaruh dalam Islam. Manfaatnya adalah Meberikan informasi yang baik atau benar dibidang wawasan Islami yang bersumber jelas dari hadist dan Al-Quran.



III.SPESIFIKASI TOOLS Kami menggunakan Figma untuk melakukan proses UI dan UX Design, Figma adalah editor grafis vektor dan alat prototyping dengan berbasis web serta fitur offline tambahan yang diaktifkan oleh aplikasi desktop untuk Mac OS dan Windows. Aplikasi pendamping Figma Mirror untuk Android dan iOS memungkinkan untuk melihat prototype Figma pada perangkat seluler. Rangkaian fitur Figma berfokus pada penggunaan dalam antarmuka pengguna dan desain pengalaman pengguna dengan penekanan pada kolaborasi waktu nyata (real- time). Spesifikasi, Operating System : Linux, macOS, Windows, Chrome OS Web Platform : Web Application Type : Collaborative software, Vector graphics editor RAM : Min 1 GB



IV.



METODE PEMBUATAN / PENGEMBANGAN A. Hipotesis Berdasarkan latar belakang yang sudah diuraikan maka disimpulkan hipotesis dalam penelitian ini yakni: T = Tidak terdapat pengaruh antara mengakses akun Dakwah/Islami di social media Y = Terdapat pengaruh antara mengakses akun Dakwah/Islami di social media Jadi di sosial media postingan tidak terfilter, apakah informasi itu baik atau mengandung hoax Metode Design Thinking merupakan metode yang iterative dan non-linier terdiri dari 5 tahapan yaitu Empathize, Define, Ideate, Prototype, Test.



Pengembangan aplikasi DakwahKuy dengan menggunakan metode Design Thinking dan memerlukan tahapan langkah dengan prosedur kerja sebagai berikut: Melakukan tahapan pengembangan desain UI/UX menggunakan metode Design Thinking terdiri dari: 1. Empathize Pada tahap ini, kami akan melakukan 3 hal utama; Merencakan Penelitian; Membuat Pedoman Penelitian; dan Melakukan Penilitian. Proses awal ini adalah tahap di mana kita mencari tahu apa sebenarnya masalah dari tema kita, masalah seorang pengiat social media dan informasi. Manfaat Epathize : a. Kami akan membuat produk berdasarkan kebutuhan pengguna kami. b. Memahami tujuan, motivasi, pains poin kesulitan. c. Kita bisa memprioritaskannya. d.



Ada beberapa cara untuk mencari tahu masalahnya. Itu bisa dilakukan dengan wawancara/survei. Karena waktu yang terbatas dari kami mengetahui lomba, jadi kami melakukan wawancara mendalam kepada teman-teman. Merencakan Penelitian a. Mendefinisikan Tujuan Tujuan kami adalah mencari tahu atau mengeksplorasi motivasi/pains point/hambaran. Kami mencoba mendalami maslah tertentu dan mencari tahu akar penyebabnya. Dan inilah tujuan penelitian kami: Memahami pemikiran Pengguna social Media tentang Informasi yang didapat Di Postingan akun Islami/Fanpage. Scoping Proses ini akan membantu memahami populasi sasaran. Beberapa cakupan kami adalah: Siapa/Apa : Masyarakat Umum, Mahasiswa. Kapan : Kapan saja. Dimana : Jepara. Mendefinisikan Pertanyaan Penelitian Pertanyaan penelitian adalah pertanyaan utama yang harus dijawab di akhir penelitian, Pertanyaan penelitian utama kami: 1. Seberapa banyak Pengguna mengikuti akun-akun dakwah Islami. 2. Apa hal yang penting bagi Pengguna dalam mencakup Informasi dakwah Islami. 3. Hal-hal apa yang disukai atau tidak disukai Pengguna tentang postingan akun dakwah Islami. 4. Apa yang dilakukan Pengguna terhadap postingan tersebut. 5. Apa tantangan terbesar bagi Pengguna saat mencerna Informasi dari postigan tersebut.



Membuat Daftar Hipotesis Inilah hipotesis kami: 1. Pengguna memiliki masalah mengenai postingan yang tidak jelas karena tidak ada informasi yang detail. 2. Pengguna binggung ketika mendapat informasi dengan topik yang sama namun di beberapa akun dakwah Islami memiliki isi yang berbeda. 3. Pengguna merasa tidak efektif jika hanya melihat postingan/video di akun Dakwah/Islami karena tidak memiliki penjelasan yang lengkap. Sehingga pengguna sulit menangkap pesan di postingan tersebut. 4. Beberapa postingan juga tidak disertai hadis/potongan ayat Al-Quran, sehingga membuat pengguna beasumsi kalau postingan tidak memiliki sumber yang jelas 5. Dibeberapa akun media Islami/dakwah, banyak postingan yang diluar konteks tema itu sendiri.



Melakukan Penelitian Diproses saatnya kami menyelam untuk mencari akar masalahnya dan kita bisa mendapatkan ide tambahan dari partisipan. 2. Define Anfinity Diagram. Dari Hasil wawancara terebut banyak poin dari jawaban responden yang akan menjadi observasi. Kemudian, Invensi tersebut akan diklasifikasikan menurut kesamanaanya.



Dari wawasan yang kami dapatkan, kemudian kami membuat fitur desain. Fitur Desain ini adalah ide kami untuk menyelesaikan masalah dari wawasan. Proses ini menggambarkan ide atau pandangan user menjadi dasar produk aplikasi yang akan dibuat. Jadi kami akan membuat fungsi/ fitur desain: 1. Buat platform media yang mengedepankan konten-konten islami. 2. Menjediakan platform untuk mendegarkan kajian Islami terkini 3. Memberikan konten Islami berupa artikel/bacaan. 4. Memberikan konten Kajian Islami terkini berupa podcast. 5. Menjalin kemitraan dengan layanan media Islami.



6. Menampilkan hadist di dalam platform. Dari fitur desain ini, kita dapat memilih yang layak untuk dilakukan. Kami memilih membuat aplikasi yang memuat konten-konten Islami. Jadi kami sudah tahu produk apa saja yang akan dikembangkan. Yaitu tentang memberikan sesuatu konten yang “Islami” yang dapat membantu Pengguna dalam Kondisi kapanpun dan dimanapun. 3. Ideate Pada tahap ini kita akan melakukan Wireframing guna membantu sebelum mengerjakan lebih dalam desain hi-fi.



4. Prototype Pada tahap ini kita akan melakukan 2 hal utama yakni: 1) User Interface 2) Prototype User Interface Kami akan memulai dengan nama dari aplikasi ini: DakwahKuy. Berasal dari kata Dakwah dan Kuy adalah plesetan dari kata Yuk yang berarti ajakan. Kami ingin setiap pengguna dapat mendegarkan/membaca dakwah serta menyebarkan kepada umat muslim lainya.



Kami akan menggunakan logo ikon Ustad dan Teks DakwahKuy karena dakwah identik dengan Ustad. Kami menggunakan warna hijau karena dalam agama Islam, hijau merupakan warna suci yang banyak mewakili simbol-simbol Islam. Karena identik dengan alam dan kesejukan pepohonan, warna hijau dimaknai sebagai warna rileks yang menenangkan mata.



Desain User Interface sebgai berikut :



Prototype Kami membuat prototipe dengan Figma, karena pembuatanya sangat mudah dan bagus. Klik tautan dibawah untuk melihat prototipe: https://www.figma.com/proto/0dEiW53tqcw79mXEOQvpeT/DINUS-FEST-ARIYANTCREATIVE-DAKWAHKUY?node-id=0%3A1&scaling=scale-down 5. Test Pada tahap ini kami menyadari belum sempurna, karena keterbatasan waktu, kami hanya melakukan test ini kebeberapa kerabat dan teman, tujuananya adalah apakah aplikasi kita sudah dalam bentuk prototipe dimengerti oleh pengguna.



V.



FITUR DAN DESAIN 1. Onboarding Screen Menampilkan Illustrasi serta memberikan informasi fitur lain DakwahKuy.



2. Suggestion/ Saran KontenTopik Dakwah. Fitur ini guna untuk memfilter konten dakwah yang disukai oleh User.



3. Beranda Ini adalah halaman utama terdiri dari banner, rekomendasi dari hasil suggestion dan artikel dakwah terkini.



4. Podcast Podcast, Halaman list halaman podscast dakwah/kajian oleh beberapa tokoh yang memiliki wawasan Islami.



5. Hadist Hadist, Halaman Hadist, List hadist dan fitur mencari potongan hadist.



Untuk Desain lengakpnya bisa kunjungi : https://www.figma.com/file/0dEiW53tqcw79mXEOQvpeT/UI-DINUS-FESTARIYANT-CREATIVE0-DAKWAHKUY?node-id=0%3A1



VI. IMPLEMENTASI Setelah hasil desain selesai maka langkah selanjutnya adalah menyerahkan dan menjelaskan proses desain kepada developer, kita menjelaskan dari tahap pertama agar mereka memiliki gamabaran “Apa saja sih yang harus kita bikin?, Pakai technology apa ya” dan semacamnya. Dan difase ini, UI Designer sudah handoff design yang mereka buat beserta design spec kepada developer. Kalau semua sudah didevelop, dan proses QA, dan tidak ditemukan bugs, maka kita bisa launching app di app store/ google play store.



VII. DOKUMENTASI 1. User akan melakukan pendaftaran jika belum mempunyai akun, untuk form yang harus disi adalah Nama lengkap, Tanggal Lahir, Email, Password, Form tersebut wajib diisi j ika tidak maka akan menampilkan peringatan. Pendaftaran juga bisa menggunakan akun google/facebook. 2. Untuk user yang sudah melakukan pendaftaran maka akan masuk halaman login, ditahap ini user wajib memasukan email dan password atau bisa juga menggunakan akun google/facebook. 3. User akan masuk ke halaman Suggestion/Saran, disini User akan memilih topik yang disukai/diminat setelah itu User disiruh melanjutkan. 4. User masuk ke halaman Beranda, di halaman beranda, terdiri banner dan list artikel dakwah Islami, dan memiliki fitur pencarian artikel/dakwah. 5. User masuk ke halaman podcast, di halaman ini terdapat juga banner, playlist podcast dakwah rekomendasi dan terbaru. 6. User masuk ke halaman hadist, dihalaman ini User mendapati list beberapa hadist dan dapat mencari potongan hadist berdasarkan potongannya. Untuk halaman lain belum terdokumentasi.



VIII. KESIMPULAN Pengembangan aplikasi menggunakan Design Thinking dapat digunakan untuk pembuatan User Interface(Tampilan Antarmuka) dan User Experience(Desain pengalaman pengguna) yang menakomodir kebutuhan Users. Penerapan metode mulai dari proses Emphatize, Define, Ideate, Prototype, dan Test pada case study pembuatan UI-UX aplikasi DakwahKuy. Mesikipun menurut kami masih banyak kekurangan dari beberapa metode tersebut.



IX. PENUTUP Demikian yang dapar kami paparkan mengenai proses desain UI UX aplikasi DakwahKuy yang menjadi pokok bahasan dalam proposal ini, tentunya masih banyak kekurangan dan kelamahanya, karena terbatasnya pengetahuan dan kurangnya rujukan atau refrensi yang ada. Kami banyak berharap untuk memiliki kesempatan mempresentasikan agar kami mendapat insght lebih banyak serta saran dan kritik akan membantu menyempurnakan rancangan ini, Kami ucapakan banyak Terima Kasih.



X.



DAFTAR PUSTAKA



https://sis.binus.ac.id/2020/03/17/design-thinking-pengertian-tahapan-dan-contoh-penerapannya/ https://media.neliti.com/media/publications/308793-pesan-pesan-dakwah-akun-instagram-sahaba3820a0b3.pdf https://medium.com/@glngdayu/alocaway-local-transportation-partner-59dac86afc43