mobile based ui
1 like628 views
Dokumen membahas perbedaan dan tantangan dalam desain antarmuka perangkat mobile, termasuk input satu tangan, batasan daya, dan ukuran layar kecil. Desain antarmuka yang efektif harus memperhatikan umpan balik, konsistensi, dan efisiensi, serta memungkinkan personalisasi untuk pengguna. Selain itu, aplikasi mobile harus memiliki kecepatan, stabilitas, dan kemampuan adaptasi terhadap lingkungan pengguna.
mobile based ui
- 2. Apa yang berbeda pada perangkat mobile? • Perbedaan input One‐handed, keypad, camera, pens, soft keyboard • Digunakan pada tempat berbeda • Power yang terbatas • Mudah rusak • Bandwidth yang rendah • Layar yang kecil
- 3. Interface Perangkat Mobile • Memungkinkan pemakai menggunakan shortcut • Menawarkan umpan balik informasi • Mendesain dialog yang mudah digunakan • Mendukung kendali internal
- 4. Penggunaan Shortcut • Pemakai cenderung lebih suka mengurangi jumlah interaksi. • Pengurangan jumlah operasi untuk melakukan aktivitas. • Shortcut untuk memudahkan pengoperasian fungsi tertentu. • Tombol yang mudah digunakan.
- 5. Upan balik Informasi • Setiap aksi dari sebuah operasi, disediakan adanya umpan balik sistem, misalnya dengan suara beep ketika tombol ditekan atau terjadi kesalahan. • Umpan balik harus mudah dipahami oleh pamakai.
- 6. Design Dialog • Urutan aksi dan fungsionalitas sistem harus diorganisasikan dalam grup/kategori. • Pemakai akan lebih nyaman jika menemukan gaya dialog yang sama antara penggunaan PC dengan perangkat mobile.
- 7. Kendali Internet • Pemakai akan lebih suka apabila sistem memberikan respon terhadap aksi mereka, daripada sistem yang mengontrol mereka.
- 8. Hal yang Diperhatikan • Gaya dialog yang memungkinkan penggunaan layar yang terbatas. • Konsistensi Tampilan dan gaya dialog suatu aplikasi harus sama pada lintas platform maupun ketika ditampilkan pada perangkat mobile yang berbeda‐beda. Mobile device harus dibekali dengan kemampuan metodologi I/O ketika menampilkan sebuah dokumen untuk menjaga konsistensi ketika ditampilkan pada mesin/komputer desktop dan mobile device itu sendiri.
- 9. Hal yang Diperhatikan (lanjutan) • Pencegahan kesalahan dengan error handling yang sederhana • Efisiensi dan optimasi penggunaan memori internal Aplikasi mobile device harus memiliki desain antarmuka yang menggunakan memori sangat kecil selama menjalankan berbagai tugas • Stabilitas koneksi jaringan dan pemanfaatan akses jaringan yang seminimal mungkin.
- 10. Hal yang Diperhatikan (lanjutan) • Desain konteks multiple dan dinamis Memungkinkan user mengatur konfigurasi yang diinginkan Memungkinkan pengoperasian dengan satu tangan atau hand‐free Memungkinkan aplikasi beradaptasi otomatis menyesuaikan lingkungan kerja pemakai • Desain perangkat dengan ukuran kecil Memanfaatkan layar yang terbatas dengan menyusun fungsi berdasarkan urutan aktivitas Menyediakan pemilihan huruf atau kata pada input teks • Desain dengan perhatian khusus Menyediakan suara dan opsi keluaran sebagai umpan balik sistem
- 11. Prinsip Desain Antarmuka Perangkat Mobile • Desain kecepatan dan recovery Memungkinkan aplikasi dihentikan, dimulai maupun dilanjutkan tanpa masalah Aplikasi harus dapat berjalan cepat • Desain interaksi top‐down Menampilkan struktur informasi yang dapat dipilih detail informasi mana saja yang akan ditampilkan • Desain personalisasi Menyediakan personalisasi aturan dan desain sesuai yang diinginkan pemakai • Desain yang menyenangkan Aplikasi harus memiliki tampilan yang menarik dan interaktif saat digunakan
- 14. Browsing Menggunakan Mobile Device Layout halaman website yang ditampilkan melalui web browser.
- 15. Browsing Menggunakan Mobile Device • Auto‐converting dari tampilan web menjadi tampilan pada perangkat mobile tidak selamanya dapat bekerja dengan baik, perlu re‐design.