SlideShare a Scribd company logo
1 of 15
PERANCANGAN
TAMPILAN
Pendahuluan
•Salah satu kriteria penting dari sebuah antarmuka adalah tampilan
yang menarik
•Yang harus dimiliki oleh perancang tampilan:
 Jiwa seni yang memadai
 Mengetahui selera user secara umum
•Seorang perancang tampilan HARUS mendokumentasikan semua
pekerjaan yang telah dia kerjakan selama ini, sebagai bahan evaluasi
pembuatan tampilan yang baru atau memperbaiki tampilan
sebelumnya
•PROGRAM YANG DIBUAT BUKAN UNTUK ANDA, NAMUN
UNTUK ORANG LAIN
Cara Pendekatan
Special Purpose software
General purpose software
01
02
Jenis program aplikasi
Special Purpose Software
•Yaitu program aplikasi untuk keperluan khusus dengan user yang khusus pula
(special purpose software)
•Kelompok user dapat dengan mudah diperkirakan, baik dari segi keahlian
maupun ragam antarmuka yang akan digunakan
•Mis: program inventori gudang, pengelolaan data akademis mahasiswa,
pelayanan reservasi hotel
•Pendekatan yang digunakan:
User-centered design approach: perancang dan user bersama-sama
membuat tampilan antarmuka
User design approach: hanya user yang membuat tampilan antarmuka
General Purpose Software
•Yaitu program aplikasi yang akan digunakan oleh berbagai macam kalangan user
•Perancang dapat melakukan ‘pemaksaan’ kepada user untuk menerima
tampilan antarmukanya, walaupun dapat memberikan dampak program tersebut
tidak laku
•Salah satu cara yang dapat dilakukan adalah user dapat melakukan perubahan
tampilan sesuai dengan keinginannya sendiri (customization), mis: merubah
warna dasar, pengaturan desktop, wallpaper, screensaver, dll
Komponen Antarmuka Pengguna
1. Model pengguna; memungkinkan user untuk mengembangkan pemahaman
yang mendasar tentang apa yang dikerjakan oleh program, bahkan oleh user
yang sama sekali tidak mengetahui teknologi komputer
2. Bahasa perintah; sedapat mungkin menggunakan bahasa alami
3. Umpanbalik; kemampuan sebuah program yang membantu user untuk
mengoperasikan program itu sendiri
4. Tampilan informasi; digunakan untuk menunjukkan status informasi atau
program ketika user melakukan suatu tindakan
Urutan Perancangan
1. Pemilihan ragam dialog
2. Perancangan struktur dialog; melakukan analisis tugas dan menentukan
model pengguna dari tugas tersebut
3. Perancangan format pesan; tata letak tampilan, keterangan tektual secara
terinci, dan efisiensi inputing data harus mendapat perhatian lebih
4. Perancangan penanganan kesalahan
5. Perancangan struktur data
Penanganan Kesalahan
•Validasi pemasukan data, mis: jika user harus memasukkan bilangan positif,
namun dia memasukkan data negatif atau nol, maka harus ada mekanisme untuk
mengulang pemasukan data tersebut
•Proteksi user; program memberi peringatan ketika user melakukan suatu
tindakan secara tidak sengaja, mis: penghapusan berkas
•Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan
yang baru saja dilakukan
•Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi
pada waktu itu
Prinsip IMK: Gunakan Delapan Aturan Emas Perancangan UI
•Validasi pemasukan data, mis: jika user harus memasukkan bilangan positif,
namun dia memasukkan data negatif atau nol, maka harus ada mekanisme untuk
mengulang pemasukan data tersebut
•Proteksi user; program memberi peringatan ketika user melakukan suatu
tindakan secara tidak sengaja, mis: penghapusan berkas
•Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan
yang baru saja dilakukan
•Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi
pada waktu itu
Pengalaman,
Terlibat dalam pemotretan untuk
majalah fashion terkemuka.
Muncul dalam iklan cetak dan
kampanye mode untuk merek terkenal.
01
02
Pemotretan Fashion
Pengalaman,
Terlibat dalam berbagai acara promosi
dan peluncuran produk.
Berpartisipasi dalam pemotretan dan
penampilan di acara fashion terkini.
01
02
Model Acara
Foto Model
Foto Katalog
Kontak
Informasi
www.reallygreatsite.com 123 anywhere st. any city
123-456-7980
Warna-warni Retro Personal Portfolio Presentation.pptx

