How to Build a Mobile Application : From Zero to User

Slide 1

Slide 1 text

HOW TO BUILD A MOBILE APP From zero to user Imam Sutono

Slide 2

Slide 2 text

Imam Sutono Mobile Developer at CariKosan.com Instagram: @imam.sutono Facebook: Imam Sutono Telegram: @imamsutono

Slide 3

Slide 3 text

Pre- Development Sebelum membangun aplikasi Development Proses selama membuat aplikasi Post Launch Setelah membuat dan publikasi aplikasi 01 02 03 Apa aja sih langkah bikin aplikasi itu?

Slide 4

Slide 4 text

Pre-Development Eits sabar… Sebelum membuat aplikasi, ada hal yang harus kita cari tahu dulu nih... 01

Slide 5

Slide 5 text

Tentukan Tujuan Masalahnya apa? Solusinya apa? SMART ● Speciﬁc ● Measurable ● Achievable ● Relevant ● Timebound

Slide 6

Slide 6 text

Tentukan Tujuan “If this, then what?”

Slide 7

Slide 7 text

Riset Pasar Aplikasi rancangan kita emang dibutuhin orang nggak sih? Bisa dengan 3 cara: ● Buat survey ● Wawancara ● Focus group

Slide 8

Slide 8 text

Buat User Flow Berisi user journey atau langkah-langkah yang harus dilakukan user untuk melakukan sebuah task Mengetahui kebutuhan ﬁtur https://medium.com/insightdesign/membuat-case-study-b agian-6-membuat-user-ﬂow-6be88ea3d779

Slide 9

Slide 9 text

Buat Wireframe Low ﬁdelity Visualisasi konsep aplikasi Mengetahui layout, konten dan komponen Bisa kamu buat di: ● Kertas ● Papan tulis ● Aplikasi wireframing, seperti balsamiq, mockﬂow https://balsamiq.com/learn/articles/what-are-wireframes/

Slide 10

Slide 10 text

UI Design Desain aplikasi sesungguhnya Untuk menunjukkan ke pihak lain, seperti developer atau tim product Kalau pakai gambar atau icon dari luar, perhatikan lisensi ya. Pastikan free for commercial use Tools: ﬁgma, sketch, adobe XD, dll

Slide 11

Slide 11 text

Good UI Design Android = Material Design iOS = Human Interface Design

Slide 12

Slide 12 text

Prototyping UI Design yang interaktif dan bisa merespon aksi yang dilakukan user Bisa diklik, berpindah halaman, dll.

Slide 13

Slide 13 text

Prototyping “They slow us down to speed us up. By taking the time to prototype our ideas, we avoid costly mistakes such as becoming too complex too early and sticking with a weak idea for too long.” — Tim Brown, CEO & President of IDEO

Slide 14

Slide 14 text

Pilih Tech Stack Teknologi yang resmi didukung Android: Java, Kotlin iOS: Objective C, Swift Perpaduan teknologi web dan aplikasi Contoh: cordova, react native, xamarin, nativescript Tanpa coding dan multiplatform Contoh: MobileFrame, MobileSmith Alpha Software Native Hybrid Rapid

Slide 15

Slide 15 text

Riset Solusi Yang Sudah Ada Apa sudah ada layanan yang mendukung kebutuhan aplikasi kita? Misal server, cloud, api, dll.

Slide 16

Slide 16 text

Tentukan Strategi Monetisasi Iklan Pasang iklan di aplikasi Kerjasama Dapat berupa giveaway atau diskon produk mitra Jual Data Jual data aplikasi ke pihak lain Freemium Free download Premium feature Paid Harus beli untuk download aplikasi White Label Buat satu kali Jual berkali-kali

Slide 17

Slide 17 text

Tentukan Strategi Monetisasi Freemium In-app Purchase White labeling Iklan Kerjasama Menjual data $

Slide 18

Slide 18 text

Development Waktunya kita berkreasi... Kalo udah bikin rancangannya, yuk sekarang bikin aplikasinya! 02

