Pengenalan Interface My Lynk
Platform Microsite Lynk.id — Memahami Dashboard & Fitur Utama
1 Menu My Lynk
My Lynk adalah halaman utama (dashboard) pada platform Lynk.id yang berfungsi sebagai pusat pengelolaan microsite Anda. Di halaman ini, Anda dapat mengatur semua konten, tampilan, dan pengaturan halaman microsite yang akan dilihat oleh pengunjung.
Komponen Menu My Lynk
Menu Utama
Kelola Block
Link Website
https://contoh.com
Teks Header
Selamat Datang
Fungsi Masing-Masing Menu
| Menu | Ikon | Fungsi |
|---|---|---|
| My Lynk | 🏠 | Halaman utama untuk mengelola block/konten microsite |
| Analytics | 📊 | Melihat statistik pengunjung dan klik |
| Appearance | 🎨 | Mengatur tampilan visual (tema, warna, font) |
| Settings | ⚙️ | Pengaturan akun, URL, SEO, dan lainnya |
| Monetization | 💰 | Fitur untuk menghasilkan uang (tip jar, produk digital) |
🎯 Kegiatan Pembelajaran
👁️ Mengamati
Perhatikan tampilan dashboard My Lynk di atas. Amati posisi menu sidebar di sebelah kiri dan area konten utama di sebelah kanan. Perhatikan bagaimana setiap menu memiliki ikon yang berbeda untuk memudahkan identifikasi.
❓ Menanya
Mengapa menu My Lynk ditempatkan di posisi paling atas pada sidebar? Apa hubungan antara menu Appearance dan tampilan yang dilihat pengunjung?
🧠 Menalar
Menu My Lynk ditempatkan di posisi pertama karena merupakan halaman yang paling sering diakses oleh pengguna. Pengelolaan konten (block) adalah aktivitas utama dalam membangun microsite, sehingga aksesnya harus mudah dan cepat.
🔧 Mencoba
Buka akun Lynk.id Anda, lalu klik setiap menu yang ada di sidebar. Catat apa yang muncul di area konten utama ketika Anda mengklik masing-masing menu.
📢 Mengkomunikasikan
Jelaskan kepada teman sebangku Anda, fungsi dari masing-masing menu pada sidebar My Lynk menggunakan bahasa Anda sendiri.
📝 Contoh Soal
Mudah 5 Soal
1. Apa nama halaman utama pada dashboard Lynk.id yang digunakan untuk mengelola konten microsite?
Pembahasan:
Halaman utama pada dashboard Lynk.id disebut My Lynk. Halaman ini berfungsi sebagai pusat pengelolaan semua block/konten yang ditampilkan pada microsite.
2. Di posisi manakah menu sidebar terletak pada tampilan dashboard Lynk.id?
Pembahasan:
Menu sidebar terletak di sebelah kiri halaman dashboard. Sidebar ini berisi daftar menu navigasi utama seperti My Lynk, Analytics, Appearance, Settings, dan Monetization.
3. Menu apa yang digunakan untuk melihat jumlah pengunjung microsite?
Pembahasan:
Menu Analytics (📊) digunakan untuk melihat statistik pengunjung dan data klik pada microsite.
4. Ikon apa yang mewakili menu Appearance pada sidebar?
Pembahasan:
Menu Appearance diwakili oleh ikon 🎨 (palet warna), karena menu ini berfungsi untuk mengatur tampilan visual microsite.
5. Sebutkan 5 menu utama yang terdapat pada sidebar dashboard Lynk.id!
Pembahasan:
Lima menu utama pada sidebar adalah: 1) My Lynk, 2) Analytics, 3) Appearance, 4) Settings, 5) Monetization.
Sedang 5 Soal
1. Jelaskan perbedaan fungsi menu My Lynk dan menu Appearance!
Pembahasan:
My Lynk berfungsi untuk mengelola konten/block (menambah, menghapus, mengatur urutan block). Sedangkan Appearance berfungsi untuk mengatur tampilan visual seperti tema warna, background, font, dan style tombol. My Lynk fokus pada ISI, Appearance fokus pada TAMPILAN.
2. Mengapa menu My Lynk diletakkan di urutan pertama pada sidebar? Berikan alasan logis!
Pembahasan:
Menu My Lynk diletakkan di urutan pertama karena: 1) Merupakan fitur yang paling sering digunakan (pengelolaan konten), 2) Mengikuti prinsip UX bahwa fitur utama harus paling mudah diakses, 3) Pengguna baru langsung melihat halaman pengelolaan konten saat pertama masuk dashboard.
3. Seorang pengguna ingin mengubah warna tema microsite-nya. Menu apa yang harus dibuka dan mengapa?
Pembahasan:
Pengguna harus membuka menu Appearance (🎨). Menu ini khusus menyediakan pengaturan tampilan visual termasuk warna tema, background, dan font. Bukan menu Settings, karena Settings berisi pengaturan teknis seperti URL dan SEO.
4. Apa yang akan terjadi pada area konten utama ketika pengguna mengklik menu Analytics?
Pembahasan:
Ketika menu Analytics diklik, area konten utama (sebelah kanan) akan menampilkan data statistik berupa: jumlah pengunjung (views), jumlah klik pada setiap block, grafik kunjungan harian/mingguan, dan sumber traffic pengunjung.
5. Jelaskan hubungan antara menu Settings dan URL microsite yang dilihat pengunjung!
Pembahasan:
Menu Settings memungkinkan pengguna mengatur URL/alamat microsite (misalnya lynk.id/namaanda). Perubahan di Settings akan langsung mempengaruhi alamat yang digunakan pengunjung untuk mengakses microsite. Settings juga mengatur SEO yang mempengaruhi bagaimana microsite muncul di hasil pencarian.
Sulit 5 Soal
1. Analisislah alur kerja seorang content creator yang baru pertama kali membuat microsite di Lynk.id. Menu mana saja yang perlu diakses dan dalam urutan apa?
Pembahasan:
Alur kerja yang logis: 1) Settings — atur URL dan informasi dasar profil terlebih dahulu. 2) My Lynk — tambahkan block konten (link media sosial, bio, link penting). 3) Appearance — atur tampilan visual agar menarik. 4) Analytics — pantau setelah microsite dipublikasikan. 5) Monetization — aktifkan jika ingin menghasilkan pendapatan. Urutan ini mengikuti prinsip: setup dasar → isi konten → percantik → evaluasi → monetisasi.
2. Bandingkan layout dashboard Lynk.id (sidebar kiri + konten kanan) dengan layout mobile. Mengapa desain responsif penting untuk dashboard?
Pembahasan:
Pada desktop, sidebar ditampilkan permanen di kiri sehingga navigasi selalu terlihat. Pada mobile, sidebar disembunyikan dan muncul sebagai hamburger menu untuk menghemat ruang layar. Desain responsif penting karena: 1) Banyak pengguna mengelola microsite dari HP, 2) Area konten perlu lebar penuh di mobile agar block mudah diedit, 3) Pengalaman pengguna harus konsisten di semua perangkat.
3. Seorang pengguna memiliki 20 block di My Lynk namun Analytics menunjukkan pengunjung hanya mengklik 3 block teratas. Apa analisis dan solusi yang tepat menggunakan fitur yang tersedia?
Pembahasan:
Analisis: Pengunjung cenderung hanya melihat bagian atas halaman (above the fold). Solusi menggunakan fitur yang tersedia: 1) My Lynk — atur ulang urutan block, letakkan block penting di atas. Hapus atau gabungkan block yang tidak relevan. 2) Appearance — gunakan tampilan yang compact agar lebih banyak block terlihat. 3) Analytics — pantau perubahan setelah reorganisasi. Prinsipnya: prioritaskan konten penting di posisi atas.
4. Evaluasi kelebihan dan kekurangan penempatan menu Monetization di posisi terakhir pada sidebar. Bagaimana ini mempengaruhi pengalaman pengguna?
Pembahasan:
Kelebihan: 1) Tidak mengganggu alur utama pembuatan konten, 2) Pengguna fokus membuat konten berkualitas dulu sebelum memonetisasi, 3) Mengikuti hierarki kebutuhan (konten → tampilan → penghasilan). Kekurangan: 1) Pengguna yang tujuan utamanya monetisasi harus scroll/mencari, 2) Fitur bisa terlewat oleh pengguna baru. Pengaruh UX: Penempatan ini mencerminkan filosofi platform bahwa konten berkualitas lebih penting daripada monetisasi langsung.
5. Rancang skenario penggunaan dashboard yang melibatkan SEMUA menu (My Lynk, Analytics, Appearance, Settings, Monetization) dalam satu alur kerja yang logis dan saling terkait!
Pembahasan:
Skenario: Seorang guru ingin membuat microsite untuk jualan e-book. Langkah 1 (Settings): Atur URL menjadi lynk.id/gurubudi, tambahkan judul SEO “E-book Matematika Guru Budi”. Langkah 2 (My Lynk): Tambahkan block header “Selamat Datang”, block link ke channel YouTube, dan block teks tentang profil. Langkah 3 (Monetization): Tambahkan block produk digital (e-book) dengan harga dan deskripsi. Langkah 4 (Appearance): Pilih tema biru profesional, atur font yang mudah dibaca. Langkah 5 (Analytics): Setelah 1 minggu, cek data — 100 views, 30 klik e-book, 5 pembelian. Lalu kembali ke My Lynk untuk reorganisasi block berdasarkan data.
✏️ Latihan Soal
Mudah 5 Soal
1. Sebutkan fungsi utama halaman My Lynk!
2. Menu apa yang digunakan untuk mengubah tema warna microsite?
3. Di mana posisi sidebar pada tampilan desktop Lynk.id?
4. Apa fungsi menu Settings pada Lynk.id?
5. Ikon apa yang digunakan untuk menu Analytics?
Sedang 5 Soal
1. Jelaskan perbedaan antara konten yang dikelola di My Lynk dengan pengaturan di Settings!
2. Mengapa menu Analytics penting bagi pemilik microsite? Berikan 3 alasan!
3. Bagaimana menu Appearance mempengaruhi pengalaman pengunjung microsite?
4. Jelaskan hubungan antara data di Analytics dengan keputusan yang diambil di My Lynk!
5. Apa yang membedakan pengaturan di Appearance dengan pengaturan di Settings?
Sulit 5 Soal
1. Rancang strategi optimasi microsite menggunakan data Analytics untuk meningkatkan klik sebesar 50%!
2. Bandingkan dashboard Lynk.id dengan platform sejenis (Linktree). Apa kelebihan struktur menu Lynk.id?
3. Analisis mengapa Lynk.id memisahkan Monetization sebagai menu tersendiri, bukan bagian dari My Lynk!
4. Buatlah diagram alur (flowchart) penggunaan semua menu untuk membuat microsite toko online!
5. Evaluasi desain UX dashboard Lynk.id dan berikan 3 saran perbaikan beserta alasannya!
2 Tombol Add New Block
Tombol Add New Block adalah fitur utama pada halaman My Lynk yang berfungsi untuk menambahkan elemen konten baru ke microsite Anda. Setiap konten pada microsite disebut “block” — ibarat blok bangunan yang menyusun halaman Anda.
Tampilan & Posisi Tombol
Halaman My Lynk
Tombol ini terletak di bagian atas area konten utama
Langkah Menambahkan Block Baru
Klik tombol “+ Add New Block” yang berwarna biru di bagian atas halaman My Lynk.
Akan muncul panel/modal yang menampilkan daftar jenis block yang tersedia.
Pilih jenis block yang diinginkan (terdapat kategori Basic dan Monetization).
Isi konten block sesuai jenis yang dipilih (misalnya: URL untuk block Link, teks untuk block Header).
Block baru akan muncul di daftar block pada halaman My Lynk dan langsung tampil di microsite.
Tampilan Panel Pilihan Block
Basic Blocks
Monetization Blocks
🎯 Kegiatan Pembelajaran
👁️ Mengamati
Perhatikan posisi tombol Add New Block pada mockup di atas. Amati bagaimana tombol tersebut menonjol dengan warna biru dan ukuran yang cukup besar agar mudah ditemukan pengguna.
❓ Menanya
Mengapa tombol Add New Block menggunakan simbol “+” di depan teks? Mengapa panel pilihan block dibagi menjadi dua kategori (Basic dan Monetization)?
🧠 Menalar
Simbol “+” secara universal dipahami sebagai “tambah/baru”, sehingga pengguna dari berbagai latar belakang langsung mengerti fungsinya. Pembagian kategori memudahkan pengguna menemukan block yang sesuai kebutuhan tanpa harus scroll panjang melalui semua pilihan.
🔧 Mencoba
Login ke akun Lynk.id Anda, klik tombol Add New Block, dan coba tambahkan satu block Link yang mengarah ke profil media sosial Anda. Perhatikan prosesnya dari klik tombol hingga block muncul.
📢 Mengkomunikasikan
Buat tutorial singkat (3-5 langkah) tentang cara menambahkan block baru, lalu presentasikan kepada kelompok Anda.
📝 Contoh Soal
Mudah 5 Soal
1. Di mana posisi tombol Add New Block pada halaman My Lynk?
Pembahasan:
Tombol Add New Block terletak di bagian atas area konten utama pada halaman My Lynk. Tombol ini berwarna biru dan memiliki simbol “+” agar mudah ditemukan.
2. Apa yang terjadi setelah tombol Add New Block diklik?
Pembahasan:
Setelah diklik, akan muncul panel/modal yang menampilkan daftar jenis block yang tersedia, dibagi menjadi kategori Basic dan Monetization.
3. Simbol apa yang terdapat pada tombol Add New Block?
Pembahasan:
Tombol Add New Block memiliki simbol “+” (plus) di depan teks “Add New Block”. Simbol ini secara universal berarti “tambah item baru”.
4. Berapa kategori jenis block yang muncul saat tombol Add New Block diklik?
Pembahasan:
Terdapat 2 kategori jenis block, yaitu: Basic (untuk konten umum) dan Monetization (untuk fitur menghasilkan uang).
5. Apa warna tombol Add New Block pada dashboard Lynk.id?
Pembahasan:
Tombol Add New Block berwarna biru. Warna biru dipilih karena merupakan warna utama (primary color) Lynk.id dan memberikan kontras yang jelas agar tombol mudah ditemukan.
Sedang 5 Soal
1. Jelaskan langkah-langkah menambahkan block Link ke microsite!
Pembahasan:
Langkah-langkah: 1) Klik tombol “+ Add New Block” → 2) Pada panel yang muncul, pilih kategori “Basic” → 3) Klik block “Link” (🔗) → 4) Masukkan URL tujuan (contoh: https://instagram.com/namaanda) → 5) Isi judul link (contoh: “Follow Instagram Saya”) → 6) Klik Simpan/Save → 7) Block link akan muncul di daftar dan tampil di microsite.
2. Mengapa Lynk.id menggunakan sistem “block” untuk menyusun microsite? Apa keuntungannya?
Pembahasan:
Keuntungan sistem block: 1) Mudah ditambah/dihapus tanpa mempengaruhi block lain, 2) Bisa diatur ulang urutannya (drag & drop), 3) Setiap block independen sehingga jika satu rusak tidak mempengaruhi lainnya, 4) Pengguna tanpa coding bisa membangun halaman seperti menyusun balok, 5) Memungkinkan variasi konten (link, gambar, video, teks) dalam satu halaman.
3. Seorang siswa ingin menambahkan video YouTube ke micrositenya. Jelaskan prosesnya!
Pembahasan:
Proses: 1) Klik “+ Add New Block” → 2) Pilih block “Video” (🎬) dari kategori Basic → 3) Salin URL video YouTube yang ingin ditampilkan → 4) Paste URL tersebut ke kolom yang tersedia → 5) Tambahkan judul/deskripsi jika diperlukan → 6) Simpan. Video akan muncul sebagai embed yang bisa ditonton langsung oleh pengunjung microsite.
4. Apa yang membedakan panel pilihan block di Lynk.id dengan cara membuat halaman web menggunakan coding?
Pembahasan:
Lynk.id (no-code): Cukup klik tombol, pilih block, isi konten → selesai dalam hitungan detik. Tidak perlu pengetahuan teknis. Coding: Harus menulis HTML/CSS/JavaScript, mengatur hosting, memahami struktur file, debugging error. Bisa memakan waktu berjam-jam. Perbedaan utamanya adalah aksesibilitas — Lynk.id memungkinkan siapa saja membuat halaman web tanpa keahlian programming.
5. Berapa maksimal block yang sebaiknya ditambahkan ke microsite? Berikan alasannya!
Pembahasan:
Tidak ada batasan teknis, namun sebaiknya 5-10 block untuk hasil optimal. Alasan: 1) Pengunjung mobile memiliki attention span pendek (rata-rata 8 detik), 2) Terlalu banyak block membuat scroll panjang sehingga block bawah jarang diklik, 3) Prinsip “less is more” — konten terfokus lebih efektif, 4) Data Analytics biasanya menunjukkan klik menurun drastis setelah block ke-5.
Sulit 5 Soal
1. Desainlah struktur microsite ideal untuk seorang guru yang ingin membagikan materi, tugas, dan informasi kontak kepada siswanya. Tentukan jenis dan urutan block yang tepat!
Pembahasan:
Struktur ideal: Block 1 (Header): “Kelas Matematika – Bu Ani” — identitas jelas. Block 2 (Image): Foto profil/banner kelas. Block 3 (Text): Informasi singkat jadwal & pengumuman. Block 4 (Link): Google Classroom atau LMS — prioritas utama siswa. Block 5 (Link): Folder Google Drive materi/tugas. Block 6 (Video): Video penjelasan terbaru. Block 7 (Link): Form pengumpulan tugas. Block 8 (Contact): Email/WA untuk konsultasi. Urutan ini mengikuti prioritas: identitas → konten utama → komunikasi.
2. Analisis kelebihan dan kekurangan sistem “modal/panel popup” untuk memilih block dibandingkan dengan sistem “halaman terpisah”. Mana yang lebih baik untuk UX?
Pembahasan:
Modal/Panel Popup — Kelebihan: 1) Cepat, tidak perlu loading halaman baru, 2) Konteks tidak hilang (pengguna masih melihat daftar block di belakang), 3) Proses terasa ringan dan instan. Kekurangan: 1) Ruang terbatas untuk menampilkan banyak opsi, 2) Bisa tertutup tidak sengaja. Halaman Terpisah — Kelebihan: 1) Ruang lebih luas untuk preview dan deskripsi block, 2) Bisa menampilkan contoh penggunaan. Kekurangan: 1) Loading tambahan, 2) Kehilangan konteks halaman sebelumnya. Kesimpulan: Modal lebih baik untuk daftar block yang sedikit (<20 pilihan) karena kecepatan dan efisiensinya.
3. Bagaimana prinsip “progressive disclosure” diterapkan pada fitur Add New Block di Lynk.id? Jelaskan dengan contoh!
Pembahasan:
Progressive disclosure = menampilkan informasi secara bertahap sesuai kebutuhan. Penerapan di Add New Block: Level 1: Pengguna hanya melihat satu tombol “Add New Block” (sederhana, tidak overwhelming). Level 2: Setelah diklik, muncul kategori (Basic/Monetization) — pilihan masih terkelompok. Level 3: Dalam kategori, pengguna melihat jenis block spesifik dengan ikon. Level 4: Setelah memilih block, muncul form isian khusus untuk block tersebut. Tanpa progressive disclosure, semua opsi (20+ pilihan + form) akan tampil sekaligus dan membingungkan pengguna baru.
4. Jika Anda diminta menambahkan jenis block baru ke Lynk.id, block apa yang akan Anda usulkan? Jelaskan alasan, kategori penempatannya, dan target penggunanya!
Pembahasan:
Usulan: Block “Poll/Survey”. Kategori: Basic. Fungsi: Pengunjung bisa memberikan vote pada pertanyaan yang dibuat pemilik microsite. Alasan: 1) Meningkatkan interaksi dua arah (bukan hanya satu arah seperti link), 2) Berguna untuk content creator yang ingin tahu preferensi audiens, 3) Bisa digunakan guru untuk kuis cepat, 4) Data hasil poll bisa dilihat di Analytics. Target pengguna: Content creator, guru, bisnis yang ingin riset pasar sederhana. Mengapa Basic bukan Monetization: Tidak menghasilkan uang langsung, fungsinya informatif/engagement.
5. Bandingkan pengalaman menambahkan konten di Lynk.id (block system) dengan WordPress (page builder). Mana yang lebih cocok untuk pengguna pemula dan mengapa?
Pembahasan:
Lynk.id: 1) Pilihan block terbatas tapi jelas fungsinya, 2) Satu tujuan: membuat link-in-bio/microsite, 3) Proses: klik → pilih → isi → selesai (3-4 langkah), 4) Tidak ada pengaturan kompleks (ukuran, kolom, spacing). WordPress: 1) Ratusan block/widget tersedia, 2) Multi-fungsi (blog, toko, portofolio), 3) Proses lebih panjang dengan banyak opsi kustomisasi, 4) Perlu memahami konsep seperti kolom, padding, responsif. Kesimpulan: Lynk.id lebih cocok untuk pemula karena: scope terbatas (fokus microsite), kurva belajar rendah, hasil instan, dan tidak ada pilihan yang membingungkan. WordPress cocok untuk pengguna yang butuh kontrol penuh dan fleksibilitas tinggi.
✏️ Latihan Soal
Mudah 5 Soal
1. Apa fungsi tombol Add New Block?
2. Langkah pertama untuk menambahkan block baru adalah…
3. Berapa kategori block yang tersedia saat tombol Add New Block diklik?
4. Apa arti simbol “+” pada tombol Add New Block?
5. Setelah memilih jenis block, apa yang harus dilakukan selanjutnya?
Sedang 5 Soal
1. Jelaskan mengapa sistem block lebih mudah digunakan dibandingkan menulis kode HTML!
2. Apa keuntungan menggunakan panel popup dibandingkan halaman baru untuk memilih block?
3. Sebutkan 4 jenis block yang termasuk kategori Basic beserta fungsinya!
4. Bagaimana cara mengubah urutan block yang sudah ditambahkan?
5. Apa yang terjadi jika kita menambahkan terlalu banyak block ke microsite?
Sulit 5 Soal
1. Rancang microsite untuk UMKM makanan dengan minimal 6 block. Tentukan jenis dan urutan block yang strategis!
2. Analisis prinsip UX yang diterapkan pada proses Add New Block di Lynk.id!
3. Jika Anda mengembangkan platform sejenis Lynk.id, fitur tambahan apa yang akan Anda buat pada tombol Add New Block?
4. Bandingkan efektivitas microsite dengan 5 block vs 15 block berdasarkan perspektif pengunjung mobile!
5. Evaluasi bagaimana pengelompokan block (Basic/Monetization) mempengaruhi decision-making pengguna!
3 Jenis Block (Basic & Monetization)
Pada Lynk.id, block dibagi menjadi dua kategori utama berdasarkan fungsinya: Basic Blocks untuk konten informasi umum dan Monetization Blocks untuk fitur menghasilkan pendapatan.
📦 A. Basic Blocks
Block dasar yang digunakan untuk menampilkan informasi dan konten umum kepada pengunjung.
| No | Jenis Block | Ikon | Fungsi | Contoh Penggunaan |
|---|---|---|---|---|
| 1 | Link | 🔗 | Menambahkan tautan ke halaman/situs lain | Link Instagram, Website, Google Form |
| 2 | Header/Text | 📝 | Menambahkan judul atau teks deskripsi | Judul “Media Sosial Saya”, Bio singkat |
| 3 | Image | 🖼️ | Menampilkan gambar/foto | Banner promosi, portfolio foto |
| 4 | Video | 🎬 | Menyematkan video (YouTube/Vimeo) | Video perkenalan, tutorial |
| 5 | Social Media | 📱 | Menampilkan ikon media sosial | Ikon IG, Twitter, TikTok, YouTube |
| 6 | Contact/Form | 📧 | Form kontak atau informasi komunikasi | Email, nomor WhatsApp, alamat |
💰 B. Monetization Blocks
Block khusus yang memungkinkan pemilik microsite menghasilkan pendapatan dari pengunjung.
| No | Jenis Block | Ikon | Fungsi | Contoh Penggunaan |
|---|---|---|---|---|
| 1 | Tip Jar | 💳 | Menerima donasi/tip dari pengunjung | Tombol “Traktir Kopi ☕”, Dukungan konten |
| 2 | Digital Product | 📦 | Menjual produk digital (file download) | E-book, template desain, preset foto |
| 3 | Membership | 🎟️ | Menawarkan langganan/keanggotaan berbayar | Konten eksklusif, grup komunitas premium |
Perbandingan Basic vs Monetization
📦 Basic Blocks
- ✅ Gratis untuk semua pengguna
- ✅ Fokus pada informasi & konten
- ✅ Tidak ada transaksi uang
- ✅ Cocok untuk pemula
- ✅ Pengunjung tidak perlu bayar
💰 Monetization Blocks
- ✅ Menghasilkan pendapatan
- ✅ Fokus pada penjualan & donasi
- ✅ Melibatkan transaksi uang
- ✅ Cocok untuk creator & bisnis
- ✅ Pengunjung membayar untuk akses
🎯 Kegiatan Pembelajaran
👁️ Mengamati
Amati tabel perbandingan Basic dan Monetization blocks di atas. Perhatikan perbedaan jumlah jenis block pada masing-masing kategori dan fungsi utamanya.
❓ Menanya
Mengapa jenis Basic block lebih banyak daripada Monetization? Apakah semua pengguna membutuhkan Monetization blocks?
🧠 Menalar
Basic blocks lebih banyak karena kebutuhan konten informatif lebih beragam (link, teks, gambar, video). Tidak semua pengguna bertujuan menghasilkan uang — banyak yang hanya ingin berbagi informasi, portofolio, atau kontak. Monetization block lebih sedikit karena model monetisasi digital terbatas pada: donasi, penjualan produk, dan langganan.
🔧 Mencoba
Buat daftar 5 ide konten yang cocok menggunakan Basic blocks dan 3 ide konten yang cocok menggunakan Monetization blocks untuk profil Anda sendiri.
📢 Mengkomunikasikan
Diskusikan dengan kelompok: Jika kalian seorang content creator, block mana saja yang akan kalian gunakan dan mengapa? Presentasikan hasilnya.
📝 Contoh Soal
Mudah 5 Soal
1. Sebutkan dua kategori utama block pada Lynk.id!
Pembahasan:
Dua kategori utama block adalah Basic (untuk konten informatif umum) dan Monetization (untuk fitur menghasilkan pendapatan).
2. Block jenis apa yang digunakan untuk menambahkan tautan ke media sosial?
Pembahasan:
Block Link (🔗) dari kategori Basic digunakan untuk menambahkan tautan ke media sosial atau website lain. Bisa juga menggunakan block Social Media (📱) untuk menampilkan ikon media sosial.
3. Apa fungsi block “Tip Jar”?
Pembahasan:
Block Tip Jar (💳) berfungsi untuk menerima donasi atau tip dari pengunjung microsite. Pengunjung bisa memberikan sejumlah uang sebagai dukungan kepada pemilik microsite.
4. Block apa yang cocok untuk menjual e-book di Lynk.id?
Pembahasan:
Block Digital Product (📦) dari kategori Monetization cocok untuk menjual e-book. Block ini memungkinkan penjualan file digital yang bisa diunduh pembeli setelah melakukan pembayaran.
5. Termasuk kategori apakah block “Image”?
Pembahasan:
Block Image (🖼️) termasuk dalam kategori Basic, karena berfungsi untuk menampilkan gambar/foto sebagai konten informatif, bukan untuk transaksi uang.
Sedang 5 Soal
1. Jelaskan perbedaan antara block “Link” dan block “Social Media”!
Pembahasan:
Block Link: Menampilkan satu tautan dengan judul dan deskripsi dalam bentuk tombol/card yang bisa diklik. Bisa mengarah ke halaman apa saja. Block Social Media: Menampilkan kumpulan ikon media sosial (Instagram, Twitter, TikTok, dll) dalam satu baris/grid. Lebih ringkas untuk menampilkan banyak akun sekaligus. Perbedaan utama: Link = satu destinasi per block, Social Media = banyak ikon dalam satu block.
2. Seorang content creator ingin menjual preset Lightroom dan menerima donasi. Block Monetization apa saja yang diperlukan?
Pembahasan:
Dua block Monetization yang diperlukan: 1) Digital Product — untuk menjual preset Lightroom (file digital yang diunduh setelah pembayaran). 2) Tip Jar — untuk menerima donasi dari penggemar yang ingin mendukung tanpa membeli produk. Kedua block ini saling melengkapi: Digital Product untuk produk berbayar tetap, Tip Jar untuk dukungan sukarela.
3. Mengapa block “Video” hanya menyematkan video dari platform lain (YouTube) dan bukan upload langsung?
Pembahasan:
Alasan: 1) File video berukuran besar (ratusan MB) sehingga memperlambat loading microsite. 2) Hosting video membutuhkan server khusus dan bandwidth mahal. 3) YouTube/Vimeo sudah mengoptimasi streaming untuk berbagai kecepatan internet. 4) Embed dari YouTube tetap memungkinkan pemutaran langsung di microsite. 5) Pengguna biasanya sudah memiliki video di YouTube.
4. Apa perbedaan antara block “Digital Product” dan block “Membership”?
Pembahasan:
Digital Product: Pembayaran sekali (one-time purchase), pembeli mendapat file untuk diunduh, hubungan transaksi selesai setelah download. Contoh: e-book Rp50.000 — beli, download, selesai. Membership: Pembayaran berulang (recurring/langganan), member mendapat akses berkelanjutan ke konten eksklusif, hubungan berlangsung selama berlangganan. Contoh: Rp30.000/bulan untuk akses grup premium + konten bulanan.
5. Berikan 3 contoh penggunaan block “Header/Text” yang efektif pada microsite!
Pembahasan:
3 contoh efektif: 1) Pembatas seksi — “📚 Karya Saya” sebagai judul sebelum block-block link portofolio. 2) Bio singkat — “Hai! Saya Andi, content creator fokus edukasi keuangan untuk mahasiswa.” 3) Pengumuman — “🔥 DISKON 50% E-book sampai 30 Januari!” untuk menarik perhatian pengunjung ke block Digital Product di bawahnya.
Sulit 5 Soal
1. Analisis strategi penggunaan kombinasi Basic dan Monetization blocks untuk memaksimalkan konversi penjualan e-book pada microsite!
Pembahasan:
Strategi optimal (atas ke bawah): Block 1 (Header): Judul menarik — “📖 E-book: Rahasia Lulus SNBT 2024”. Block 2 (Video): Testimonial video singkat dari pembeli sebelumnya. Block 3 (Text): Deskripsi benefit — “350 halaman, 100 soal latihan + pembahasan”. Block 4 (Image): Cover e-book yang profesional. Block 5 (Digital Product): Tombol beli dengan harga. Block 6 (Tip Jar): “Belum mampu beli? Traktir kopi dulu ☕”. Prinsip: awareness → trust → detail → action. Basic blocks membangun kepercayaan dan minat, Monetization block menangkap pembelian.
2. Evaluasi kelebihan dan kekurangan pembagian block menjadi hanya dua kategori (Basic/Monetization). Usulkan sistem kategorisasi alternatif yang lebih baik!
Pembahasan:
Kelebihan 2 kategori: Simpel, mudah dipahami pemula, keputusan cepat (mau konten atau mau jualan?). Kekurangan: Terlalu sederhana ketika block bertambah banyak, tidak jelas posisi block seperti “Form” (Basic atau interaktif?), mixing function vs purpose. Usulan alternatif: 3 kategori: 1) Content (Header, Text, Image, Video) — konten statis, 2) Interactive (Link, Social Media, Contact, Form) — melibatkan interaksi pengunjung, 3) Commerce (Tip Jar, Digital Product, Membership) — transaksi. Alasan: Pengelompokan berdasarkan level interaksi pengguna (pasif → aktif → transaksional) lebih intuitif.
3. Seorang guru ingin menggunakan Lynk.id untuk pembelajaran. Rancang microsite menggunakan kombinasi block yang tepat dan jelaskan mengapa Monetization block TIDAK diperlukan!
Pembahasan:
Rancangan: 1) Header: “Kelas Fisika – Pak Ahmad – Kelas XI IPA”. 2) Image: Jadwal pelajaran mingguan. 3) Text: Pengumuman terbaru. 4) Link: Google Classroom. 5) Link: Folder materi (Google Drive). 6) Video: Penjelasan materi terbaru (YouTube). 7) Link: Form pengumpulan tugas. 8) Contact: WhatsApp konsultasi. Mengapa tanpa Monetization: 1) Pendidikan formal TIDAK boleh dikomersilkan secara langsung kepada siswa sendiri, 2) Tujuannya edukasi bukan profit, 3) Semua materi seharusnya gratis untuk siswa, 4) Etika profesi guru melarang pungutan di luar ketentuan sekolah.
4. Bagaimana perkembangan teknologi (AI, AR) bisa mempengaruhi jenis block yang ditawarkan platform microsite di masa depan? Usulkan 3 jenis block inovatif!
Pembahasan:
3 block inovatif: 1) AI Chat Block: Pengunjung bisa bertanya langsung ke chatbot AI yang sudah dilatih dengan informasi pemilik. Contoh: “Tanya tentang produk saya” — AI menjawab FAQ otomatis. 2) AR Product View: Pengunjung mengarahkan kamera HP untuk melihat produk 3D (fashion, furnitur). Meningkatkan konversi karena pengunjung bisa “mencoba” produk. 3) Interactive Quiz Block: Pengunjung mengerjakan kuis singkat yang memberikan rekomendasi produk personal. Contoh: “Temukan skincare yang cocok untuk kulit Anda!” Pengaruh terhadap platform: Pergeseran dari konten pasif (link, teks) ke konten interaktif dan personalized.
5. Bandingkan model monetisasi Lynk.id (Tip Jar, Digital Product, Membership) dengan model monetisasi YouTube (Adsense, Membership, Super Chat). Apa persamaan dan perbedaannya?
Pembahasan:
Persamaan: 1) Keduanya punya fitur donasi (Tip Jar ≈ Super Chat/Super Thanks), 2) Keduanya punya membership berlangganan, 3) Keduanya memungkinkan creator menghasilkan langsung dari audiens. Perbedaan: 1) YouTube punya Adsense (pendapatan dari iklan) — Lynk.id TIDAK punya iklan, semua pendapatan langsung dari pengunjung, 2) YouTube mengambil potongan 30% — Lynk.id potongan lebih kecil, 3) YouTube butuh syarat (1000 subscriber, 4000 jam) — Lynk.id bisa langsung aktif, 4) Lynk.id punya Digital Product (jual file) — YouTube tidak bisa jual file langsung. Kesimpulan: Lynk.id lebih cocok untuk transaksi langsung (direct-to-fan), YouTube lebih cocok untuk pendapatan pasif (iklan).
✏️ Latihan Soal
Mudah 5 Soal
1. Sebutkan 3 jenis Basic block beserta fungsinya!
2. Apa perbedaan utama antara kategori Basic dan Monetization?
3. Block apa yang cocok untuk menampilkan video YouTube?
4. Sebutkan 3 jenis Monetization block yang ada di Lynk.id!
5. Block “Digital Product” termasuk kategori Basic atau Monetization?
Sedang 5 Soal
1. Jelaskan perbedaan fungsi block Digital Product dan block Membership!
2. Seorang fotografer ingin membuat microsite. Block apa saja yang sebaiknya digunakan?
3. Mengapa block Header/Text penting meskipun tidak memiliki fungsi interaktif?
4. Berikan contoh microsite yang hanya memerlukan Basic blocks tanpa Monetization!
5. Bagaimana block Tip Jar berbeda dengan block Digital Product dalam hal model pembayaran?
Sulit 5 Soal
1. Rancang microsite untuk musisi independen menggunakan kombinasi optimal Basic dan Monetization blocks!
2. Analisis mengapa Lynk.id membatasi Monetization hanya 3 jenis. Apa implikasinya terhadap inovasi bisnis?
3. Evaluasi efektivitas masing-masing Monetization block untuk target audiens yang berbeda (remaja vs dewasa)!
4. Desain sistem block baru yang menggabungkan elemen Basic dan Monetization untuk kebutuhan edukasi online!
5. Kritisi apakah pembagian Basic/Monetization sudah cukup atau perlu kategori ketiga. Berikan argumentasi!
4 Preview Halaman
Preview Halaman adalah fitur yang memungkinkan Anda melihat tampilan microsite seperti yang akan dilihat oleh pengunjung, sebelum atau sesudah mempublikasikan perubahan. Fitur ini sangat penting untuk memastikan semua konten tampil dengan benar.
Cara Mengakses Preview
Preview Real-time di Dashboard
Di sisi kanan halaman My Lynk (pada desktop), terdapat panel preview yang menampilkan tampilan microsite secara real-time.
Tombol Preview/Share
Klik tombol “Preview” atau ikon mata (👁️) untuk membuka preview dalam mode full screen atau tab baru.
Akses Langsung via URL
Buka URL microsite Anda (lynk.id/username) di browser untuk melihat tampilan final.
Tampilan Preview Panel
Editor (Pengelolaan Block)
Preview 📱
Halo, Saya Andi!
lynk.id/andi
Hal yang Perlu Diperhatikan saat Preview
| Aspek | Yang Diperiksa | Tips |
|---|---|---|
| Urutan Block | Apakah konten penting di atas? | Block terpenting harus muncul pertama |
| Link Aktif | Apakah semua link bisa diklik dan mengarah benar? | Klik setiap link satu per satu |
| Tampilan Mobile | Apakah tampil baik di layar HP? | 80% pengunjung mengakses dari HP |
| Loading Speed | Apakah halaman cepat tampil? | Kurangi gambar berat/video terlalu banyak |
| Konsistensi Visual | Apakah warna dan font harmonis? | Gunakan maksimal 2-3 warna |
🎯 Kegiatan Pembelajaran
👁️ Mengamati
Perhatikan mockup preview di atas. Amati bagaimana block-block yang tersusun di sisi editor (kiri) ditampilkan secara visual di preview mobile (kanan). Perhatikan transformasi dari data teknis menjadi tampilan menarik.
❓ Menanya
Mengapa preview menampilkan dalam format mobile (HP) dan bukan desktop? Apa yang terjadi jika ada block yang tidak sesuai harapan di preview?
🧠 Menalar
Preview default menggunakan format mobile karena mayoritas pengunjung microsite (80%+) mengaksesnya melalui smartphone. Link-in-bio biasanya dibagikan di media sosial yang dominan diakses via HP. Dengan melihat preview mobile, pemilik bisa memastikan pengalaman terbaik bagi mayoritas pengunjungnya.
🔧 Mencoba
Buka preview microsite Anda, lalu buka URL yang sama di HP. Bandingkan apakah tampilannya sama. Coba klik semua link dan pastikan mengarah ke halaman yang benar.
📢 Mengkomunikasikan
Tukarkan URL microsite dengan teman. Berikan review/feedback terhadap microsite teman Anda: apa yang sudah baik dan apa yang perlu diperbaiki berdasarkan preview.
📝 Contoh Soal
Mudah 5 Soal
1. Apa fungsi fitur Preview pada Lynk.id?
Pembahasan:
Fitur Preview berfungsi untuk melihat tampilan microsite seperti yang akan dilihat oleh pengunjung. Dengan preview, pemilik bisa memastikan konten tampil dengan benar sebelum dibagikan.
2. Di mana posisi panel preview pada tampilan desktop dashboard Lynk.id?
Pembahasan:
Panel preview terletak di sisi kanan halaman dashboard (pada tampilan desktop). Editor/pengelolaan block ada di kiri, preview ada di kanan.
3. Sebutkan 3 cara mengakses preview microsite!
Pembahasan:
3 cara: 1) Preview real-time di panel kanan dashboard, 2) Klik tombol Preview/ikon mata untuk full screen, 3) Buka URL microsite (lynk.id/username) langsung di browser.
4. Mengapa preview menampilkan dalam format mobile/HP?
Pembahasan:
Karena mayoritas pengunjung (sekitar 80%) mengakses microsite melalui smartphone. Link-in-bio biasanya dibagikan di media sosial yang dominan diakses via HP.
5. Apakah perubahan di editor langsung terlihat di preview?
Pembahasan:
Ya, preview bersifat real-time. Setiap perubahan yang dilakukan di editor (menambah block, mengubah urutan, mengedit konten) akan langsung terlihat di panel preview tanpa perlu refresh manual.
Sedang 5 Soal
1. Sebutkan 5 aspek yang perlu diperiksa saat melakukan preview microsite!
Pembahasan:
5 aspek: 1) Urutan block — konten penting harus di atas, 2) Link aktif — semua link mengarah ke URL yang benar, 3) Tampilan mobile — responsif di layar HP, 4) Loading speed — halaman cepat tampil, 5) Konsistensi visual — warna dan font harmonis.
2. Jelaskan perbedaan antara preview di dashboard dan membuka URL langsung!
Pembahasan:
Preview di dashboard: Tampilan mini/kecil di panel kanan, real-time saat editing, tidak bisa test klik link (hanya visual), ukuran preview terbatas. Buka URL langsung: Tampilan full size sesuai perangkat, bisa test semua interaksi (klik link, scroll), melihat persis seperti pengunjung asli, bisa test di berbagai perangkat/browser. Idealnya gunakan keduanya: dashboard untuk cek cepat, URL untuk final check.
3. Seorang siswa menambahkan 3 link ke micrositenya, namun saat preview satu link tidak bisa diklik. Apa penyebab dan solusinya?
Pembahasan:
Kemungkinan penyebab: 1) URL yang dimasukkan salah/typo (kurang “https://”), 2) Block link dalam status “nonaktif/hidden”, 3) URL tujuan sudah tidak valid (website tutup). Solusi: 1) Periksa dan perbaiki URL — pastikan format lengkap (https://www.instagram.com/username), 2) Cek status block — pastikan toggle aktif, 3) Test buka URL di tab baru terlebih dahulu.
4. Mengapa penting melakukan preview di perangkat mobile meskipun sudah melihat preview di desktop?
Pembahasan:
Alasan: 1) Ukuran layar berbeda — konten yang fit di desktop bisa terpotong di HP, 2) Interaksi berbeda (tap vs klik), 3) Ukuran font yang nyaman di desktop mungkin terlalu kecil di HP, 4) Gambar bisa tampil berbeda proporsinya, 5) Kecepatan loading berbeda (mobile biasanya lebih lambat), 6) 80% pengunjung pakai HP — jika tampilan buruk di mobile, mayoritas pengunjung akan pergi.
5. Apa manfaat fitur preview real-time dibandingkan sistem “simpan dulu baru bisa lihat”?
Pembahasan:
Manfaat real-time: 1) Feedback instan — langsung tahu efek perubahan tanpa menunggu, 2) Efisiensi waktu — tidak perlu bolak-balik simpan-preview, 3) Mengurangi error — kesalahan langsung terlihat saat dibuat, 4) Pengalaman editing lebih intuitif (WYSIWYG), 5) Memudahkan eksperimen — bisa coba-coba tanpa takut menyimpan versi salah.
Sulit 5 Soal
1. Rancanglah checklist quality assurance (QA) yang komprehensif untuk memverifikasi microsite sebelum publikasi. Minimal 10 item!
Pembahasan:
Checklist QA: 1) Semua link aktif dan mengarah ke URL benar ✅ 2) Tidak ada typo pada teks/judul ✅ 3) Gambar tampil dengan benar (tidak pecah/terpotong) ✅ 4) Video bisa diputar ✅ 5) Tampilan baik di mobile (iPhone & Android) ✅ 6) Tampilan baik di desktop/tablet ✅ 7) Loading time < 3 detik ✅ 8) Urutan block sesuai prioritas ✅ 9) Warna dan font konsisten ✅ 10) Informasi kontak benar ✅ 11) Monetization block (jika ada) berfungsi ✅ 12) Profile picture tampil ✅ 13) Bio/deskripsi up-to-date ✅ 14) Tidak ada block kosong/draft ✅
2. Analisis mengapa Lynk.id menampilkan preview di sisi kanan dashboard (side-by-side) dan bukan sebagai overlay/popup. Apa kelebihan dan kekurangannya dari sisi UX?
Pembahasan:
Kelebihan side-by-side: 1) Editor dan preview terlihat bersamaan — pengguna langsung melihat efek perubahan, 2) Tidak perlu menutup/membuka popup berulang kali, 3) Alur kerja lebih lancar (edit kiri → lihat kanan), 4) Mental model jelas: “saya mengubah ini → hasilnya begini”. Kekurangan: 1) Layar terbagi sehingga editor dan preview sama-sama sempit, 2) Tidak cocok untuk layar kecil (mobile dashboard), 3) Preview tidak full-size sehingga mungkin tidak 100% akurat. Alternatif popup: Lebih cocok jika preview perlu full-size, tapi mengorbankan konteks editing. Kesimpulan: Side-by-side lebih baik untuk editing cepat, popup lebih baik untuk final review.
3. Seorang pengguna melaporkan bahwa microsite-nya tampil berbeda di iPhone dan Android. Apa penyebab potensialnya dan bagaimana mengatasinya?
Pembahasan:
Penyebab potensial: 1) Perbedaan browser engine (Safari/WebKit di iPhone vs Chrome/Blink di Android), 2) Rendering font berbeda antar OS, 3) Ukuran viewport berbeda (iPhone lebih sempit), 4) Emoji tampil berbeda antar OS, 5) Handling gambar/aspect ratio berbeda. Cara mengatasi: 1) Test di kedua platform sebelum publish, 2) Gunakan web-safe fonts yang konsisten, 3) Hindari gambar yang terlalu mengandalkan ukuran piksel exact, 4) Untuk perbedaan kecil — ini normal dan tidak perlu dipaksakan identik, 5) Fokus pada fungsionalitas (link bisa diklik, konten terbaca) daripada piksel-perfect.
4. Bagaimana fitur preview bisa ditingkatkan menggunakan teknologi modern? Usulkan 3 fitur preview inovatif!
Pembahasan:
3 fitur inovatif: 1) Device Simulator: Toggle preview antara berbagai model HP (iPhone 15, Samsung S24, Pixel) untuk melihat tampilan persis di masing-masing perangkat — seperti fitur DevTools tapi user-friendly. 2) Heatmap Prediction: AI memprediksi area mana yang kemungkinan paling banyak diklik berdasarkan posisi dan desain — membantu optimasi penempatan block penting. 3) A/B Preview Split: Tampilkan 2 versi microsite berdampingan (misalnya beda urutan block) dan biarkan pengguna pilih mana yang lebih baik sebelum publish. Bisa juga auto-test ke sample pengunjung.
5. Evaluasi konsep “preview ≠ final result” dalam konteks web development. Mengapa kadang preview tidak 100% sama dengan tampilan sesungguhnya?
Pembahasan:
Alasan preview ≠ final: 1) Ukuran viewport: Preview di panel dashboard berukuran kecil, tampilan asli full-screen — proporsi bisa berbeda. 2) Browser rendering: Preview di dashboard menggunakan iframe yang mungkin berbeda perilakunya dengan browser asli pengunjung. 3) Network conditions: Preview di dashboard menggunakan koneksi lokal (cepat), pengunjung mungkin pakai jaringan lambat — gambar/video lebih lambat tampil. 4) Caching: Preview selalu menampilkan versi terbaru, pengunjung mungkin melihat versi cache lama. 5) External dependencies: Embed YouTube/media sosial bisa berubah tampilan kapan saja dari pihak ketiga. Solusi: Selalu lakukan final check dengan membuka URL asli di perangkat berbeda sebelum membagikan link.
✏️ Latihan Soal
Mudah 5 Soal
1. Apa fungsi fitur preview pada Lynk.id?
2. Di sisi mana panel preview terletak pada desktop?
3. Apakah perubahan di editor langsung muncul di preview?
4. Sebutkan cara mengakses preview selain dari panel dashboard!
5. Mengapa preview menampilkan dalam bentuk HP/mobile?
Sedang 5 Soal
1. Sebutkan 5 hal yang perlu diperiksa saat preview microsite!
2. Jelaskan mengapa testing di perangkat mobile sangat penting!
3. Apa kelebihan preview real-time dibanding sistem simpan-preview?
4. Bagaimana cara memastikan semua link berfungsi dengan benar?
5. Apa yang harus dilakukan jika tampilan preview berbeda dengan harapan?
Sulit 5 Soal
1. Buat checklist QA lengkap (minimal 10 item) untuk verifikasi microsite sebelum publikasi!
2. Analisis kelebihan dan kekurangan layout side-by-side vs popup untuk fitur preview!
3. Jelaskan mengapa preview bisa tidak 100% sama dengan tampilan akhir. Berikan 5 alasan!
4. Usulkan 3 fitur preview inovatif yang memanfaatkan teknologi AI!
5. Rancang alur testing microsite yang sistematis dari awal hingga siap publish!