More Related Content

Similar to Warna-warni Retro Personal Portfolio Presentation.pptx

Slot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimediaSlot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimediaramly5597
 
PPT TI KELOMPOK 12.pptx
PPT TI KELOMPOK 12.pptxPPT TI KELOMPOK 12.pptx
PPT TI KELOMPOK 12.pptxamien14
 
Chapt 5. interface design principles
Chapt 5. interface design principlesChapt 5. interface design principles
Chapt 5. interface design principlesIbnu Dzakwan
 
Perancangan perangkat lunak
Perancangan perangkat lunakPerancangan perangkat lunak
Perancangan perangkat lunakSahrul Sindriana
 
Modul dasar pemrograman visual basic
Modul dasar pemrograman visual basicModul dasar pemrograman visual basic
Modul dasar pemrograman visual basicfitrah ilman
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basicAlvin Setiawan
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basicOcim Nationalism
 
Tahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunakTahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunakRobbyyanto Robbyyanto
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasicdhi her
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasicdhi her
 
Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Hide Maru
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desainf' yagami
 

Similar to Warna-warni Retro Personal Portfolio Presentation.pptx (20)

Slot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimediaSlot 5 proses pembangunan multimedia
Slot 5 proses pembangunan multimedia
 
Slot 5 Proses Pembangunan Multimedia
Slot 5 Proses Pembangunan MultimediaSlot 5 Proses Pembangunan Multimedia
Slot 5 Proses Pembangunan Multimedia
 
Materi ppl
Materi pplMateri ppl
Materi ppl
 
RPL_Kelompok
RPL_KelompokRPL_Kelompok
RPL_Kelompok
 
PPT TI KELOMPOK 12.pptx
PPT TI KELOMPOK 12.pptxPPT TI KELOMPOK 12.pptx
PPT TI KELOMPOK 12.pptx
 
Chapt 5. interface design principles
Chapt 5. interface design principlesChapt 5. interface design principles
Chapt 5. interface design principles
 
Perancangan perangkat lunak
Perancangan perangkat lunakPerancangan perangkat lunak
Perancangan perangkat lunak
 
Perkuliahan 02 Model software engginer
Perkuliahan 02 Model software engginerPerkuliahan 02 Model software engginer
Perkuliahan 02 Model software engginer
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basic
 
Modul dasar pemrograman visual basic
Modul dasar pemrograman visual basicModul dasar pemrograman visual basic
Modul dasar pemrograman visual basic
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basic
 
Dasar pemrograman visual basic
Dasar pemrograman visual basicDasar pemrograman visual basic
Dasar pemrograman visual basic
 
Tahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunakTahapan pengembangan perangkat lunak
Tahapan pengembangan perangkat lunak
 
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
Menerapkan prinsip desain user interface pada multimedia interaktif berbasis ...
 
RPL
RPLRPL
RPL
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasic
 
Dasarpemrogramanvisualbasic
DasarpemrogramanvisualbasicDasarpemrogramanvisualbasic
Dasarpemrogramanvisualbasic
 
Manajemen proyek.pptx
Manajemen proyek.pptxManajemen proyek.pptx
Manajemen proyek.pptx
 
Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5Interaksi Manusia Dan Komputer 5
Interaksi Manusia Dan Komputer 5
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 

Recently uploaded

BAB 2 BARISAN DAN DERET kelas x kurikulum merdeka
BAB 2 BARISAN DAN DERET kelas x kurikulum merdekaBAB 2 BARISAN DAN DERET kelas x kurikulum merdeka
BAB 2 BARISAN DAN DERET kelas x kurikulum merdekachairilhidayat
 
