Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android
Code

Mendesain, Wireframing & Mebuat Prototipe sebuah Aplikasi Android: Bahagian 1

by
Difficulty:BeginnerLength:LongLanguages:

Malay (Melayu) translation by Kaustina Nurul Ilmi (you can also view the original English article)

Jika anda bermimpi membuat hal besar selanjutnya pada aplikasi Android, maka saya tidak akan berbohong: Anda menghadapi tantangan yang sangat sulit!

Anda hanya perlu melihat secara pantas pada Google Play store untuk melihat bahawa sedikit banyak setiap aplikasi yang anda pikirkan tersedia-biasanya, beberapa kali dan dengan kesuksesan yang berbeza.

Di dalam pasar yang sangat kompetitif seperti ini, aplikasi Anda harus menawarkan paket lengkap - hanya memiliki fitur seperangkat yang tidak akan memudahkannya! Aplikasi anda juga harus responsif, mudah digunakan, bebas dari bug sepenuhnya, dan (walaupun mungkin ia terlihat) aplikasi Anda juga harus terlihat bagus , juga.

Jadi, ketika anda tersentak bangun di tengah malam dengan ide anda yang cemerlang untuk aplikasi Android, lawan gejolak hati untuk langsung melompat dari kasur, mendirikan Studio Android dan mulai membawa maksud anda menjadi kenyataan Jika anda ingin memberikan keadilan pada ide anda maka anda perlu untuk memikirkan lebih jauh pada aplikasi desain an

Pada seri dua bahagian ini, saya akan menunjukkan kepada anda bagaimana mengubah ide yang hebat menjadi aplikasi yang hebat. Anda akan belajar bagaimana merancang, menguji, dan menyempurnakan setiap bahagian dari aplikasi desain anda, dan merapikan setiap permasalahan sebanyak mungkin sebelum anda menuliskan satu baris kode.

Pada bahagian pertama ini, kita akan melihat bagaimana menjawab semua pertanyaan yang besar, rasa bangga yang harus dilanggar oleh setiap pengembang ketika mereka memulai sebuah proyek Android baru. Kemudian kita akan membuat senarai semua layar yang harus kita bangun, dan peta layar yang menunjukkan bagaimana semua bagian layar ini akan saling melengkapi satu sama lain.

Pada bahagian 2, Anda akan menguasai teknik jitu desain berorientasi, termasuk wireframing dan membuat prototipe. Pada akhir bahagian 2 anda akan perlu membuat prototipe digital yang boleh anda pasang dan uji pada smatphone, tablet, atau emulator anda Android.

Untuk membantu anda melihat dengan tepat bagaimana anda akan mengambil idea dari 'inspirasi percikan' menjadi prototipe berfungsi digital, saya akan menggambarkan seolah-olah saya mempunyai idea untuk aplikasi Android apa yang saya ingin buat, kemudian mengembangkan idea sepanjang seri ini.

Karena kita (seharusnya) tengah menuju musim panas, saya akan mendesain sebuah aplikasi yang akan membantu orang-orang untuk mengatur rencana dan mengagendakan musim panas liburan bersama teman-teman mereka.

Jadi, kita telah memiliki ide-apa yang pertama yang harus kita lakukan?

Tulislah Produk Pernyataan

Aplikasi biasa anda mempunyai mempunyai banyak tambahan menarik, tetapi ia juga memiliki tugas utama yang jelas. Contohnya, perjalanan aplikasi kami yang telah selesai mungkin memasukkan sosial media berfungsi sehingga pengguna dapat membagikan sedikit cuplikan tentang koktail yang mereka nikmati ketika di pantai, atau kucing yang mereka habiskan di luar hotel mereka, tetapi ini bukan tugas utama dari aplikasi kami.

