Contoh Implementasi Tipe-Tipe Model UX

Yulianti Siti Jamilah (2000411)

3A Pendidikan Multimedia

1. Hierarcy Model
 BRI Mobile
Aplikasi ini menggunakan hierarcy model karena terstruktur dan ketika pengguna pertama
kali membuka aplikasi, maka pengguna diharuskan untuk login terlebih dahulu. Setelah
berhasil login, maka pengguna dapat menggunakan semua fitur yang ada di aplikasi ini.

 BNI Mobile Banking

Sama seperti BRI Mobile, aplikasi ini juga terstruktur dan mengharuskan pengguna untuk
login terlebih dahulu sehingga keamanannya terjamin.
2. Hub & Spoke
 Ruang Guru
Fitur-fitur yang dimiliki aplikasi ini ditampilkan di depan dan memungkinkan untuk
multitasking.

 Pahamify
Sama seperti ruang guru, aplikasi pahamify juga menampilkan fitur-fiturnya dibagian
depan aplikasi.

3. Nested Doll
 IELTS 5000 Essential Words
Ketika salah satu vocabulary diklik, maka aplikasi akan menampilkan deskripsi dari
vocabulary tersebut. Kemudian, ketika tombol “start to learn” diklik, maka aplikasi akan
 menampilkan menu latihan. Dengan demikian dapat diketahui bahwa aplikasi ini memiliki
kesamaan topik dan akan menampilkan informasi yang lebih detail ketika menu child
dibuka.

Parent Child 1 Child 2

 Youtube Music
Aplikasi ini memiliki kemiripan topik dan ketika album diklik maka aplikasi akan
menampilkan list lagu pada album tersebut. Kemudian ketika salah satu lagu diklik, maka
aplikasi akan menampilkan lagu tersebut. Dengan demikian dapat diketahui bahwa album
sebagai parent, kemudian deretan lagu sebagai anak dari album, dan tampilan 1 buah lagu
sebagai anak dari deretan lagu. Jadi, semakin diklik maka akan semakin detail.

Parent Child 1 Child 2

4. Tabbed View
 Twitter
Menu pada aplikasi ini terletak dibawah dan apabila diklik maka aplikasi akan pindah ke
menu yang diklik.

 J&T Express
Sama seperti twitter, menu pada aplikasi ini terletak dibawah dan apabila diklik maka
aplikasi akan pindah ke menu yang diklik.

5. Bento Box
 Sweepy
 Tampilan utama pada aplikasi Sweepy menggunakan model bento box dan informasi yang
ditampilkan memiliki keterkaitan antara satu sama lain sehingga informasi yang
ditampilkan lengkap.

 To-do-list
Tampilan pada menu Milikku menggunakan model bento box dimana aplikasi
menampilkan jumlah tugas yang sudah selesai dan belum selesai, kemudian ada rincian
tugas harian yang ditampilkan di dalam satu menu sehingga tampilan dari aplikasi ini
memberikan informasi yang lengkap dan saling berhubungan satu sama lain.

6. Filtered View
 Dribble.com
 Website ini menampilkan konten desain dan memiliki fitur filter. Oleh karena itu, website
ini termasuk ke dalam model filtered view. Sebelum difilter, website akan menampilkan
konten random. Setelah difilter, website akan menampilkan konten sesuai dengan filter
sehingga dapat memudahkan pengguna dalam mencari konten yang diinginkan.

 Unsplash.com
Sama seperti dribble.com, unsplash juga dapat memfilter konten-kontennya. Konten yang
terdapat pada pinterest berupa foto.. Ketika website difilter, maka akan menampilkan
konten sesuai dengan filter yang telah diatur. Dengan demikian, pengguna dapat lebih
mudah dalam mencari konten yang sedang dicari.