Android - Pola UI
Dalam bab ini kita akan melihat Pola UI berbeda yang tersedia oleh android untuk mendesain aplikasi yang berperilaku secara konsisten dan dapat diperkirakan.
Komponen Pola UI
Aplikasi android yang baik harus mengikuti pola UI berikut -
- Bilah Tindakan
- Mengonfirmasi dan Mengakui
- Settings
- Help
- Selection
Sekarang kita akan membahas Pola UI yang disebutkan di atas secara rinci.
Bilah Tindakan
Bilah tindakan adalah bilah khusus di bagian atas setiap layar yang umumnya tetap ada di seluruh aplikasi. Ini memberi Anda beberapa fungsi utama yaitu sebagai berikut -
- Menjadikan tindakan penting menonjol dan dapat diakses
- Mendukung navigasi yang konsisten dan peralihan tampilan dalam aplikasi
- Mengurangi kekacauan dengan memberikan luapan tindakan untuk tindakan yang jarang digunakan
- Menyediakan ruang khusus untuk memberikan identitas pada aplikasi Anda
Komponen Panel Tindakan
Action Bar memiliki empat komponen utama yang dapat dilihat pada gambar berikut.
Nama dan fungsionalitas komponen ini dibahas di bawah -
Sr Tidak | Komponen Panel Tindakan |
---|---|
1 | App Icon Ikon aplikasi menetapkan identitas aplikasi Anda. Ini dapat diganti dengan logo atau merek yang berbeda jika Anda mau. |
2 | View control Jika aplikasi Anda menampilkan data dalam tampilan yang berbeda, segmen bilah tindakan ini memungkinkan pengguna untuk beralih tampilan. |
3 | Action buttons Tampilkan tindakan paling penting dari aplikasi Anda di bagian tindakan. |
4 | Action overflow Pindahkan tindakan yang jarang digunakan ke tindakan meluap. |
Mengonfirmasi dan Mengakui
Saat pengguna meminta tindakan di UI aplikasi Anda, praktik yang baik adalah melakukannya confirm atau acknowledge tindakan itu melalui roti panggang atau kotak dialog.
Ada perbedaan antara Mengonfirmasi dan Mengakui.
Mengonfirmasi
Saat kami meminta pengguna untuk memverifikasi bahwa mereka benar-benar ingin melanjutkan dengan tindakan yang baru saja mereka panggil, ini disebut konfirmasi. Seperti yang Anda lihat pada gambar berikut -
Mengakui
Saat kami menampilkan toast untuk memberi tahu pengguna bahwa tindakan yang baru saja mereka panggil telah selesai, ini disebut pengakuan, Seperti yang Anda lihat pada gambar berikut -
Pengaturan
Tempat di aplikasi Anda tempat pengguna dapat menunjukkan preferensinya tentang bagaimana aplikasi Anda harus berperilaku disebut sebagai Setelan. Penggunaan setelan dapat menguntungkan pengguna aplikasi Anda dengan cara berikut -
Settings membantu pengguna untuk menentukan terlebih dahulu apa yang akan terjadi dalam situasi tertentu
Penggunaan settings di aplikasi Anda membantu pengguna untuk merasa memiliki kendali
Penempatan Pengaturan
Lebih disukai oleh pengembang android untuk selalu membuat opsi "pengaturan" sebagai bagian dari tindakan overflow yang disebutkan di atas. Karena pengguna tidak sering menggunakan opsi ini, praktik umumnya adalah menempatkannya di bawah semua item lain kecuali "Bantuan". Seperti yang Anda lihat pada gambar berikut -
Tolong
Beberapa pengguna aplikasi Anda mungkin mengalami kesulitan saat menggunakan aplikasi Anda dan mereka akan mencari beberapa jawaban, dan mereka menginginkannya di dalam aplikasi. Jadi, selalu jadikan "bantuan" sebagai bagian dari aplikasi Anda.
Penempatan Bantuan
Seperti "Pengaturan", desain standar untuk menempatkan opsi "Bantuan" ada action overflow. Selalu jadikan sebagai item terakhir dalam menu dan selalu beri label "Bantuan". Meskipun layar aplikasi Anda tidak memiliki item luapan tindakan lainnya, "Bantuan" akan muncul di sana. Seperti yang Anda lihat pada gambar berikut -
Pilihan
Versi Android 3.0 mengubah gerakan tekan lama menjadi gerakan global untuk memilih data. Gerakan tekan lama sekarang digunakan untuk memilih data, menggabungkan tindakan kontekstual dan fungsi manajemen pemilihan untuk data yang dipilih menjadi elemen baru yang disebutcontextual action bar (CAB).
Menggunakan Bilah Tindakan Kontekstual (CAB)
CAB pilihan adalah bilah tindakan sementara yang menghamparkan bilah tindakan aplikasi Anda saat ini saat data dipilih. Ini muncul setelah pengguna menekan lama pada item data yang dapat dipilih. Seperti yang Anda lihat pada gambar berikut -
Dari bilah CAB, pengguna dapat melakukan tindakan berikut -
- Pilih item data tambahan dengan menyentuhnya
- Memicu tindakan dari CAB yang berlaku untuk semua item data yang disorot
- Singkirkan CAB melalui tombol Kembali bilah navigasi atau tombol tanda centang CAB