Trik yang bagus untuk mendapatkan mata utama dari apa sebenarnya aplikasi anda adalah dengan menuliskan produk pernyataan. Ini adalah satu pernyataan kalimat yang sederhana yang menyampaikan tentang apa aplikasi anda, apa yang ia lakukan, dan mengapa penting bagi pengguna mengaktifkan Google Play kemudian mengunduh aplikasi ini sekarang juga. Mungkin membantu, jika anda mengingatkan anda sedang memasarkan aplikasi anda kepada calon pengguna, dan Anda hanya memiliki satu kalimat untuk menyampaikan maksud aplikasi Anda.

Setelah mempertimbangkan panjang, saya meususkan untuk memilih pernyataan seperti di bawah ini "

Sebuah aplikasi yang menghilangkan stress mengatur rencana dan mengagendakan liburan musim panas yang jitu.

Merupakan hal yang sangat penting bahawa Anda tidak pernah kehilangan pandangan dari pernyataan produk ini, sehingga Anda mungkin ingin menuliskannya pada memo dan menempelkannya di atas meja kerja Anda.

You may want to scribble your product statement on a post it note

Identifikasi Audiens Target Anda

Soalan besar selanjutnya yang perlu anda mengurus adlah: Kepada siapa saya sebenarnya bangun aplikasi ini?

Semoga Anda telah memiliki gambaran tentang orang seperti apa yang mungkin ingin menggunakan aplikasi Anda, tetapi untuk hasil yang terbaik, Anda perlu untuk mendesain aplikasi Anda dengan memikirkan spesifik target audiens. Pepatah lama betul: cuba memuaskan semua orang, maka anda akan berakhir dengan tidak memuaskan siapa-siapa.

Siapa yang sedang anda cuba suka haruslah mempengaruhi setiap bahagian dari aplikasi anda-dari fitur yang anda masukkan dalam tampilan dan pengalaman dari UI anda, melalui aplikasi teks nada anda. Itulah sebabnya, penting bagi anda untuk mengenali sasaran sasaran anda dalam proses desain sedini mungkin.

Saya telah mempunyai idea yang kasar tentang siapa yang dimaksudkan untuk aplikasi ini: remaja dewasa berusia 18-25 tahun yang baik sedang dalam musim libur musim panas kampus atau universiti, sedang mengambil kuti perkuliahan, atau merencanakan terakhir petualangan sebelum memulai untuk bekerja tetap. Ini adalah awal yang baik, tetapi kita boleh menjadi lebih spesifik daripada itu!

Satu trik sederhana tapi efektif untuk kondisi tidak ada audiens adalah dengan membuat pengguna persona / persona pengguna.

Persona pengguna adalah satu-satunya pengguna yang dapat mewakili keseluruhan jenis orang yang Anda targetkan. Karakteristik seperti apa yang harus dimiliki orang ini? Walaupun ciri-ciri spesifik akan sangat bervariasi bergantung jenis aplikasi apa yang anda pikirkan, Anda dapat memulai dengan menjawab pertanyaan-pertanyaan berikut:

  • Berapa umur persona pengguna anda? Boleh dalam bentuk umur yang spesifik atau tentang usia seperti, orang yang berusia di atas 60 tahun, atau dewasa muda.
  • Di mana mereka tinggal? Ini boleh menjadi Negara atau kota secara spesifik, atau jenis tempat seperti pinggiran laut atau kota besar.
  • Adakah mereka mempunyai anak?
  • Apa kegemaran mereka?
  • Adakah mereka mempunyai pekerjaan? Jika ya, apa itu?
  • Adakah mereka sedang mengikuti pendidikan?
  • Jenis aplikasi apa yang menjadi kesukaan mereka?
  • Tipe aplikasi apa yang paling tidak terlalu digemari?
  • Faktor apa yang akan mendorong mereka untuk mengunduh aplikasi ini?
  • Adakah mereka pernah membayar untuk aplikasi mudah alih?
  • Seberapa berpengalaman kah mereka terhadap aplikasi mudah alih? Adakah mereka pengguna yang telah ahili ataukah pemula?
  • Bagaimana pengalaman mereka dengan teknologi secara umum?

