2.Prinsip UI Indo
-
Upload
purwanugraha -
Category
Documents
-
view
32 -
download
0
Transcript of 2.Prinsip UI Indo
![Page 1: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/1.jpg)
Pengantar
![Page 2: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/2.jpg)
Prinsip-prinsip umum Perancangan UI
1. User Compatibility 2. Product Compatibility3. Task Compatibility4. Work Flow Compatibility5. Consistency6. Familiarity7. Simplicity
![Page 3: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/3.jpg)
Prinsip-prinsip umum Perancangan UI
8. Direct Manipulation9. Control10. WYSIWYG11. Flexibility12. Responsiveness13. Invisible Technology14. Robustness
![Page 4: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/4.jpg)
Prinsip-prinsip umum Perancangan UI
15. Protection16. Ease of Learning & ease of use
Trade-off !!!
![Page 5: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/5.jpg)
User CompatibilitySemua user adalah tidak sama dan
semua user tidak seperti developerDesigner harus paham tentang
pengetahuan psikologi dasar
![Page 6: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/6.jpg)
Product CompatibilityKompatibilitas antar produk harus
diperhatikan dan dipertahankan (mengorbankan perubahan UI dimana sistem mungkin lebih kompatibel)
![Page 7: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/7.jpg)
Task CompatibilityStruktur dan aliran sistem harus
sesuai dan mendukung tugas user
![Page 8: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/8.jpg)
Work Flow CompatibilitySistem harus diorganisasikan dengan
baik sehingga dapat mem-fasilitasi transisi antar tugas user
![Page 9: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/9.jpg)
ConsistencyKonsistensi membuat user berfikir
dengan meng-analogi-kan dan memprediksi bagaimana melakukan sesuatu yang belum pernah dilakukan sebelumnya
![Page 10: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/10.jpg)
FamiliarityKonsep, terminologi, pengaturannya di
antarmuka harus yang dipahami user dengan baik
![Page 11: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/11.jpg)
SimplicityKesalahan umum yang terjadi pada
perancangan interface adalah berusaha untuk menyediakan SEMUA fungsionalitas
Gunakan konsep defaults
![Page 12: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/12.jpg)
Direct ManipulationUsers secara langsung dapat melihat
aksinya pada objek yang terlihat
![Page 13: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/13.jpg)
ControlDapat membuat frustasi dan
demoralisasi bagi user, jika mereka merasa dikontrol oleh mesin
![Page 14: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/14.jpg)
WYSIWYGAdanya korespondensi satu ke satu
antara informasi di layar dengan informasi di printed-output atau file
![Page 15: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/15.jpg)
FlexibilityMengijinkan makin banyak kontrol
user dan mengakomodir skill user yang bervariasi
![Page 16: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/16.jpg)
ResponsivenessKomputer harus selalu merespon
dengan segera setiap input dari user
![Page 17: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/17.jpg)
Invisible TechnologyUser sebaiknya mengetahui sesedikit
mungkin detil teknis bagaimana sistem diimplementasikan
![Page 18: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/18.jpg)
RobustnessSistem sebaiknya mentolerir kesalahan
manusia yang umum dan tidak dapat dihindar. Crash system harus diminimalisir, menyediakan recovery yang mudah dipahami jika terjadi crash
![Page 19: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/19.jpg)
ProtectionUser seharusnya memproteksi dari
hasil-hasil yang menyebabkan ‘bencana’ karena kesalahan umum manusia
![Page 20: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/20.jpg)
Ease of Learning Sistem mudah dipelajari bagi pemula
![Page 21: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/21.jpg)
Ease of UseSistem mudah digunakan bagi para
expert
![Page 22: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/22.jpg)
TUGAS 1Cari sebuah aplikasi dan berikan pendapat
apakah aplikasi tersebut sudah memenuhi ke 16 prinsip UI!
Tugas perkelompokDikumpulkan minggu depan
![Page 23: 2.Prinsip UI Indo](https://reader036.fdocuments.in/reader036/viewer/2022081512/55721400497959fc0b93886d/html5/thumbnails/23.jpg)
JOIN DI KULIAH ONLINE
IMK-IF4IMK-IF16IMK-IF15