Usability UI Instagram

Victory Polii
 Visibility Instagram
Header berisikan add content, activity
(notification), direct message
Short content (stroy)
Content, terdiri dari akun pemilik konten
diatas, kemudian dibagian bawah ada icon
yang memiliki fitur untuk like, comment, dan
share, serta icon bookmark untuk menyimpan
konten.
Kemudian juga menampilkan informasi seperti
caption, jumlah like dan komentar
Icon navigasi untuk berpindah tab, dari kiri ada
home, untuk menampilkan konten, kemudian
ada search, ada reels (khusus konten video),
store, dan account.
Visibility
Instagram adalah sebuah platform multimedia yang berfokus pada
konten gambar dan video, dimana user dapat saling berbagi
gambar dan video ini secara online. Saya rasa user akan langsung
tahu Ketika membuka Instagram karena yang ditampilkan
seluruhnya adalah gambar dan video.
UI Instagram (Mobile)
Instagram menampilkan tampilan yang sederhana yang pada
umumnya mungkin juga digunakan oleh social media yang lain.
Pada tiap icon di Instagram tidak diberikan keterangan, namun
disusun dengan tata letak yang umum serta bentuk icon yang
mudah dipahami sehingga user dapat dengan mudah mengetahui
apa yang perlu mereka lakukan selanjutnya.
Contoh
Short content (story) bar merupakan sebuah fitur untuk
menampilkan short content dari user lain yang telah di-follow.
Ketika masuk pertama kali di Instagram, maka hal pertama yang
mungkin akan dilihat adalah barisan dari story yang di-highlight,
kemudian disusul dengan post yang dapat di scroll ke bawah
tanpa batas.
Tombol navigasi juga selalu ada dibagian bawah untuk
2
memudahkan user berpindah tempat.
 Affordance Instagram
Affordance
Seperti yang telah saya jelaskan sebelumnya bahwa
semua icon di Instagram tidak memiliki keterangan.
Namun Instagram mengandalkan bentuk dari icon untuk
memberikan petunjuk kepada user bagaimana icon itu
digunakan.

UI Instagram account (Mobile)

Add People Dengan tampilan foto profil kita user dapat mengetahui
bahwa tap itu bertujuan untuk menampilkan informasi
account Instagram kita, dan setelah masuk user akan
dapat melihat setiap informasi dari account kita.
Icon add people untuk menambahkan orang yang akan
kita follow. Kemudian icon navigasi dibawah contohnya
icon kaca pembesar sudah umum digunakan untuk fitur
search dimana user dapat meng-search beberapa hal
seperti account, konten dan tempat
Contoh

Short content (story) bar merupakan sebuah fitur

untuk menampilkan short content dari user lain yang
telah di-follow. Ketika masuk pertama kali di Instagram,
Icon Search
maka hal pertama yang mungkin akan dilihat adalah
barisan dari story, kemudian disusul dengan post.
Icon Account
Tombol navigasi juga selalu ada dibagian bawah untuk
3
memudahkan user berpindah tempat.
 Mapping Instagram
Mapping
Header berisikan add
content, activity
(notification), direct message

Short content (stroy) horizontal

UI Instagram (Mobile)
Instagram membuat pemetaan secara vertical untuk tiap postnya,
Content, terdiri dari akun dan juga horizontal untuk short contentnya. Penempatan posisinya
pemilik konten diatas, juga ada yang tetap untuk memudahkan user.
kemudian dibagian bawah
ada icon yang memiliki fitur
untuk like, comment, dan
share, serta icon bookmark Contoh
untuk menyimpan konten.
Kemudian juga
menampilkan informasi vertical
seperti caption, jumlah like Desain Vertical untuk konten adalah agar user terfokus pada
dan komentar content yang sedang ditawarkan dan juga user hanya perlu scroll
ke bawah ataupun ke atas untuk mengganti konten dengan
mudah. Desain tetap adalah untuk memudahkan user bernavigasi
ke fitur yang lain tanpa harus berpindah kesana kemari terlebih
Icon navigasi untuk dahulu.
berpindah tab, dari kiri ada
home, untuk menampilkan
konten, kemudian ada
search, ada reels (khusus
konten video), store, dan
account.
tetap 4
 Constrains Instagram
Constrains

Private account
Pembatasan interaksi di Instagram tentunya ada, hal ini untuk
melindungi pengguna dari error yang mungkin bisa saja terjadi
karena kesalahan user.

Add People

UI Instagram (Mobile)
Instagram tidak menampilkan content dari user yang tidak difollow
sehingga dapat memberikan user focus terhadap apa yang diikuti,
namun user dapat melihat konten orang lain di tab search.
User juga tidak dapat melihat content dari orang yang
mengaktifkan fitur private account.

Icon Search

Icon Account
5
 Feedbacks Instagram
Header berisikan add Feedback
content, activity
(notification), direct message
Feedback seperti Namanya adalah umpan balik yang diterima user
Short content (stroy) Highlight story dari sebuah activitay yang dilakukan
gradient ungu
kuning
UI Instagram (Mobile)
Content, terdiri dari akun Instagram tidak memberikan keterangan secara rinci mengenai
pemilik konten diatas, fungsi dari sebuah icon namun Instagram telah melengkapi tiap
kemudian dibagian bawah
fungsi dengan feedback yang sesuai dengan fungsinya.
ada icon yang memiliki fitur
untuk like, comment, dan
share, serta icon bookmark Contoh
untuk menyimpan konten.
Kemudian juga Icon Like akan berubah menjadi berwarna merah Ketika kita
menampilkan informasi menekannya, menandakan bahwa kita menyukai konter tersebut,
seperti caption, jumlah like dan Instagram juga akan memberikan kalkulasi jumlah like dari
dan komentar
konten tersebut.
Story Instagram akan memiliki lingkaran dengan gradien ungu-
kuning, Ketika kita telah melihat story tersebut maka gradient
Like tersebut akan berwarna abu-abu dan secara otomatis story
Icon navigasi untuk
berpindah tab, dari kiri ada
tersebut akan berpindah dari kiri ke bagian ujung kanan.
home, untuk menampilkan Ataupun icon Navigator yang akan berwarna hitam/bold Ketika
konten, kemudian ada sedang aktif.
search, ada reels (khusus
konten video), store, dan
account.
Navigation
icon active