Mari buat persona pengguna untuk aplikasi perjalanan kita. Untuk hasil terbaik, akan sangat membantu jika anda memikirkan persona kita sebagai orang yang nyata. Anda mungkin juga mahu memberikan nama pengguna kepada kami. Hal yang tentu saja saya lakukan: kenalkan, Sasha!

  • Dia berusia 20 tahun.
  • Dia adalah mahasiswi yang tengah libur musim panas.
  • Dia tinggal dengan orang tuanya ketika musim panas, tapi akan kembali ke asrama ketika ajaran baru baru dimulai.
  • Dia masih lajang dan tidak mempunyai anak.
  • Dia tidak mempunyai pekerjaan, sehingga pinjaman pelajarnya adalah penghasilan yang ia miliki.
  • Sebagai orang yang tumbuh dengan media sosial, aplikasi kesukaannya adalah segala sesuatu yang memungkinkannya berbagi foto dan status update dengan kularga, teman, dan seluruh dunia pada umumnya.
  • Dia sudah profesional dengan teknologi, terutama aplikasi mobile.

Karena aplikasi saya adalah keseluruhan tentang mengorganisir liburan, saya juga perlu mengetahui pengalaman Sasha seputar jalan-jalan. Adakah pengguna "umum" saya suka perjalanan yang sempurna? Adakah mereka pernah bertanggungjawab untuk merancang percutian mereka sendiri sebelum ini, atau semuanya sangat baru bagi mereka?

Saya akan menambah ciri-ciri berikut ini pada pengguna saya:

  • Sasha pernah pergi ke luar negeri sebelum ini, tetapi hanya dengan keluarga.
  • Ini adalah pertama kalinya ia merancang percutian sendiri.
  • Shasa boleh menjadi cukup terorganisir ketika dia berniat melakukannya, dia sangat menghargai bantuan!

Penggunaan Senario

Jadi sekarang kita sudah memiliki siapa , tapi bagaimana dengan kapan? Pada keadaan apakah Sasha mungkin merasa terdorong untuk memacu ponselnya dan mengaktifkan aplikasi kami?

Berikut adalah beberapa perkara yang ada di dalam saya:

  • Sasha sedang berkumpul dengan kawan-kawan kampusnya, dan tanpa dapat dielakkan topik pembicaraan akan bercerita tentang betapa menyenangkannya musim panas musim panas mereka nanti. Semua orang merasa sangat bersemangat, dan sebelum anda mengetahui, Shasa telah membuka aplikasi kami, dan dia dan teman-temannya sangat berminat untuk merencanakan yang tentu akan menjadi suatu perjalanan yang tidak terlupakan sepanjang hidup mereka.
  • Shasa baru muncul dalam sembang kumpulan yang dia dan temannya selalu menggunakan, satu aplikasi chat mereka suka mereka, dan dia melihat-akhirnya! - semua orang setuju untuk tujuan kunjungannya. Dengan bersemangat, Sasha mengaktifkan aplikasi kami dan mulai mencari hal-hal yang menyenangkan yang dapat dilakukan di daerah tersebut.
  • Sasha berasa sangat frustrasi. Dia dan teman-temannya menghabiskan berjam-jam membicarakan bagaimana menyenangkannya perjalanan mereka nanti, tetpi, tidak pernah pergi ke lokasi untuk memesan apa pun. Seseorang mesti mengkoordinir, dan sepertinya seseorang itu adalah Sasha sendiri. Masalahnya adalah, dia tidak pernah mengatur sesuatu seperti ini sebelumnya. Yang dia butuhkan adalah aplikasi yang dapat menghilangkan stressnya dalam merencanakan dan pemesanan liburan musim panas yang sempurna ....

Buat Senarai Senarai

Waktunya bersenang senang! Biarkan imaginasi anda menjadi pembohong dan tuliskan setiap ciri yang akan dimasukkan dalam aplikasi jika Anda memiliki waktu yang terbatas, uang, dan seluruh developer armada yang siap dan bersedia membantu Anda. Untuk sekarang, jangan risau tentang apakah fitiur ini praktis-pikirkan ia sebagai daftar ciri jitu anda.

