Daftar Isi:

Pengembangan Aplikasi Seluler Menggunakan Adobe XD: 5 Langkah
Pengembangan Aplikasi Seluler Menggunakan Adobe XD: 5 Langkah

Video: Pengembangan Aplikasi Seluler Menggunakan Adobe XD: 5 Langkah

Video: Pengembangan Aplikasi Seluler Menggunakan Adobe XD: 5 Langkah
Video: Tutorial Membuat Sidebar Animation pada Mobile App di Adobe XD 2024, Juli
Anonim
Pengembangan Aplikasi Seluler Menggunakan Adobe XD
Pengembangan Aplikasi Seluler Menggunakan Adobe XD
Pengembangan Aplikasi Seluler Menggunakan Adobe XD
Pengembangan Aplikasi Seluler Menggunakan Adobe XD

Apa kabar, kalian semua! Saya Elizabeth Kacerek, lulusan sekolah menengah atas dan saya membuat instruksi ini karena saya melihat ada lubang di platform yang banyak digunakan ini yang bisa saya isi. Saya akan menyukai panduan semacam ini ketika saya memulai proyek penelitian saya selama setahun tentang pengembangan perangkat lunak UI/UX/EX tetapi sayangnya saya harus menemukan cara yang sulit bagaimana merancang sebuah aplikasi. Instruksi ini ditujukan untuk para kutu buku ilmu komputer dan untuk para penggemar. Jadi jika Anda berpikir Anda memiliki ide bagus tetapi tidak memiliki petunjuk sedikit pun bagaimana menjalankannya, lihat ini.

Langkah 1: Rencana Proyek

Rencana proyek
Rencana proyek

Ini mungkin tampak tidak perlu pada awalnya, tetapi mengetikkan rencana proyek pasti akan membantu Anda dalam jangka panjang dengan mendefinisikan:

  • Apa yang Anda ingin aplikasi Anda lakukan secara spesifik (ini membuat saya tetap dalam "lingkup praktik")
  • Siapa audiens yang dituju
  • Jika ada implikasi hukum yang mungkin (milik saya adalah aplikasi medis)
  • Hal lain yang menurut Anda perlu Anda uraikan agar Anda tetap pada tugas.

Saya benar-benar tidak dapat cukup menekankan langkah ini: rencana proyek awal ini dapat dengan mudah diadaptasi ke dalam banyak dokumen yang Anda perlukan untuk pengembangan di masa mendatang.

(Perhatikan bahwa ini pada dasarnya adalah deskripsi aplikasi Anda untuk toko aplikasi! Skor!)

Rencana ini bisa setengah halaman panjangnya 5 halaman, atau mungkin lebih lama lagi. Tidak ada benar atau salah, apa pun yang membantu Anda mewujudkan visi Anda di atas kertas.

Langkah 2: Penelitian, Hukum, & Pengembangan

Penelitian, Hukum, & Pengembangan
Penelitian, Hukum, & Pengembangan

Satu hal yang tidak dapat saya duga di awal perjalanan desain UX saya adalah banyaknya riset yang akan saya lakukan. Sekarang jangan biarkan ini menghalangi Anda sama sekali, karena itu tentu saja membuat saya sedikit putus asa pada awalnya karena hanya tertangkap basah karena betapa saya tidak tahu tentang bidang ini (yang persis seperti yang seharusnya kita teliti, maka proyek penelitian.)

Ini adalah langkah di mana Anda memutuskan apakah Anda ingin menulis kode Anda dari awal atau menggunakan salah satu dari banyak situs web kompilasi aplikasi seluler. Saya pribadi mulai dengan berpikir saya akan "hanya menggunakan keterampilan lanjutan saya" di Java untuk mengembangkan aplikasi ini karena saya membayangkan itu akan lebih mudah daripada belajar menggunakan aplikasi pembuatan aplikasi. Ini akhirnya menjadi cara yang sangat tidak efisien dan tidak nyaman untuk membangun aplikasi saya yang menyebabkan saya akhirnya beralih ke Adobe XD. Saya sangat merekomendasikan melihat ini sebagai cara konstruktif utama Anda untuk memetakan aplikasi Anda secara visual dengan prototipe yang ramah pengguna. Meskipun ini bukan pembuat aplikasi awal hingga akhir yang sempurna, ini berfungsi dengan baik untuk membangun tulang aplikasi Anda sehingga Anda dapat dengan mudah menyerahkan desain awal Anda ke pengembang profesional (sebaiknya orang yang memiliki hak untuk mengunggah ke toko iTunes dan Google Play store.) Saya menekankan hal ini untuk mengingatkan Anda bahwa jika Anda menggunakan XD, meskipun sangat berguna untuk perencanaan, aplikasi tidak akan siap untuk diunggah ke toko.