IDMPO Link Slot Online Terbaru Kamboja 2024
IDMPO Link Slot Online Terbaru Kamboja 2024IDMPO Link Slot Online Terbaru Kamboja 2024
IDMPO Link Slot Online Terbaru Kamboja 2024idmpo grup
 
IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...
IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...
IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...Neta
 
IDMPO Link Slot Online Terbaru 2024 kamboja
IDMPO Link Slot Online Terbaru 2024 kambojaIDMPO Link Slot Online Terbaru 2024 kamboja
IDMPO Link Slot Online Terbaru 2024 kambojaidmpo grup
 
PPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptx
PPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptxPPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptx
PPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptxMegaFebryanika
 
Sakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang Maxwin
Sakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang MaxwinSakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang Maxwin
Sakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang MaxwinSakai99
 
KERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.doc
KERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.docKERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.doc
KERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.docEnaNorazlina
 
Babahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjf
BabahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjfBabahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjf
BabahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjfDannahadiantyaflah
 
Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024
Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024
Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024Popi99
 
Lim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang Maxwin
Lim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang MaxwinLim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang Maxwin
Lim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang MaxwinLim4D
 
Wen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang Jackpot
Wen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang JackpotWen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang Jackpot
Wen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang JackpotWen4D
 
Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024
Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024
Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024Sizi99
 

Recently uploaded (12)

BAB 2 BARISAN DAN DERET kelas x kurikulum merdeka
BAB 2 BARISAN DAN DERET kelas x kurikulum merdekaBAB 2 BARISAN DAN DERET kelas x kurikulum merdeka
BAB 2 BARISAN DAN DERET kelas x kurikulum merdeka
 
IDMPO Link Slot Online Terbaru Kamboja 2024
IDMPO Link Slot Online Terbaru Kamboja 2024IDMPO Link Slot Online Terbaru Kamboja 2024
IDMPO Link Slot Online Terbaru Kamboja 2024
 
IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...
IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...
IDMPO : SITUS TARUHAN BOLA ONLINE TERPERCAYA & BANYAK BONUS KEMENANGAN DI BAY...
 
IDMPO Link Slot Online Terbaru 2024 kamboja
IDMPO Link Slot Online Terbaru 2024 kambojaIDMPO Link Slot Online Terbaru 2024 kamboja
IDMPO Link Slot Online Terbaru 2024 kamboja
 
PPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptx
PPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptxPPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptx
PPT SLIDE Kelompok 2 Pembelajaran Kelas Rangkap (4).pptx
 
Sakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang Maxwin
Sakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang MaxwinSakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang Maxwin
Sakai99 Link Slot Gacor Resmi Anti Nawala Terpercaya Gampang Maxwin
 
KERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.doc
KERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.docKERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.doc
KERTAS KERJA MINGGU BAHASA MELAYU SEKOLAH RENDAH.doc
 
Babahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjf
BabahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjfBabahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjf
Babahhsjdkdjdudhhndjdjdfjdjjdjdjfjdjjdjdjdjjf
 
Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024
Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024
Popi99 Situs Slot Online Terbaik & Slot Server Thailand Terpercaya 2024
 
Lim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang Maxwin
Lim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang MaxwinLim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang Maxwin
Lim4D Link Daftar Situs Slot Gacor Hari Ini Terpercaya Gampang Maxwin
 
Wen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang Jackpot
Wen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang JackpotWen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang Jackpot
Wen4D Situs Judi Slot Gacor Server Thailand Hari Ini Gampang Jackpot
 
Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024
Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024
Sizi99 Rekomendasi Bo Slot Gacor Anti Nawala Gampang Jackpot 2024
 