Jika anda menghadapi masalah dengan inspirasi, pergilah ke Google Play dan muat turun beberapa contoh Android aplikasi yang mengkaji kandungan yang serupa, atau mempunyai khalayak yang sama dengan aplikasi anda.


Sediakan masa untuk mengeksplorasi aplikasi-aplikasi ini dan buatlah catatan apa yang aplikasi itu dapat dilakukan dengan baik, dan bagian tertentu yang Anda rasa Anda mampu membuatnya lebih baik.

Berikut adalah beberapa ciri yang telah saya catat:

  • Kemampuan untuk menempah semua yang mungkin diperlukan oleh pengguna untuk perjalanan mereka, dari pesawat, kereta, bas tiket, hingga hotel tempahan, bahkan banyak hal seperti memesan meja di restoran lokal yang memiliki ulasan yang bagus di TripAdvisor.
  • Membaca ulasan yang ditinggalkan orang lain, dan poskan ulasan anda sendiri.
  • Pengguna lebih dulu mengatur belanjawan mereka, dan aplikasi akan menyaring semua rekomendasi berdasarkan anggaran yang dikehendaki pengguna.
  • Spontan! Merancang percutian seharusnya menjadi hal yang menyenangkan, jadi mengapa tidak menyerahkan semuanya pada takdir dengan membuat pin maya pada peta maya.
  • Baiklah, jadi merencanakan liburan seharusnya menjadi sangat menyenangkan, tetapi juga bisa menjadi kerja keras-apalagi jika ini adalah perjalanan pertama yang pernah anda tuju. Aplikasi kami harus menyediakan daftar conteng (daftar periksa) setiap perkara yang diperlukan pengguna untuk menempah dan mengatur, untuk mengatur rencana liburan yang sempurna.
  • Fungsi media sosial, sehingga pengguna dapat membuat teman dan keluarga mereka dengan mem-posting foto dan status terkini mengenai betapa menyenangkan liburan mereka.
  • Jurnal perjalanan untuk pengguna yang ingin berkongsi lebih daripada sekedar foto dan status.
  • Karena target audiens saya adalah para dewasa muda, ini mungkin pertama kalinya bagi mereka untuk bertanggung jawab dalam mengagendakan liburan mereka. Mereka akan sangat menghargai nasihat umum yang ditujukan untuk pemula pelancong, seperti bagaimana membuat paspor, atau hal-hal yang boleh dan tidak boleh anda bawakan di tas jinjing anda.
  • Sebuah penghitung mundur, sehingga pengguna dapat melihat pecan, hari, jam, dan menit sebelum hari liburnya.

Sekarang waktunya untuk pengujian secara nyata: tidak mungkin seseorang dapat menjejalkan seluruh idenya dalam satu aplikasi. walaupun semua idea anda mungkin tidak muluk-muluk, sangat dipikirkan dan menggoda untuk calon pengguna anda, melemparkan semuanya kecuali wastafel dalam aplikasi akan menjadi mimpi buruk bagi Anda dan pengembang, dan sangat mungkin menjerum pada pengalaman pengguna yang teramat buruk.

Bayangkan untuk meluncurkan aplikasi untuk pertama kali dan tiba-tiba disodorkan dengan paket menu yang besar dan kompleks dengan ribuan pilihan. Pilihan adalah hal yang baik, tetapi terlalu banyak pilihan akan menjadikannya sangat memusingkan! Oleh kerana hal paling terakhir yang ingin anda lakukan adalah membuat pusing pengguna anda, kita harus mengurangi daftar fitur luar biasa kita menjadi hanya yang perlu-perlu saja.

Jadi, bagaimana cara kita memutuskan ciri mana yang harus ada dan yang mana harus hilang?