Slide 19

Slide 19 text

Rancang Spesiﬁkasi Teknis Hemat waktu & biaya Karena dapat terjadi perubahan yang lebih baik Tau gambaran aplikasi Baik dari sisi desain maupun sistem Dari wireframe Tentukan berdasarkan wireframe yang telah dibuat Banyak Alternatif Bisa memberi alternatif desain atau alur agar lebih efektif dan eﬁsien

Slide 20

Slide 20 text

Tetapkan Pencapaian Yang Terukur Untuk tracking progress Mengetahui time to market Timeline pengerjaan jelas Agar selesai tepat waktu Tips: ● Pisah projek besar jadi potongan kecil ● Belajar metodologi manajemen proyek, misal agile, scrum, dll. ● Pakai tools, misal trello, asana, dll. 58.8 % $5M

Slide 21

Slide 21 text

Buat MVP (Minimum Viable Product) Kebutuhan minimal aplikasi Yang penting: ● ada ﬁtur utama ● bisa menyelesaikan masalah user ● tujuan tercapai Biar aplikasi segera meluncur Hemat waktu dan biaya https://clevertap.com/blog/minimum-viable-product

Slide 22

Slide 22 text

Tentukan Cara Pembuatan Aplikasi 1. Buat tim dan hire developer, desainer profesional 2. Cari freelancer 3. Buat sendiri

Slide 23

Slide 23 text

Quality Assurance Apa saja yang dilakukan? ● Requirement Analysis ● Planning ● Development ● Test Execution ● Maintenance Sebelum diluncurkan, pastikan aplikasi dan software pendukung lainnya bekerja dengan baik

Slide 24

Slide 24 text

Luncurkan Aplikasi Yeeey! Setelah aplikasinya jadi, waktunya aplikasi kita meluncur ke tangan pengguna

Slide 25

Slide 25 text

Luncurkan Aplikasi Google Play Store Apple App Store

Slide 26

Slide 26 text

Luncurkan Aplikasi Satu kali bayar $25 USD saat daftar akun Developer Berlaku selamanya Tidak ada batas jumlah aplikasi yang di-publish https://support.google.com/googleplay/android-developer/answer/6112435?hl=en

Slide 27

Slide 27 text

Luncurkan Aplikasi Daftar akun Apple Developer Bayar per tahun $99 USD

Slide 28

Slide 28 text

Post Launch Yey, apps kita udah meluncur Tapi urusan kita belum berhenti. Ada yang harus kita lakukan lagi 03

Slide 29

Slide 29 text

Marketing Your App Meskipun kita bikin aplikasi paling canggih sedunia, kalo nggak ada yang tau, ya nggak ada yang pake dong..

Slide 30

Slide 30 text

Track KPI’s Aplikasi kita sukses nggak sih? Makanya, kita harus punya alat ukur untuk menentukan itu. Pasang analytics sejak awal untuk evaluasi 18-30 31-50 80% 20%

Slide 31

Slide 31 text

Minta feedback ke pengguna “Mantap ini mah, jadwal makan saya jadi teratur” “Aku suka apps ini, jadi bisa kontrol jumlah gizi harian yang masuk”

Slide 32

Slide 32 text

Buat Perbaikan Berdasarkan umpan balik dari pengguna, kita bisa menentukan apa perbaikan, pengurangan, atau penambahan yang perlu dilakukan pada aplikasi

Slide 33

Slide 33 text

Maintenance dan Support Pastikan aplikasi tetap berjalan baik saat ada update pada sistem operasi, atau layanan pihak ketiga yang dipakai

Slide 34

Slide 34 text

Referensi https://buildﬁre.com/how-to-create-a-mobile-app/ https://youtu.be/tClRHOnHveY https://www.interaction-design.org/literature/topics/prototyping

Slide 35

Slide 35 text

CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik. Thanks! Do you have any questions? [email protected] +91 620 421 838 yourcompany.com Please keep this slide for attribution.