Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Bagaimana Merancang Notifikasi untuk Aplikasi

- Advertisement -
- Advertisement -
- Advertisement -

Notifikasi dapat menjadi fitur yang rumit untuk ditangani. Artikel ini tidak mencakup semua detail di sekitarnya, tapi saya harap ini cukup untuk memberi Anda kejelasan dan arahan untuk memilih model pemberitahuan yang tepat untuk aplikasi Anda.

Sebelum kita mulai membahas model notifikasi, mari kita lakukan ikhtisar singkat tentang apa notifikasi dan apa yang terdiri dari notifikasi. Notifikasi adalah informasi yang berasal dari aplikasi yang ditargetkan untuk pengguna. Berikut adalah beberapa komponen penting dari notifikasi.

Model Notifikasi - Skema
Model Notifikasi – Skema

Sumber:  Ini adalah bagian dari aplikasi dari mana notifikasi berasal. Arsitektur aplikasi dapat memiliki beberapa ember di mana informasi dikategorikan, dan ember ini akan menjadi sumber pemberitahuan.

Informasi:  Ini adalah pesan yang perlu disampaikan kepada pengguna melalui pemberitahuan. Beberapa contoh adalah “Daenerys Targaryen mengirimi Anda permintaan pertemanan” atau “Lord Varys mulai mengikuti Anda”.

Jenis:  Pemberitahuan dapat terdiri dari dua jenis: informasi dan tindakan. Kedua jenis ini dapat memiliki subtipe lebih lanjut tergantung pada konteks aplikasi.

Lencana Pemberitahuan:  Ini adalah indikator visual yang mengarahkan pengguna ke pemberitahuan. Indikator notifikasi dapat sejelas titik, atau mereka juga dapat menghitungnya yang akan menunjukkan jumlah notifikasi yang belum dibaca.

Anchor:  Anchor adalah komponen visual dari aplikasi tempat notifikasi muncul pada antarmuka. Sederhananya, ini adalah komponen di mana pengguna akan melihat indikator pemberitahuan / lencana. Perhatikan bahwa jangkar tidak selalu merupakan sumber notifikasi, tetapi hanya komponen tempat notifikasi muncul. Jangkar dapat menampung pemberitahuan dari berbagai sumber atau hanya satu. Anggap saja seperti ini, sumber lebih pada tingkat arsitektur / informasi, tetapi jangkar adalah komponen visual tempat Anda melihat lencana pemberitahuan.

Pemberitahuan adalah salah satu media di mana aplikasi berkomunikasi dengan pengguna dan mungkin membawanya kembali ke aplikasi. Oleh karena itu, mereka adalah bagian yang sangat penting dari aplikasi. Izinkan saya memperkenalkan kepada Anda beberapa model pemberitahuan paling populer yang ada dan juga ketika masuk akal untuk menggunakan salah satu dari yang lain.

1. Pusat Pemberitahuan

Dalam model ini, ada tempat yang pasti tempat semua notifikasi Anda masuk. Pusat notifikasi dapat berupa layar khusus atau flyout tergantung pada real estat yang tersedia. Dalam model ini, semua notifikasi berlabuh ke pusat notifikasi terlepas dari sumbernya. Dari pusat notifikasi, Anda kemudian dapat menavigasi ke sumber notifikasi. Medium menggunakan model ini untuk notifikasi. Lencana muncul di ikon bel yang merupakan titik masuk ke semua notifikasi Anda. Penting juga bahwa notifikasi yang dibaca dan yang belum dibaca berbeda secara visual untuk memungkinkan pengguna membedakannya.

Medium - Notification Center
Medium – Notification Center

Keuntungan terbesar dari model ini adalah fleksibilitasnya. Ini adalah satu tempat yang dapat mengakomodasi setiap notifikasi, baik dari sumber yang ada atau sesuatu yang baru.

Pedoman
  • Semua jenis notifikasi yang berbeda harus dipikirkan dan harus mengikuti skema desain yang sama. Saat merancang skema, penting untuk memikirkan skalabilitas sebagai tujuan utama kami.
  • Jika Anda memiliki terlalu banyak sumber pemberitahuan, ada kemungkinan bahwa model ini dapat mulai tampak sedikit berantakan ketika ada terlalu banyak pemberitahuan. Jika ada jenis pemberitahuan serupa, Anda dapat mengelompokkannya bersama yang akan membantu mengurangi pengulangan. Misalnya, “Sansa Stark dan 3 lainnya mengirimi Anda permintaan pertemanan”.
  • Pastikan bahwa pusat notifikasi mudah ditemukan dan diakses.
Gunakan pusat notifikasi kapan
  • Produk Anda memiliki kebutuhan untuk pemberitahuan yang tidak dapat disangkutkan ke salah satu opsi navigasi yang ada. Bisa jadi karena notifikasi tidak konsisten dengan objek yang ada pada produk, atau notifikasi tidak berasal dari sumber yang ditentukan dalam arsitektur informasi.
  • Ada lebih banyak sumber yang memungkinkan untuk pemberitahuan daripada yang dapat diakomodir aplikasi pada layar pendaratan.
  • Ketika Anda kekurangan waktu. Mungkin ada kasus ketika Anda harus mengirimkan fitur sebelum Anda memiliki waktu untuk memikirkan semua skenario yang mungkin untuk pemberitahuan dan menemukan jangkar untuk masing-masing. Dalam hal ini pusat notifikasi dapat menjadi jalan keluar yang mudah karena sifatnya sangat fleksibel.