Untuk perluncuran pertama, anda harus berkonsentrasi pada ciri utama untuk mengantar fungsi paling penting aplikasi anda. Dan ingat, hanya kerana satu ciri tidak berjaya sampai pada versi 1.0, tidak bermakna ia tidak akan menemukan jalan untuk terus menerus pembaharuan. Jika anda kemudian mendapati ciri-ciri di dalam senarai anda mempunyai potensi, tetapi tidak begitu penting untuk memenuhi tugas utama aplikasi anda, maka buatlah catatannya sebagai sesuatu yang berpotensi untuk ditinjau ulang nanti ketika aplikasi Anda telah menyelesaikan dasarnya awalnya.

Persona pengguna anda dan penggunaan skenario harus juga memainkan peranan dalam menentukan apa yang anda masukkan pada Versi 1.0 (dan pada peluncuran selanjutnya). Ciri apa yang paling menarik untuk Sasha?

Setelah membaca kembali pengguna persona, penggunaan skenario, dan produk pernyataan, saya telah menetapkan beberapa fitur berikut:

  • Tempahan perjalanan dan penginapan. Ini adalah keharusan yang absolult-jika Sasha tidak sedang setidaknya mengatur transportasi dan tempat tinggal, maka dia tidak akan bepergian ke manapun .
  • Mengatur bajet. Sasha mendanai seluruh perjalanan dengan wang sisa pinjaman muridnya, sehingga mengatur anggaran merupakan prioritas tertinggi bagi mahasiswa yang menyadari anggaran kami.
  • Menandai lokasi pada peta maya. Sasha adalah seorang wanita muda yang mencari petualangan musim panas dengan semua teman-temannya, sehingga ide untuk melakukan hal-gila dan spontan tentu akan sangat menggoda untuknya. Juga, ingat usahanya penggunaan skenario saat Sasha sedang berkumpul denganteman-temannya dan mereka semua menantang masing-masing tentang menyenangkannya musim panas mereka musim ini? Ini adalah peluang yang sempurna untuk Sasha untuk memulakan mengaktifkan aplikasi kami dan menancapkan virtual marker pada peta virtual kami.
  • Satu senarai semak (senarai centang) Karena ini adalah pertama kalinya Sasha terlibat dalam merencanakan liburannya sendiri, memiliki daftar yang jelas untuk digunakan akan membuat semua hal menjadi tidak terlalu intimidasi.

Senarai kami mengandungi ciri-ciri lain yang juga menarik untuk Sasha, seperti yang dapat mengeposkan gambar perjalanannya, seperti yang kita tahu bahawa Sasha adalah penyuka semua hal tentang media sosial. Bagaimanapun, untuk pelancaran pertama ini, saya akan menjaga perkara-perkara tetap sederhana dan tetap fokus pada tujuan utama aplikasi ini. Apabila anda telah mencapai fungionalitas yang paling penting dari aplikasi anda dan telah memenuhi pernyataan produk anda, anda dapat mengalih perhatian anda pada tambahan yang akan bagus untuk dimiliki nanti.

M embuat Sketsa Alur High-Level

Tugas anda seterusnya adalah untuk mula berfikir tentang layar yang akan perlu untuk anda buat untuk menyampaikan seluruh daftar fitur ini, sehingga ambillah sepembar kertas dan pena atau pensil. Sketsa beberapa gambar alur kasar dari laluan yang mungkin pengguna anda akan lakukan dalam aplikasi anda, untuk mencapai tugas utama.

Untuk aplikasi perjalanan sya, tugas utamanya adalah:

  1. Memesan perjalanan.
  2. Mengulas detail tentang semua perjalanan yang pengguna telah merancang.

Anda akan memaparkan skrin dengan pelbagai bentuk, dan memaparkan nvigasi menggunakan garis dan panah.

Example of a quick flowchart