Selain itu, jika melalui penelitian Anda memutuskan bahwa Anda tidak lagi bersemangat dengan ide aplikasi Anda, tidak semuanya hilang. Dengan proses pembangunan yang belum dimulai, Anda dapat kembali ke rencana proyek Anda dan menyesuaikan, atau benar-benar menggores, rencana awal Anda.

Jika ada kemungkinan persyaratan hukum untuk pembuat atau pengguna, inilah saatnya Anda ingin mengetahui semua tempat yang Anda perlukan bantuan. Jauh lebih mudah untuk bersiap menghadapi masalah ini sekarang sehingga Anda dapat merencanakannya daripada mengejutkan Anda. Ini mungkin dapat menyebabkan penundaan selama berminggu-minggu, yang pada akhirnya memengaruhi garis waktu asli Anda.

Langkah 3: Aplikasi Pengembang (Opsional)

Aplikasi Pengembang (Opsional)
Aplikasi Pengembang (Opsional)

Sekarang jika Anda ingin secara resmi menjadi pengembang dengan akses ke iTunes store, Anda harus mengisi aplikasi sesegera mungkin (Ada biaya $99 yang terkait dengan pengajuan aplikasi ini). Proses aplikasi mereka memakan waktu cukup lama sampai Anda diterima. Akan lebih cepat jika Anda melamar pengembang Apple pada saat ini dan melalui proses menunggu saat Anda masih membangun aplikasi Anda.

developer.apple.com/programs/

Langkah 4: Pengodean Perangkat Lunak

Pengkodean Perangkat Lunak
Pengkodean Perangkat Lunak
Pengkodean Perangkat Lunak
Pengkodean Perangkat Lunak

Sekarang setelah Anda menyelesaikan penelitian di balik proyek Anda, sekarang saatnya untuk mulai coding di Adobe XD.

  1. Hal pertama yang pertama. Anda ingin mengikuti setiap langkah tutorial (saya bukan orang yang suka tutorial panjang tetapi ini sangat penting untuk kesuksesan Anda dengan aplikasi ini, saya janji).
  2. Pastikan Anda memahami cara menambahkan teks, halaman, gambar, menghapus objek, menyusun ulang layar, dan bahkan cara menghubungkan halaman Anda.
  3. Setelah selesai dan memahami seluk beluknya, Anda akhirnya dapat mulai membuat draf dan mengkodekan aplikasi, menguji prototipe, dan men-debug masalah!

Pada titik ini, Anda dapat mulai menggunakan beberapa penelitian yang saya temukan tentang berbagai alat dan cara membuat hal-hal tertentu dengan pembuat Adobe untuk menyempurnakan aplikasi Anda. Namun, saya sangat merekomendasikan masuk ke bilah pencarian untuk mencari elemen spesifik yang unik untuk proyek Anda.

Langkah 5: Peregangan/Pengembangan Akhir

Peregangan/Pengembangan Akhir
Peregangan/Pengembangan Akhir

Selamat, Anda telah mencapai titik ini yang berarti Anda tidak memiliki bug dalam kode Anda! Dari sini Anda harus memulai pengujian beta dengan tujuan tidak hanya menemukan bug asing, tetapi juga untuk mendapatkan opini yang tidak bias tentang produk Anda. Setelah Anda puas dengan kode Anda, Anda dapat mulai mendorong pengembangan dengan menggunakan sumber daya luar.

Direkomendasikan: