SlideShare a Scribd company logo
1 of 16
Download to read offline
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
Interface Perangkat Mobile
•   Memungkinkan pemakai menggunakan shortcut
•   Menawarkan umpan balik informasi
•   Mendesain dialog yang mudah digunakan
•   Mendukung kendali internal
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.
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.
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.
Kendali Internet
• Pemakai akan lebih suka apabila sistem memberikan respon 
  terhadap aksi mereka, daripada sistem yang mengontrol 
  mereka.
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.
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.
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
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
Komponen Design Pada Iphone
Komponen Design Pada Android
Browsing Menggunakan Mobile Device
  Layout halaman 
  website yang 
  ditampilkan 
  melalui web 
  browser.
Browsing Menggunakan Mobile Device
• Auto‐converting dari 
  tampilan web 
  menjadi tampilan 
  pada perangkat
  mobile tidak 
  selamanya dapat 
  bekerja dengan 
  baik, perlu
  re‐design.
mobile based ui

More Related Content

Viewers also liked

Sistem komunikasibergerak pendahuluan
Sistem komunikasibergerak pendahuluanSistem komunikasibergerak pendahuluan
Sistem komunikasibergerak pendahuluan
Materi Kuliah Online
 
Contoh buku petunjuk operasi-admin-perusahaan
Contoh buku petunjuk operasi-admin-perusahaanContoh buku petunjuk operasi-admin-perusahaan
Contoh buku petunjuk operasi-admin-perusahaan
dhoan Evridho
 
Administrasi kepegawaian
Administrasi kepegawaianAdministrasi kepegawaian
Administrasi kepegawaian
kppnpelaihari
 
Buku layanan administrasi kepegawaian tahun 2013
Buku layanan administrasi kepegawaian tahun 2013Buku layanan administrasi kepegawaian tahun 2013
Buku layanan administrasi kepegawaian tahun 2013
Ayah Raihaana
 

Viewers also liked (20)

Penelitian untuk Pengembangan Diri dan Institusi
Penelitian untuk Pengembangan Diri dan InstitusiPenelitian untuk Pengembangan Diri dan Institusi
Penelitian untuk Pengembangan Diri dan Institusi
 
53 buku-klapper-siswa
53 buku-klapper-siswa53 buku-klapper-siswa
53 buku-klapper-siswa
 
E-education
E-educationE-education
E-education
 
Web Based UI
Web Based UIWeb Based UI
Web Based UI
 
Sistem dan model
Sistem dan modelSistem dan model
Sistem dan model
 
Buku manual
Buku manualBuku manual
Buku manual
 
Computer arithmatic
Computer arithmaticComputer arithmatic
Computer arithmatic
 
Guru
GuruGuru
Guru
 
Kartu induk dan daftar isi
Kartu induk dan daftar isi Kartu induk dan daftar isi
Kartu induk dan daftar isi
 
Sekilas tentang HaKI
Sekilas tentang HaKISekilas tentang HaKI
Sekilas tentang HaKI
 
Sistem komunikasibergerak pendahuluan
Sistem komunikasibergerak pendahuluanSistem komunikasibergerak pendahuluan
Sistem komunikasibergerak pendahuluan
 
Menambahkan slide dengan gambar animasi dan film
Menambahkan slide dengan gambar animasi dan filmMenambahkan slide dengan gambar animasi dan film
Menambahkan slide dengan gambar animasi dan film
 
File system
File systemFile system
File system
 
Buku induk pegawai
Buku induk pegawaiBuku induk pegawai
Buku induk pegawai
 
Contoh buku petunjuk operasi-admin-perusahaan
Contoh buku petunjuk operasi-admin-perusahaanContoh buku petunjuk operasi-admin-perusahaan
Contoh buku petunjuk operasi-admin-perusahaan
 
Manual book Software aplikasi restoran / rumah makan
Manual book Software aplikasi restoran / rumah makanManual book Software aplikasi restoran / rumah makan
Manual book Software aplikasi restoran / rumah makan
 
CONTOH SOP SDM Perusahaan (Best Practise)
CONTOH SOP SDM Perusahaan (Best Practise)CONTOH SOP SDM Perusahaan (Best Practise)
CONTOH SOP SDM Perusahaan (Best Practise)
 
Administrasi kepegawaian
Administrasi kepegawaianAdministrasi kepegawaian
Administrasi kepegawaian
 
LINE@ - Panduan Pengguna / Manual Book
LINE@ - Panduan Pengguna / Manual BookLINE@ - Panduan Pengguna / Manual Book
LINE@ - Panduan Pengguna / Manual Book
 
Buku layanan administrasi kepegawaian tahun 2013
Buku layanan administrasi kepegawaian tahun 2013Buku layanan administrasi kepegawaian tahun 2013
Buku layanan administrasi kepegawaian tahun 2013
 

Similar to mobile based ui

Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interface
f' yagami
 
Game Development OK Pertemuan 9.pptx
Game Development OK Pertemuan 9.pptxGame Development OK Pertemuan 9.pptx
Game Development OK Pertemuan 9.pptx
dadanzuu
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
Nizar Zakaria
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
f' yagami
 
Chapt 4. interaction(interaksi)
Chapt 4. interaction(interaksi)Chapt 4. interaction(interaksi)
Chapt 4. interaction(interaksi)
Ibnu Dzakwan
 

Similar to mobile based ui (20)

3. ragam dialog
3. ragam dialog3. ragam dialog
3. ragam dialog
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
6.ppt
6.ppt6.ppt
6.ppt
 
Rpl 10-perancangan user interface
Rpl 10-perancangan user interfaceRpl 10-perancangan user interface
Rpl 10-perancangan user interface
 
Game Development OK Pertemuan 9.pptx
Game Development OK Pertemuan 9.pptxGame Development OK Pertemuan 9.pptx
Game Development OK Pertemuan 9.pptx
 
Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4Interaksi Manusia Dan Komputer 4
Interaksi Manusia Dan Komputer 4
 
IMK PERTEMUAN interAKSI MANUSIA & 1.pptx
IMK PERTEMUAN interAKSI MANUSIA & 1.pptxIMK PERTEMUAN interAKSI MANUSIA & 1.pptx
IMK PERTEMUAN interAKSI MANUSIA & 1.pptx
 
Lesson 08 - UTS.ppt
Lesson 08 - UTS.pptLesson 08 - UTS.ppt
Lesson 08 - UTS.ppt
 
Lesson 07 - Review For UTS.ppt
Lesson 07 - Review For UTS.pptLesson 07 - Review For UTS.ppt
Lesson 07 - Review For UTS.ppt
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Tampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptxTampilan GUI di NetBeans.pptx
Tampilan GUI di NetBeans.pptx
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 
Ragam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerRagam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan Komputer
 
Eight golden rule
Eight golden ruleEight golden rule
Eight golden rule
 
Antarmuka Berbasis Interaksi Grafis
Antarmuka Berbasis Interaksi GrafisAntarmuka Berbasis Interaksi Grafis
Antarmuka Berbasis Interaksi Grafis
 
Ragam dialog
Ragam dialogRagam dialog
Ragam dialog
 
Chapt 4. interaction(interaksi)
Chapt 4. interaction(interaksi)Chapt 4. interaction(interaksi)
Chapt 4. interaction(interaksi)
 
Kompmas
KompmasKompmas
Kompmas
 

More from Materi Kuliah Online

Pengenalan Rekayasa Perangkat Lunak
Pengenalan Rekayasa Perangkat LunakPengenalan Rekayasa Perangkat Lunak
Pengenalan Rekayasa Perangkat Lunak
Materi Kuliah Online
 
Melangkah dengan Microsoft Windows Server 2003
Melangkah dengan Microsoft Windows Server 2003Melangkah dengan Microsoft Windows Server 2003
Melangkah dengan Microsoft Windows Server 2003
Materi Kuliah Online
 
Studi Mengenai Aspek Privasi pada Sistem RFID
Studi Mengenai Aspek Privasi pada Sistem RFIDStudi Mengenai Aspek Privasi pada Sistem RFID
Studi Mengenai Aspek Privasi pada Sistem RFID
Materi Kuliah Online
 
Internet dan Layanan Aplikasi Terdistribusi
Internet dan Layanan Aplikasi TerdistribusiInternet dan Layanan Aplikasi Terdistribusi
Internet dan Layanan Aplikasi Terdistribusi
Materi Kuliah Online
 
Aspek Security pada Penerapan m-Commerce di Indonesia
Aspek Security pada Penerapan m-Commerce di IndonesiaAspek Security pada Penerapan m-Commerce di Indonesia
Aspek Security pada Penerapan m-Commerce di Indonesia
Materi Kuliah Online
 
A Comparison of Proximity Authentication Approaches
A Comparison of Proximity Authentication ApproachesA Comparison of Proximity Authentication Approaches
A Comparison of Proximity Authentication Approaches
Materi Kuliah Online
 
Kajian Perkembangan Teknologi Smart Card dari Segi Keamanan
Kajian Perkembangan Teknologi Smart Card dari Segi KeamananKajian Perkembangan Teknologi Smart Card dari Segi Keamanan
Kajian Perkembangan Teknologi Smart Card dari Segi Keamanan
Materi Kuliah Online
 
Catu Daya dan Rangkaian Penyearah Gelombang
Catu Daya dan Rangkaian Penyearah GelombangCatu Daya dan Rangkaian Penyearah Gelombang
Catu Daya dan Rangkaian Penyearah Gelombang
Materi Kuliah Online
 
Simulasi Anti Integral Windup dengan Clamp Integrator
Simulasi Anti Integral Windup dengan Clamp IntegratorSimulasi Anti Integral Windup dengan Clamp Integrator
Simulasi Anti Integral Windup dengan Clamp Integrator
Materi Kuliah Online
 
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware TechnologyPrinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
Materi Kuliah Online
 
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan TeleponPenggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
Materi Kuliah Online
 
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara WirelessPenggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
Materi Kuliah Online
 
Proses dan Penjadualan : Prioritas dan Multiprosesor
Proses dan Penjadualan : Prioritas dan MultiprosesorProses dan Penjadualan : Prioritas dan Multiprosesor
Proses dan Penjadualan : Prioritas dan Multiprosesor
Materi Kuliah Online
 

More from Materi Kuliah Online (20)

Pengenalan Rekayasa Perangkat Lunak
Pengenalan Rekayasa Perangkat LunakPengenalan Rekayasa Perangkat Lunak
Pengenalan Rekayasa Perangkat Lunak
 
Pemodelan Basis Data Lainnya
Pemodelan Basis Data LainnyaPemodelan Basis Data Lainnya
Pemodelan Basis Data Lainnya
 
Arsitektur Sistem Basis Data
Arsitektur Sistem Basis DataArsitektur Sistem Basis Data
Arsitektur Sistem Basis Data
 
Access control-systems
Access control-systemsAccess control-systems
Access control-systems
 
Melangkah dengan Microsoft Windows Server 2003
Melangkah dengan Microsoft Windows Server 2003Melangkah dengan Microsoft Windows Server 2003
Melangkah dengan Microsoft Windows Server 2003
 
Studi Mengenai Aspek Privasi pada Sistem RFID
Studi Mengenai Aspek Privasi pada Sistem RFIDStudi Mengenai Aspek Privasi pada Sistem RFID
Studi Mengenai Aspek Privasi pada Sistem RFID
 
Remote control alarm sepeda motor
Remote control alarm sepeda motorRemote control alarm sepeda motor
Remote control alarm sepeda motor
 
Internet dan Layanan Aplikasi Terdistribusi
Internet dan Layanan Aplikasi TerdistribusiInternet dan Layanan Aplikasi Terdistribusi
Internet dan Layanan Aplikasi Terdistribusi
 