Latihan ini ditujukan untuk membuat anda berfikir tentang pelbagai skrin yang perlu anda buat untuk menyampaikan ciri yang dipilih dari senarai ciri yang anda jitu. Jangan menghabiskan terlalu banyak masa pada peta alur anda, kerana anda akan memperbaikinya ketika Anda mencapai titik untuk membuat peta layar Anda.

Membuat Daftar Layar

Selanjutnya, sediakan senarai skrin yang perlu anda buat, berdasarkan diagram alur anda.

Berikut ini senarai saya skrin, juga sekilas preview dari apa yang saya rencanakan untuk dimasukkan pada masing-masing layar:

  • Halaman depan. Laman atau skrin ini mempunyai menu perjalanan apa saja yang telah dirancang oleh pengguna melalui kami. Pengguna boleh mengetuk item apa saja di menu ini, untuk melihat senarai semak dari perjalanan. Atau, mereka boleh 'Rencanakan Sebuah Petualangan Baru!'. memberikan pautan.
  • Peta. Ini skrin akan memuat peta dan penanda maya. Pengguna boleh mengetuk satu bahagian dari peta, atau jika mereka merasa spontan mereka boleh memiliki tanda maya, menutup mata mereka, dan membiarkannya ditentukan oleh takdir.
  • Pilih sebuah bandar. Apabila pengguna telah memilih Negara yang ingin mereka lawati, ini akan mengusulkan bandar-bandar yang mungkin ingin mereka kunjungi. Ini skrin juga mengandungi kawalan di mana pengguna boleh membuat aplikasi mengetahui anggaran seperti apa yang sedang mereka lakukan.
  • Senarai Semak. Ini skrin mempunyai senarai semak untuk pengguna yang digunakan. Mengetuk apa saja item dalam senarai ini akan melancarkan skrin apabila pengguna dapat menyelesaikan tugas, termasuk:
  • Buku pengangkutan.
  • Tempahan hotel.

M membuat Peta Layar

Sekarang waktunya untuk mengombinasikan diagram kami dan senarai skrin menjadi peta skrin yang menampilkan navigasi hubungan antara skrin.

Mula dengan skrin pertama apabila pengguna baru membuka aplikasi anda, dan seterusnya.

A screen map of our travel app

Tidak pernah terlalu awal untuk memulakan mencari cara untuk meningkatkan pengalaman pengguna, sehingga ketika Anda telah membuat peta layar Anda, alokasikan waktu untuk mengamati dengan mata yang teliti. Satu faktor yang mempunyai kesan yang besar terhadap pengalaman pengguna adalah jumlah layar yang pengguna perlu navigasikan untuk memnuhi tugas utama aplikasi ini.

Secara umum, lebih sedikit langkah-langkahnya, akan lebih baik pengalaman penggunanya. Peta ini merupakan peluang yang paling baik untuk mengenalpasti tempat-tempat di mana anda dapat mengurangi jumlah layar yang perlu pengguna navigasi. Proses ini mungkin melibatkan menghapus beberapa skrin, menggabungkan skrin, menghidupkan skrin semula, atau mengenali tempat yang lebih masuk akal untuk menambah navigasi 'pintasan' sehingga pengguna dapat melompat dari layar A ke layar E.

Kesimpulan

Sejauh ini kami telah membuat beberapa keputusan besar mengenai aplikasi yang akan kami buat, termasuk siapa sasaran kami, dan ciri-ciri yang akan kami masukkan pada Versi 1.0 (dengan beberapa ciri lanjutan untuk peluncuran selanjutnya). Kami juga telah membuat senarai semua skrin yang perlu kami reka bentuk, dan membuat coretan bagaimana semua skrin ini akan diatur pada aplikasi kami yang sudah selesai.

Pada tahap ini kita sudah memiliki aplikasi yang rampung perencanaannya, walaupun belum pada level yang paling tinggi. Pada bagian 2, saya akan menggali lebih dalam dan mendesain layar satu-satu yang akan melengkapi peta layar ini, sebelum meletakkan seluruh layar ini untuk diuji dengan membangun prototipe digital.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.