![What Happens to My Family? | 가족끼리 왜 이래 EP.46 [ENG, CHN, MLY, VIE]](https://i.ytimg.com/vi/YzUeKYemjAQ/hqdefault.jpg)
Kandungan
- Apa kandungan "sebenar"
- Baiklah, jadi apakah reka bentuk kandungan pertama?
- Kandungan menyoroti "kes canggih" - iaitu, dunia nyata
- Bermula dengan kandungan sebenar meletakkan anda di tempat pengguna dari awal
- 3 alat yang membantu anda bekerja dengan kandungan sebenar
- Aliran Web CMS
- Plugin Craft Data untuk Sketsa
- API Penjana Pengguna Rawak
Sebelum kita mengetahui kelebihan pengalaman pengguna, mari kita jelaskan syarat kami sedikit.
Pertama, walaupun anda sering mendengar orang membincangkan konsep ini sebagai "merancang dengan nyata data, "Saya lebih suka menggunakan kandungan, kerana lebih baik menangkap apa yang berfungsi oleh seorang pereka. Lagipun, anda biasanya tidak akan merujuk pada gambar sebagai "data", bukan? Sekiranya ia membantu, anda boleh menganggap kandungan sebagai "data dalam konteks."
Apa kandungan "sebenar"
Di suatu tempat di sepanjang evolusi reka bentuk, seseorang mendapat idea bahawa anda sebenarnya tidak memerlukan teks sebenar untuk membuat reka bentuk. Anda hanya boleh memasukkan beberapa bahasa Latin sewenang-wenangnya sehingga barang "nyata" siap. Oleh itu, lorem ipsum dan banyak lagi hipsternya.
Tetapi baru-baru ini, orang mula menyedari betapa marahnya itu. Pasti, sesetengah bentuk kandungan hanya boleh dimasukkan ke dalam reka bentuk lama dan disebut "baik."
Tetapi biasanya, itu tidak berlaku. Malah blog "standard" anda sering menampilkan pelbagai jenis kandungan, termasuk senarai, wawancara, kajian kes, panduan, dll. Masing-masing boleh semestinya manfaatkan persembahan unik yang direka untuk menonjolkan ciri unik jenis kandungan.
Masukkan reka bentuk dengan kandungan sebenar. Ini adalah reka bentuk kandungan pertama yang meminta pereka untuk tidak hanya memulakan dengan kandungan, tetapi juga untuk memulakan dengan nyata kandungan yang benar-benar dibuat dan dikongsi oleh orang sebenar di dunia nyata yang tidak kemas.
Perhatikan bahawa kandungan "nyata" boleh terdiri daripada:
- Foto dan kemas kini status sebenar dari orang biasa
- Kandungan yang dihasilkan oleh pelanggan untuk laman web bebas
- Salinan digilap yang dihasilkan oleh penyusun iklan profesional
Baiklah, jadi apakah reka bentuk kandungan pertama?
Reka bentuk kandungan pertama mengutamakan penciptaan kandungan laman web - atau tinjauan dan analisis kandungan yang ada - sebelum ini reka bentuk bermula.
Itu tidak bermaksud kandungan tidak dapat diulangi dan disempurnakan dengan cara yang tangkas setelah proses reka bentuk dimulakan. (Sebenarnya, semestinya, untuk memastikan bahawa salinan dan reka bentuk berbicara dengan suara yang sama.) Ini hanya bermaksud mengetahui apa yang anda kerjakan sebelum anda mula menggunakannya.
Dengan syarat yang ada, mari kita dapatkan faedah merancang dengan kandungan sebenar.
Kandungan menyoroti "kes canggih" - iaitu, dunia nyata
Pereka suka kandungan yang ideal. Dan anda tidak boleh menyalahkan mereka: mencantikkan kandungan adalah sebahagian kecil dari apa yang mereka lakukan. Tetapi di dunia nyata, hanya sedikit orang yang membuat kandungan cantik.
Sebagai gantinya, mereka menyertai laman web baru yang panas, mengisi separuh bidang profil mereka, memuat naik gambar dua, dan memanggilnya sehari. Atau mereka menulis "tajuk utama yang sangat panjang" dan memuat naik gambar beresolusi rendah ke blog mereka.
Itulah kehidupan sebenar.
Apabila anda faham, anda tidak berhenti semasa merancang profil pengguna "ideal" yang menampilkan:
- Pendek, nama depan dan belakang Anglo Saxon
- Beratus-ratus gambar cantik, dibekalkan secara berkala
- Petikan pendek kandungan teks
- Pelbagai "kemas kini" yang meriah merangkumi semua jenis kandungan
Anda pasti melakukannya.
Tetapi ejekan anda yang lain menonjolkan dunia nyata. Dunia yang penuh dengan:
- Nama panjang
- Nama yang perlu disenaraikan dalam lebih dari satu bahasa
- Nama yang berjalan dari kanan ke kiri, bukan kiri ke kanan
- Foto yang jarang, kurang terang, dipotong dengan canggung
- Avatar bodoh sebagai pengganti gambar kepala
- "Saham" yang benar-benar hanya pautan kosong, tanpa komen, yang menghasilkan pratonton kosong
Ini bukan "kes canggih". Ini adalah gambar dari dunia nyata, tidak kemas dan tidak teratur. Lebih baik anda memahaminya, semakin baik anda memahami pengguna anda - dan bagaimana merancang untuk mereka.
Dan agar contoh di atas tidak menyesatkan anda, faedah merancang dengan kandungan sebenar tidak berhenti di rangkaian sosial. Mereka berlaku untuk mana-mana laman web yang menggunakan kandungan yang dihasilkan oleh orang-orang yang bukan anda. Ya, semuanya.
Lagipun, bayangkan mengejek blog dengan panjang setiap tiga tajuk. Adakah anda juga bercakap ke editor blog, bro ?!
Bermula dengan kandungan sebenar meletakkan anda di tempat pengguna dari awal
Sebilangan besar pelawat laman web tidak datang untuk reka bentuk yang indah, interaksi "menggembirakan", atau salinan yang menarik.
Mereka datang untuk mendapatkan maklumat yang mereka perlukan untuk menyelesaikan sesuatu.
Dengan mengambil pendekatan kandungan pertama untuk reka bentuk anda, kemudian melangkah lebih jauh untuk digunakan nyata kandungan, anda mengutamakan usaha untuk memahami kedua-duanya:
- Apa yang anda harus bekerjasama
- Apa yang dicari oleh pengguna akhir
Dan itu membantu anda memastikan bahawa maklumat yang betul akan diserlahkan di tempat yang betul dalam reka bentuk akhir.
Dalam arti tertentu, apabila anda mengutamakan pengeluaran atau analisis kandungan sebelum ini reka bentuknya, anda mengambil jalan yang sama yang pengguna anda: menyusuri lautan maklumat untuk mencari apa yang anda perlukan. Dengan menjalani proses tersebut, anda akan mendapat pemahaman yang lebih baik mengenai apa yang ada, apa yang pelanggan mahukan, dan bagaimana mengatur kandungan anda untuk membantu mereka memahami dengan lebih baik apa yang anda (atau pelanggan anda) tawarkan.
3 alat yang membantu anda bekerja dengan kandungan sebenar
Jelas sekali, anda boleh menarik kandungan sebenar ke dalam alat reka bentuk apa pun untuk membawa lebih banyak kesetiaan pada reka bentuk web dan produk anda. Tetapi ada beberapa alat yang sangat bersinar ketika anda bekerja dengan kandungan sebenar.
Aliran Web CMS
Dilancarkan pada akhir tahun 2015, CMS visual Webflow berfungsi dengan baik dengan aliran kerja pertama kandungan. Cukup buat Koleksi dari 13 blok bangunan asas (mulai dari gambar hingga pautan ke rujukan ke Koleksi lain) untuk membuat struktur yang benar-benar disesuaikan, masukkan kandungan anda, kemudian mulailah bekerja dengan kandungan itu untuk membina reka bentuk yang sempurna. Anda bahkan boleh mengambil sampel data "dummy" untuk memulakan proses reka bentuk anda.
Plugin Craft Data untuk Sketsa
Plugin Sketch dan Photoshop percuma dari InVision LABS ini membolehkan anda menarik kandungan sebenar dari fail anda sendiri, laman web yang ada, atau fail JSON dan memasangkannya tepat ke reka bentuk anda.
API Penjana Pengguna Rawak
Sekiranya anda pemakai kod atau Photoshopper, Random User Generator membolehkan anda menghasilkan objek JSON, SQL, CSV, atau YAML yang boleh anda letakkan terus ke dalam reka bentuk anda.
