1एक वाक्य में
Claude Design किसी ऐप या वेबसाइट का ऐसा चलता-फिरता नमूना बना सकता है जिसमें आप क्लिक करके घूम सकें, ताकि किसी के बनाने से पहले ही आप आइडिया को टेस्ट कर लें।
2नए शब्द
- प्रोटोटाइप (Prototype) — किसी ऐप या साइट का नकली वर्ज़न, जो असली जैसा दिखता और क्लिक होता है पर अंदर से कुछ नहीं करता। दिखाने और टेस्ट करने के लिए।
- वायरफ़्रेम (Wireframe) — ग्रे बॉक्स वाला एक कच्चा प्रोटोटाइप, रंगों की चिंता करने से पहले यह तय करने के लिए कि क्या कहाँ जाएगा।
- स्क्रीन (Screen) — किसी ऐप का एक व्यू: होम स्क्रीन, बुकिंग स्क्रीन, कन्फ़र्मेशन स्क्रीन।
3यह आपके काम का क्यों है
किसी ऐप का आइडिया शब्दों में समझाने में एक घंटा लगता है और फिर भी लोग गलत समझ लेते हैं। तीन स्क्रीन वाला प्रोटोटाइप कुछ मिनटों में बन जाता है और जैसे ही लोग उस पर टैप करते हैं, सबको "समझ आ जाता है"। डेवलपर पर पैसे खर्च करने से पहले आप इसे किसी दोस्त पर टेस्ट कर सकते हैं।
4अभी आज़माएँ
(पेड प्लान)
- Design में, एक नया Design शुरू करें और टाइप करें: मेरी बेकरी के कैफ़े में टेबल बुक करने के लिए 3 स्क्रीन वाला एक फ़ोन ऐप: एक दिन और समय चुनें, नाम और लोगों की संख्या डालें, कन्फ़र्मेशन देखें। बटनों को क्लिक करने लायक बनाइए ताकि मैं एक स्क्रीन से दूसरी पर जा सकूँ।
- जब यह दिख जाए, Play (चलाएँ) पर क्लिक करें (कैनवस के ऊपर वाला त्रिकोण) और उसमें टैप करके घूमें।
- एक बदलाव माँगें: कन्फ़र्मेशन से पहले एक स्क्रीन जोड़िए जो एलर्जी के बारे में पूछे।
5आपको क्या दिखेगा
[तस्वीर बाकी है: कैनवस पर तीन फ़ोन स्क्रीन और प्ले मोड में प्रोटोटाइप।] फ़ोन के आकार वाले तीन आर्टबोर्ड, आपस में जुड़े हुए: एक पर बटन टैप करें और अगला दिख जाता है। प्ले मोड में यह असली ऐप जैसा लगता है। Claude बताता है कि उसने क्या माना (सैंपल समय, नकली नाम)।
6ध्यान दें
- यह एक नमूना है। कुछ भी सेव नहीं होता, कोई बुकिंग नहीं होती; उसके लिए चैप्टर 3.5 या किसी डेवलपर की ज़रूरत है।
- पहला प्रोटोटाइप तीन या चार स्क्रीन तक ही रखें। उसे टेस्ट करें, फिर बढ़ाएँ।
7और आगे
इसे तीन लोगों को दिखाएँ और उनसे एक टेबल बुक करने को कहें। देखें कि वे कहाँ अटकते हैं; वही आपका अगला बदलाव है। फिर चैप्टर 3.5 डिज़ाइन को एक असली वेबसाइट में बदल देता है।