Tingkatkan artikel Basis Pengetahuan Anda dengan visual. Menambahkan tangkapan layar memperjelas konsep yang rumit dan menyederhanakan instruksi, menawarkan pengguna tampilan elemen antarmuka yang mudah dipahami. Panduan ini menunjukkan cara menyisipkan gambar dengan rapi dan efektif, meningkatkan kejelasan konten dan keterlibatan pembaca.

Membuat tangkapan layar di komputer atau perangkat seluler

Untuk mempelajari cara membuat tangkapan layar untuk Basis Pengetahuan dan alat penyuntingan apa yang dapat Anda gunakan, lihat How to make screenshots.

Menambahkan tangkapan layar dan gambar lain ke artikel Basis Pengetahuan

Mengunggah gambar ke Galeri Media

1. Buka Galeri Media.
2. Di kanan bawah, klik tombol Upload.
3. Kotak dialog Unggah akan terbuka. Klik tombol Browse… untuk menelusuri berkas di komputer Anda dan pilih gambar yang ingin Anda unggah.
4. Setelah memilih gambar, kotak dialog akan meminta Anda untuk memberikan judul dan deskripsi untuk gambar Anda. Isi detail ini lalu klik tombol Upload untuk menyelesaikan proses pengunggahan.

Mengunggah gambar langsung dari penyunting artikel

Jika Anda sedang aktif menyunting artikel dan perlu menambahkan gambar, Anda juga dapat mengunggah langsung dari bilah alat:

1. Mulailah dengan membuat artikel baru atau menyunting artikel yang sudah ada.
2. Di penyunting artikel, klik tombol Sisipkan Media yang terdapat di bilah alat.

   

   • Tindakan ini akan memunculkan dialog Sisipkan Media.
3. Di bagian bawah dialog yang muncul, pilih tombol Upload Media untuk melanjutkan.
4. Di kotak dialog Unggah, klik tombol Browse… untuk menelusuri berkas di komputer Anda dan pilih gambar yang ingin Anda unggah.
5. Setelah memilih gambar, kotak dialog akan meminta Anda untuk memberikan judul dan deskripsi untuk gambar Anda. Isi detail ini lalu klik tombol Upload untuk menyelesaikan proses pengunggahan.

Menambahkan gambar ke artikel

1. Anda dapat memulai dengan membuat artikel baru atau dengan menyunting artikel yang sudah ada.
2. Cari dan klik tombol Sisipkan Media di bilah alat.
3. Dari galeri, pilih gambar yang ingin Anda tambahkan, lalu klik Insert Media untuk menyematkannya ke dalam artikel.

Penggunaan gambar sisipan yang efektif

Menyisipkan tangkapan layar sisipan secara langsung ke dalam artikel KB meningkatkan kejelasan dan navigasi dengan menunjukkan elemen antarmuka secara visual seperti tombol dan menu. Pendekatan ini menyederhanakan artikel, membuatnya lebih mudah diikuti dengan mengurangi volume gambar dan teks, dan secara langsung memandu pengguna melalui antarmuka dengan visual yang ringkas dan relevan. Panduan untuk mengoptimalkan integrasi gambar sisipan:

• Prioritaskan kejelasan: Gunakan gambar sisipan untuk menggantikan isyarat tekstual dengan representasi visual yang tepat. Fokus pada menampilkan elemen yang dapat berinteraksi seperti menu dan tombol, memastikan gambar-gambar ini relevan secara langsung dan memfasilitasi pengenalan dan interaksi pengguna yang cepat.
• Penempatan strategis: Integrasikan tangkapan layar di samping teks yang relevan untuk memadukan instruksi dengan panduan visual secara mulus, sehingga memudahkan pengguna untuk mengikuti tanpa tersesat dalam deskripsi yang panjang.
• Ukuran itu penting: Saat memilih gambar sisipan, usahakan tinggi maksimum 16 piksel. Ini memastikan visual informatif namun tidak mengganggu, berkontribusi pada tata letak yang lebih bersih dan lebih mudah diakses bagi pengguna yang menavigasi konten.

Penggunaan gambar yang efektif untuk instruksi langkah demi langkah

Menyematkan tangkapan layar di antara kalimat dalam artikel KB secara visual menunjukkan tindakan atau tugas, menjembatani kesenjangan antara instruksi teks dan aplikasi praktisnya. Pendekatan ini meningkatkan pemahaman dan keterlibatan pengguna dengan mengilustrasikan langkah-langkah penting dari suatu proses, membuat artikel lebih interaktif dan mudah diikuti oleh pembaca. Panduan untuk mengoptimalkan penggunaan gambar pada instruksi langkah demi langkah meliputi:

• Penggunaan selektif: Sisipkan tangkapan layar hanya untuk konsep yang benar-benar mendapat manfaat dari bantuan visual. Hindari penggunaan berlebihan untuk mencegah kekacauan.
• Korelasi langsung: Pilih tangkapan layar yang terkait langsung dengan teks yang menyertainya, memastikan setiap gambar dengan jelas mengilustrasikan tindakan atau tugas yang dijelaskan.
• Urutan logis: Susun tangkapan layar untuk mengikuti perkembangan langkah-langkah yang alami, mencerminkan pengalaman aktual pengguna. Urutan kronologis ini mendukung alur yang logis, memfasilitasi panduan langkah demi langkah yang dapat diikuti pembaca dengan mudah.
• Akurasi adalah kunci: Pastikan tangkapan layar secara akurat menggambarkan apa yang akan ditemui pengguna di layar mereka. Mengingat penampilan dapat bervariasi di berbagai sistem operasi, sesuaikan tangkapan layar Anda. Untuk panduan tentang menyesuaikan tangkapan layar untuk pengguna Windows, macOS, dan Linux, lihat panduan How to use "For" tags.

Contoh

Mari kita buat sederhana!

• Jika Anda menempatkan gambar dalam baris teks (gambar sisipan), tingginya tidak boleh lebih dari 16 piksel.
• Jika Anda menempatkan gambar di antara dua kalimat dalam serangkaian langkah atau daftar (berurutan atau tidak berurutan), gambar tersebut harus diawali dengan titik koma. Tidak perlu menambahkan jeda baris di sekitar gambar.

Markup untuk gambar sisipan

Seperti inilah tampilan markup wiki untuk gambar sisipan:

This is the text, followed by [[Image:The Image]], and this is the continuation of the text.

Contoh gambar sisipan

Berikut adalah cuplikan teks. Tepat di tengah, kami telah menyisipkan gambar sisipan dari tombol menu Firefox. Setelah itu, kami telah menambahkan teks tambahan.

Markup untuk gambar dalam serangkaian langkah

Seperti inilah tampilan markup wiki untuk mengawali gambar dengan titik koma:

# This is a step.
#;[[Image:The Image]]
# This is the next step.


Contoh gambar dalam serangkaian langkah

Ini adalah contoh dengan teks yang lebih panjang dan gambar yang lebih panjang:

1. Ini adalah sebuah langkah. Dan berikut adalah beberapa kata tambahan agar Anda dapat melihat seperti apa tampilannya di atas gambar.

   

2. Ini adalah langkah berikutnya, sekali lagi, dengan kata-kata tambahan agar Anda dapat melihat seperti apa tampilannya di bawah gambar.

Panduan Basis Pengetahuan

Jika Anda tertarik untuk mempelajari lebih lanjut tentang menulis dan menyunting artikel Basis Pengetahuan, temukan panduannya di sini.