Warna-warni Retro Personal Portfolio Presentation.pptx

  • 2. Pendahuluan •Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik •Yang harus dimiliki oleh perancang tampilan:  Jiwa seni yang memadai  Mengetahui selera user secara umum •Seorang perancang tampilan HARUS mendokumentasikan semua pekerjaan yang telah dia kerjakan selama ini, sebagai bahan evaluasi pembuatan tampilan yang baru atau memperbaiki tampilan sebelumnya •PROGRAM YANG DIBUAT BUKAN UNTUK ANDA, NAMUN UNTUK ORANG LAIN
  • 3. Cara Pendekatan Special Purpose software General purpose software 01 02 Jenis program aplikasi
  • 4. Special Purpose Software •Yaitu program aplikasi untuk keperluan khusus dengan user yang khusus pula (special purpose software) •Kelompok user dapat dengan mudah diperkirakan, baik dari segi keahlian maupun ragam antarmuka yang akan digunakan •Mis: program inventori gudang, pengelolaan data akademis mahasiswa, pelayanan reservasi hotel •Pendekatan yang digunakan: User-centered design approach: perancang dan user bersama-sama membuat tampilan antarmuka User design approach: hanya user yang membuat tampilan antarmuka
  • 5. General Purpose Software •Yaitu program aplikasi yang akan digunakan oleh berbagai macam kalangan user •Perancang dapat melakukan ‘pemaksaan’ kepada user untuk menerima tampilan antarmukanya, walaupun dapat memberikan dampak program tersebut tidak laku •Salah satu cara yang dapat dilakukan adalah user dapat melakukan perubahan tampilan sesuai dengan keinginannya sendiri (customization), mis: merubah warna dasar, pengaturan desktop, wallpaper, screensaver, dll
  • 6. Komponen Antarmuka Pengguna 1. Model pengguna; memungkinkan user untuk mengembangkan pemahaman yang mendasar tentang apa yang dikerjakan oleh program, bahkan oleh user yang sama sekali tidak mengetahui teknologi komputer 2. Bahasa perintah; sedapat mungkin menggunakan bahasa alami 3. Umpanbalik; kemampuan sebuah program yang membantu user untuk mengoperasikan program itu sendiri 4. Tampilan informasi; digunakan untuk menunjukkan status informasi atau program ketika user melakukan suatu tindakan
  • 7. Urutan Perancangan 1. Pemilihan ragam dialog 2. Perancangan struktur dialog; melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut 3. Perancangan format pesan; tata letak tampilan, keterangan tektual secara terinci, dan efisiensi inputing data harus mendapat perhatian lebih 4. Perancangan penanganan kesalahan 5. Perancangan struktur data
  • 8. Penanganan Kesalahan •Validasi pemasukan data, mis: jika user harus memasukkan bilangan positif, namun dia memasukkan data negatif atau nol, maka harus ada mekanisme untuk mengulang pemasukan data tersebut •Proteksi user; program memberi peringatan ketika user melakukan suatu tindakan secara tidak sengaja, mis: penghapusan berkas •Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan yang baru saja dilakukan •Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi pada waktu itu
  • 9. Prinsip IMK: Gunakan Delapan Aturan Emas Perancangan UI •Validasi pemasukan data, mis: jika user harus memasukkan bilangan positif, namun dia memasukkan data negatif atau nol, maka harus ada mekanisme untuk mengulang pemasukan data tersebut •Proteksi user; program memberi peringatan ketika user melakukan suatu tindakan secara tidak sengaja, mis: penghapusan berkas •Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan yang baru saja dilakukan •Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi pada waktu itu
  • 10. Pengalaman, Terlibat dalam pemotretan untuk majalah fashion terkemuka. Muncul dalam iklan cetak dan kampanye mode untuk merek terkenal. 01 02 Pemotretan Fashion
  • 11. Pengalaman, Terlibat dalam berbagai acara promosi dan peluncuran produk. Berpartisipasi dalam pemotretan dan penampilan di acara fashion terkini. 01 02 Model Acara