2. Sumber Pemberitahuan Berlabuh

Dalam model ini, setiap notifikasi disematkan ke opsi navigasi yang kemungkinan besar juga merupakan sumber notifikasi. Tidak ada hub / pusat tunggal untuk semua pemberitahuan Anda. Lihat WhatApp untuk mendapatkan ide yang lebih baik. Di kedua platform (android dan iOS), notifikasi dari obrolan atau panggilan berlabuh ke menu navigasi masing-masing. Kelebihan dari model ini adalah bahwa hal itu mengarah pada lebih banyak konten yang dapat ditemukan. Pengguna sekarang dapat langsung mencapai informasi yang disampaikan oleh notifikasi, tanpa kesulitan menambahkan lapisan tengah. Namun model ini tidak sefleksibel atau setinggi pusat notifikasi.

WhatsApp - Sumber Pemberitahuan Berlabuh
WhatsApp – Sumber Pemberitahuan Berlabuh

Model ini sangat tergantung pada arsitektur informasi aplikasi. Navigasi harus dapat mengakomodasi semua jenis notifikasi yang berbeda. Seperti model sebelumnya, di sini juga penting bahwa notifikasi baca dan belum dibaca berbeda secara visual.

Pedoman
  • Pastikan bahwa setiap pemberitahuan dapat ditambatkan ke salah satu opsi navigasi di layar pendaratan. Dengan meningkatnya kompleksitas aplikasi Anda, sumber notifikasi juga dapat bertambah. Dalam hal ini, Anda dapat memilih pusat notifikasi atau mempertimbangkan model campuran (yaitu kombinasi model berlabuh dan pusat notifikasi). Kita akan sampai pada model campuran di bagian selanjutnya.
  • Setiap jangkar harus memiliki skema desain untuk konten yang akan disimpannya. Pastikan notifikasi Anda sesuai dengan skema anchor. Untuk memahami ini, mari kita ambil contoh WhatsApp. Jangkar “obrolan” di sini memiliki skema desain yang menentukan bagaimana objek obrolan seharusnya. Ini berarti bahwa setiap pemberitahuan yang ditambatkan ke obrolan harus mengikuti skema ini. Hal yang sama berlaku untuk “panggilan”.
  • Pastikan bahwa jangkar mudah ditemukan dan diakses. Hindari menggunakan jangkar bersarang.
Gunakan notifikasi sumber berlabuh saat
  • Ketika semua sumber pemberitahuan yang memungkinkan dapat ditampung di layar pendaratan.
  • Anda telah memikirkan semua skenario pemberitahuan dan semua pemberitahuan dapat diakomodasi dengan skema desain yang ada. Penting bahwa pemberitahuan ini mengikuti skema sumber tempat mereka berlabuh.

3. Model Campuran

Model ini merupakan kombinasi dari kedua model. Ini adalah model yang paling umum digunakan. Facebook, LinkedIn, Twitter dan Instagram adalah beberapa aplikasi populer yang menggunakannya. Di sini, pusat notifikasi menjadi salah satu opsi dalam menu navigasi yang dapat digunakan sebagai jangkar untuk sumber yang tidak memenuhi syarat berada di layar pendaratan. Misalnya, Facebook mengaitkan permintaan teman baru ke tab “teman”, tetapi undangan untuk menyukai halaman ditambatkan ke pusat notifikasi.

Facebook - Model Campuran
Facebook – Model Campuran

Model ini memiliki kelebihan dari kedua model dan dapat dengan mudah mengakomodasi sebagian besar kasus. Meskipun sekarang Anda memiliki kemampuan untuk melabuhkan notifikasi ke pusat notifikasi, masih penting untuk memikirkan semua skenario dan memprioritaskan yang dapat diakomodasi dengan notifikasi sumber berlabuh.

Sama seperti model berlabuh sumber, model ini juga sangat bergantung pada menu navigasi, yang juga memiliki pusat notifikasi sebagai opsi sekarang.

Pedoman

  • Identifikasi dan beri peringkat keranjang informasi paling penting dalam arsitektur produk. Memberi peringkat mereka memungkinkan Anda untuk memprioritaskan notifikasi mana yang harus ditambatkan ke sumber, dan mana yang harus masuk di pusat notifikasi. Karena model ini tergantung pada navigasi, konfigurasi untuk pemberitahuan dapat berubah sesuai dengan real estat yang tersedia.
  • Pastikan jangkar utama dan pusat notifikasi mudah ditemukan sebagai bagian dari navigasi di layar pendaratan.
Gunakan model campuran saat
  • Anda telah memikirkan skenario pemberitahuan. Anda memiliki beberapa notifikasi yang dapat ditambatkan ke sumbernya masing-masing tetapi beberapa notifikasi lainnya tidak dapat ditambatkan ke salah satu sumber yang ada dalam arsitektur.
  • Anda memiliki sumber bersarang di navigasi Anda. Misalnya, ikon menu hamburger di aplikasi Facebook adalah jangkar untuk pemberitahuan yang berasal dari sumber di bawahnya, seperti Grup, Arloji, Kenangan, Disimpan, Marketplace dll.

Kesimpulan

Semua model yang disebutkan di atas berguna dalam konteks yang benar. Keputusan memilih model mana untuk aplikasi Anda bergantung pada arsitektur informasi dan jenis pemberitahuan yang ingin Anda penuhi.

sumber: uxmag.com

- Advertisement -

Latest articles

7,350 Followers
Follow

Related articles