Learning Timeline
Key Insights
Kepentingan Mula dengan Wireframe
Memulakan projek dengan wireframe (bukan terus ke design cantik) membantu anda mengenal pasti feature yang diperlukan dan menetapkan kekangan (constraints) produk yang realistik sebelum fasa pembangunan.
Tips Pemilihan Fidelity
Apabila menjana idea awal, disarankan menggunakan 'Lowest Fidelity'. Menggunakan 'Mid-fi' di peringkat awal boleh mengelirukan fokus antara struktur fungsi dan estetika visual.
AI sebagai Product Manager
Borang soal selidik dalam Claude Design bukan sekadar soalan biasa; ia bertindak seperti 'Product Manager' yang mengekstrapolasi idea mentah anda menjadi keperluan produk yang terperinci.
Prompts
Initial App Concept Prompt
Target:
Claude Design
I'm inspired by gamified apps like Duolingo and the Brain Rot app which has a mascot and feels just fun to use. Can you make a wireframe that is clear, clean based on this idea?
Step by Step
Memulakan Projek Wireframe di Claude Design
- Buka platform Claude Design dan namakan projek anda (contoh: 'Senior Brains').
- Taipkan prompt konsep asas yang menerangkan inspirasi aplikasi (contoh: Aplikasi gamifikasi seperti Duolingo untuk warga emas).
- Pilih 'Context' tambahan jika perlu; anda boleh 'drag and drop' screenshot, codebase, fail Figma, atau design system ke dalam chat.
- Jika tiada fail tambahan, klik terus untuk menghantar prompt dan memulakan proses soal selidik automatik (questionnaire).
Melengkapkan Questionnaire AI untuk Struktur Aplikasi
- Pilih 'Primary device' yang ingin dijana (contoh: iPhone).
- Tentukan 'Tone' atau personaliti aplikasi melalui pilihan yang disediakan (contoh: 'Gentle, silly, fun but calm').
- Gunakan slider untuk memilih set skrin (screens) yang ingin dibina dalam wireframe.
- Pilih elemen gamifikasi yang relevan seperti 'Daily streaks' atau 'XP points'.
- Tetapkan ciri aksesibiliti (Baseline) seperti 'Large text' dan 'High contrast'.
- Tambah ciri tambahan (Optional) seperti 'Voice narration controls' atau 'Simplified mode toggle' untuk pengguna spesifik.
- Pilih jenis kandungan atau latihan yang ingin dipaparkan (contoh: 'Memory match', 'Word recall').
- Tetapkan tahap 'Fidelity' rekaan; pilih 'Lowest fidelity' untuk fokus kepada struktur wireframe yang bersih.
- Tentukan tahap penglibatan pengguna sekunder (contoh: 'Family caregiver' atau 'Family cheerons').
- Sahkan nama produk yang akan dipaparkan pada mock-up.
- Pilih fungsi 'Toggle' tambahan seperti pilihan untuk menutup atau membuka 'Mascot'.
