Cara Menambahkan Progress Bar Animasi di Shorts

Kapan progress bar membantu

Progress bar paling berguna di video yang punya struktur: daftar "5 cara", tutorial langkah demi langkah, cerita dengan beberapa bagian, atau penjelasan dengan beberapa poin. Penanda bab membuat struktur itu terlihat, sehingga penonton tahu masih ada poin yang belum dibahas.

Untuk video yang sangat pendek atau konten hiburan spontan, progress bar justru bisa merugikan. Penonton yang melihat bilahnya hampir penuh di awal tidak akan merasa perlu bertahan. Pakai untuk video 30 detik ke atas yang memang punya beberapa bagian.

Contoh permintaan asli dari pengguna Indonesia: klip bergaya layar kendali misi dengan bilah progres bab di bagian atas dan jam berjalan, atau video bergaya monokrom minimalis dengan judul bab. Gaya seperti ini cocok untuk konten edukasi dan penjelasan.

Jenis progress bar

Yang membentuk tampilannya

• Tipis dan tidak mengganggu. Bilah setebal beberapa piksel sudah cukup terlihat. Bilah tebal bersaing dengan isi video.
• Di bagian atas. Untuk 9:16, bagian atas layar lebih aman dari tombol dan caption aplikasi. Sisakan sedikit jarak dari tepi paling atas.
• Warna aksen. Bilah terisi dengan warna brand, sisa bilah abu abu tipis atau transparan.
• Label bab yang singkat. Satu sampai tiga kata per bab, muncul saat bab dimulai.
• Gerakan halus. Bilah terisi dengan kecepatan tetap. Saat masuk bab baru, ruasnya berkedip pelan atau sedikit membesar.

Kalau videomu sudah punya banyak elemen di atas, misalnya judul hook dan nama akun, susun ulang supaya progress bar tidak bertumpuk. Biasanya urutannya: bilah di paling atas, judul di bawahnya, wajah di tengah, subtitle di bawah.

Untuk konten seri, pakai bentuk dan warna progress bar yang sama di setiap video. Penonton yang sudah terbiasa langsung mengerti cara membacanya tanpa perlu berpikir.

Buat dalam 6 langkah

1. Upload video atau tempel link. Video milikmu yang punya beberapa bagian atau poin.
2. Tulis daftar bab. Nama bab dan kira kira kapan dimulai, atau minta Otto membagi bab dari isi video.
3. Pilih jenis. Bilah sederhana, bilah berbab, nomor poin, langkah, atau jam berjalan.
4. Atur posisi. Bagian atas untuk 9:16, bawah atau atas untuk 16:9.
5. Pilih warna. Satu warna aksen yang sama dengan elemen lain di video.
6. Cek di HP. Pastikan bilah dan label terlihat jelas dan tidak tertutup apa pun.

Prompt yang terbukti jalan

Diadaptasi dari permintaan asli pengguna Indonesia ke Otto.

[upload video atau tempel link YouTube saya]
Tambahkan progress bar animasi di bagian atas video 9:16.
Bilah tipis dibagi menjadi bab: [bab 1], [bab 2], [bab 3], [bab 4]. Bagi bab sesuai isi video kalau saya belum menentukan waktunya.
Bilah terisi warna [warna aksen] dari kiri ke kanan sesuai durasi, ruas bab yang sedang dibahas menyala.
Label nama bab singkat muncul di bawah bilah saat bab dimulai, lalu mengecil.
Gaya monokrom dan minimalis. Jangan sampai bertabrakan dengan judul hook dan subtitle.

Versi pendek yang sering dipakai

• "Tambahkan chapter progress bar di bagian atas dan jam berjalan di pojok."
• "Tampilkan nomor poin 1 dari 5 di pojok kanan atas."
• "Tambahkan timeline hook yang bagus di atas."
• "Buat langkah 1 sampai 4 dengan lingkaran yang terisi satu per satu."

Kesalahan yang sering terjadi

• Progress bar di video sangat pendek. Di video 15 detik, bilah yang cepat penuh tidak membantu. Pakai untuk video yang lebih panjang dan berstruktur.
• Terlalu tebal. Bilah tebal mencuri perhatian dari isi. Tipis saja.
• Bab tidak sesuai isi. Label bab yang menyala di saat yang salah membingungkan. Cek bahwa setiap bab dimulai di tempat yang benar.
• Tertutup elemen aplikasi. Cek di HP. Di beberapa aplikasi, bagian paling atas tertutup nama akun atau tombol.

FAQ