LAPORAN

Interaksi Manusia dan Komputer (IT 403 F)

Desain User Interface untuk MOBILE

DISUSUN OLEH :
672011125 Brian P. Papalangi 672011129 Jatra N. Hutama 672011135 Jenly R. Ulus 672011138 Aryi A. Ruse 672011147 Griko S. Tambahani

FAKULTAS TEKNOLOGI INFORMASI UNIVERSITAS KRISTEN SATYA WACANA SALATIGA 2013

I.

PEMBUKAAN What is User Interface Design ?

Banyak perangkat elektronik adalah sistem interaktif, di mana pengguna dan perangkat berinteraksi melalui User Interface (Seringkali melalui Graphical User Interface). Untuk perangkat ini agar diterima oleh user, mereka harus efektif dan dirancang dengan baik. Desain interface adalah proses mendefinisikan bagaimana pengguna akan berinteraksi dengan sistem dan bagaimana sistem yang menerima input dan menghasilkan output.

II.

ISI

Pengembang aplikasi mobile menghadapi tiga tantangan utama yaitu : Sumber perangkat dibatasi Baterai bertenaga, memori terbatas, rendah daya CPU, dll teknologi User interface yang berbeda Ukuran layar yang terbatas, tidak ada keyboard, input pena, dll Kemampuan untuk masuk dan mengelola sejumlah kecil informasi dalam waktu singkat Mendapatkan data ke / dari aplikasi Sumber data sering dalam jaringan Jaringan tidak selalu tersedia ketika diperlukan. Interface perangkat mobile jauh berbeda dengan user interface desktop Apa kunci masalah user interface yang harus diwaspadai? a. Tidak ada Keyboard, Input adalah dengan stylus b. Kesulitan menginput text c. Akurasi pengguna, kesalahan paralaks, dll Prinsip-prinsip apa yang harus menjadi acuan desain interface aplikasi mobile? a. Kesederhanaan penggunaan b. Membuat tugas umum mudah c. Konsistensi - didalam aplikasi dan desktop

Prinsip-Prinsip Disain Interaksi

1. Learnability o Suatu interface harus mudah digunakan dari pertama kali pengguna berinteraksi dengan itu o Fungsi-fungsi yang disajikan kepada pengguna harus dibatasi dengan apa saja yang dibutuhkan user untuk sampai ke tujuan mereka 2. Efficiency o Jumlah langkah yang diperlukan bagi pengguna untuk menyelesaikan tugas o Tugas utama harus dibuat seefisien mungkin

3. Memorability o Interface harus lebih mudah untuk digunakan setiap kali pengguna berinteraksi berinteraksi dengan interface tersebut o Frekuensi penggunaan adalah faktor kunci dalam memorability 4. Error Recovery o Interface harus dirancang sedemikian rupa sehingga memperkecil kemungkinan pengguna untuk membuat kesalahan o Jika error terjadi,interface harus memberikan kesempatan (mempunyai system) untuk memperbaiki error tersebut o Ketika menghadapi kondisi error, user harus diberikan informasi tentang error tersebut tanpa harus mengganggu user. Upaya harus dilakukan untuk membuat kegagalan lebih mudah diterima sehingga tidak ada informasi yang hilang 5. Simplicity o Perintah yang sering digunakan harus mudah dan tugas kurang umum harus mungkin o Hindari fungsi yang tidak perlu dan menjaga desain visual dan tata letak supaya rapih o Menampilkan informasi dalam cara yang membuat penggunaan layar yang kecil menjadi efektif o Interaksi, tampilan teks, grafis, dan desain suara harus konsisten dan harmonis 6. Mapping o Apa yang user inginkan ketika mereka berinteraksi dengan interface harus sama dengan apa terjadi 7. Visibility o Informasi yang penting harus mencolok (lebih terlihat) dari informasi yang kurang penting o Sangat penting untuk Memahami tujuan dari user 8. Feedback o Pengguna harus selalu mengontrol antarmuka dan bukan sebaliknya o Antarmuka harus responsif dengan memberikan umpan balik instan kepada pengguna 9. Consistency o Seperti item harus selalu ditampilkan dan bertindak dengan cara yang sama di seluruh aplikasi (dan bahkan antara aplikasi) o Penggunaan warna, standar UI juga harus konsisten di seluruh aplikasi 10. Satisfaction o Berapa banyak pengguna menikmati atau tidak suka menggunakan o Kepuasan pelanggan

Bagaimanakah Desain Interface yang baik untuk Mobile ?

1. Desain yang sederhana Hubungkan visual yang mendahului tugas penting. Mengurangi fungsi. Jauhkan navigasi sempit dan dangkal. Hindari informasi asing pada setiap layar. Mengurangi atau menghilangkan preferensi.

2. Desain tampilan layar yang mudah di pahami. Minimalkan input pengguna. Minimalkan scrolling vertikal dan menghindari gulir screen secara horisontal. Gunakan hyper-link efektif. Memberikan Pesan Error yang berguna Prioritaskan informasi pada setiap layar 3. Memberikan umpan balik yang berguna Mengidentifikasi umpan balik yang kritis. Menyediakan umpan balik alternatif yang cerdas. Pastikan sistem waktu respon yang cepat. 4. Menjaga Standar Desain yang ada. Gunakan Standar yang ada Gunakan Metafora Dunia Nyata 5. Menghormati kedua upaya fisik dan mental. Gunakan keahlian untuk menyederhanakan interaksi kompleks. Desain untuk efisiensi.

DAFTAR PUSTAKA
ADDISON W ( 2013 ). Android User Interface Design: Turning Ideas and Sketches Into Beautifully Designed Apps. (Google Books) Google.com