Aspek Security pada Penerapan m-Commerce di Indonesia
Aspek Security pada Penerapan m-Commerce di IndonesiaAspek Security pada Penerapan m-Commerce di Indonesia
Aspek Security pada Penerapan m-Commerce di Indonesia
 
A Comparison of Proximity Authentication Approaches
A Comparison of Proximity Authentication ApproachesA Comparison of Proximity Authentication Approaches
A Comparison of Proximity Authentication Approaches
 
Kajian Perkembangan Teknologi Smart Card dari Segi Keamanan
Kajian Perkembangan Teknologi Smart Card dari Segi KeamananKajian Perkembangan Teknologi Smart Card dari Segi Keamanan
Kajian Perkembangan Teknologi Smart Card dari Segi Keamanan
 
Catu Daya dan Rangkaian Penyearah Gelombang
Catu Daya dan Rangkaian Penyearah GelombangCatu Daya dan Rangkaian Penyearah Gelombang
Catu Daya dan Rangkaian Penyearah Gelombang
 
Dioda dan Catu Daya
Dioda dan Catu DayaDioda dan Catu Daya
Dioda dan Catu Daya
 
Simulasi Anti Integral Windup dengan Clamp Integrator
Simulasi Anti Integral Windup dengan Clamp IntegratorSimulasi Anti Integral Windup dengan Clamp Integrator
Simulasi Anti Integral Windup dengan Clamp Integrator
 
Radio Frequency Identification
Radio Frequency IdentificationRadio Frequency Identification
Radio Frequency Identification
 
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware TechnologyPrinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
Prinsip-prinsip Asas E-Construction, K-Constructions dan Groupware Technology
 
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan TeleponPenggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
Penggunaan DT-51 Untuk Komunikasi Mikrokontroler Melalui Jaringan Telepon
 
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara WirelessPenggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
Penggunaan DT-Basic Untuk Membaca Nomor Identitas Secara Wireless
 
Interfacing Number Display
Interfacing Number DisplayInterfacing Number Display
Interfacing Number Display
 
Proses dan Penjadualan : Prioritas dan Multiprosesor
Proses dan Penjadualan : Prioritas dan MultiprosesorProses dan Penjadualan : Prioritas dan Multiprosesor
Proses dan Penjadualan : Prioritas dan Multiprosesor
 

Recently uploaded

Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
JarzaniIsmail
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
nabilafarahdiba95
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
novibernadina
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
FitriaSarmida1
 

Recently uploaded (20)

Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
 
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptxPPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
 
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.pptHAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
HAK DAN KEWAJIBAN WARGA NEGARA ppkn i.ppt
 
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
 
Skenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru PenggerakSkenario Lokakarya 2 Pendidikan Guru Penggerak
Skenario Lokakarya 2 Pendidikan Guru Penggerak
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
 
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMKAksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
Aksi Nyata Disiplin Positif Keyakinan Kelas untuk SMK
 
Topik 4_Eksplorasi Konsep LK Kelompok_Pendidikan Berkelanjutan
Topik 4_Eksplorasi Konsep LK Kelompok_Pendidikan BerkelanjutanTopik 4_Eksplorasi Konsep LK Kelompok_Pendidikan Berkelanjutan
Topik 4_Eksplorasi Konsep LK Kelompok_Pendidikan Berkelanjutan
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, Figma
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTXAKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
AKSI NYATA TOPIK 1 MERDEKA BELAJAR. PPTX
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptxOPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
OPTIMALISASI KOMUNITAS BELAJAR DI SEKOLAH.pptx
 
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 6 KURIKULUM MERDEKA.pdf
 
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMMPenyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
 
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
PELAKSANAAN + Link2 Materi BimTek _PTK 007 Rev-5 Thn 2023 (PENGADAAN) & Perhi...
 

mobile based ui

  • 1.
  • 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.