जब ग्राहक के साथ प्रारंभिक जीयूआई कार्यक्षमता प्रोटोटाइप करना एक पेन/पेपर ड्राइंग का उपयोग करना बेहतर है या किसी टूल का उपयोग करके कुछ मजाक करना और उन्हें दिखाएं?एक ग्राहक के साथ एक जीयूआई प्रोटोटाइप
उपकरण उत्पन्न डिज़ाइन के खिलाफ तर्क यह है कि ग्राहक कभी-कभी जीयूआई के उच्च स्तर के कार्यात्मक दृश्य को लेने के बजाय नकली-अप के निम्न-स्तर के विनिर्देशों पर ध्यान केंद्रित कर सकता है।
हमेशा पेपर या पेपर-जैसे मॉक-अप के साथ शुरू करें। जब आप बैक-एंड पूरी तरह से खोखले होते हैं तो आप पूर्णता की छाप देने के जाल में नहीं आना चाहते हैं।
एक पॉलिश प्रोटोटाइप या पिक्सेल-परिपूर्ण उदाहरण डिजाइन पर बहुत अधिक जोर देता है। एक स्पष्ट स्केच के साथ, आपके पास रंग, फोटो और अन्य स्टाइलिस्ट मामलों के बजाय वांछित कार्यक्षमता और सामग्री पर चर्चा करने का बेहतर शॉट है। परियोजना में बाद में उस चर्चा के लिए समय होगा।
जेफ उसकी कोडिंग डरावना लेख में कागज प्रोटोटाइप की चर्चा UI-First Software Development
क्लिक करें "एक वीडियो देखें!" Common Craft से विचार पर एक दिलचस्प विचार देखने के लिए twitter.com पर लिंक करें।
Paper Prototyping नामक एक पुस्तक है जिसमें विवरण पेन और पेपर ड्राइंग और आप इससे क्या प्राप्त कर सकते हैं। मुझे लगता है कि इसमें बहुत सारे फायदे हैं, विशेष रूप से आप बहुत जल्दी (और आसानी से) कर सकते हैं, संशोधित करें कि अंतिम परिणाम बिना किसी प्रयास के होगा, और फिर दाहिने पैर पर शुरू हो जाएंगे।
एक मूल पेपर संस्करण प्रारंभिक नकली-अप के लिए जाने का तरीका है। यह मेरा अनुभव रहा है कि यदि आप "असली" नकली करते हैं, भले ही आप ग्राहक को समझाएं कि यह एक गैर-कार्यात्मक नकली-अप है, तो जब वे काम नहीं करते हैं तो वे उलझन में हैं।
नीचे पंक्ति: जितना संभव हो उतना सरल रखें। यदि यह कागज़ पर है, तो ग्राहक किसी कामकाजी उत्पाद के साथ भ्रमित नहीं होगा।
पहले मसौदे के लिए, मैं ग्राफ पेपर (उस पर मुद्रित ग्रिड के साथ सामान) और एक पेंसिल का उपयोग करना पसंद करता हूं। ग्राफ पेपर अनुपात को बनाए रखने में मदद के लिए बहुत अच्छा है। एक बार जब ग्राहक और मैं एक निष्कर्ष पर आ गया हूं तो मैं आमतौर पर कलम के साथ चित्रण भर दूंगा क्योंकि पेंसिल लुप्त होने का प्रवण होता है।
जब मैं वास्तव में डिजिटल प्रोटोटाइप बनाने के लिए चारों ओर मिलता हूं, तो मैं हाथ से तैयार एक में स्कैन करूंगा और इसे पृष्ठभूमि टेम्पलेट के रूप में उपयोग करूंगा। मेरे लिए बहुत अच्छा काम करने लगता है।
जावा के लिए "Napkin Look & Feel" प्रोटोटाइप के लिए वास्तव में अच्छा है। एक वास्तविक, कामकाजी, क्लिक करने योग्य ऐप जो दिखता है उसे नैपकिन पर खींचा गया था। इस स्क्रीनशॉट की जाँच करें: गंभीरता से
, कि कैसे शांत है?
मैंने एक ग्राहक को एप्लिकेशन को प्रोटोटाइप करने के लिए एक विंडोज ऐप का उपयोग किया है (अंतिम इंटरफ़ेस को वेबसाइट में एकीकृत करना है)।
पहले लोगों ने सोचा कि यह आखिरी संस्करण होगा और उन्होंने उन शब्दों को नियंत्रित करने के तरीके से बहुत भारी आलोचना करना शुरू कर दिया था जो मैंने उपयोग किए थे (शब्दावली और सामान) और बैठक के समय समाप्त होने से पहले कार्यक्षमता स्वयं।
उस चर्चा को दिन और दिनों तक खींच लिया गया जब तक कि मैंने उनसे कहा कि, एक नकली (और अंतिम आवेदन नहीं) होने पर सभी इनपुट का स्वागत है, लेकिन हमें पहले कार्यशीलताओं पर ध्यान केंद्रित करना पड़ा और फिर हम आगे बढ़ने के लिए आगे बढ़ सकते थे और शब्दावली के मुद्दों के साथ-साथ महसूस करते हैं।
थै मीटिंग से मैं हमेशा प्रोटोटाइप और नकली-अप से डरता हूं ... शायद मुझे उन्हें केवल विज़ियो में कुछ देना चाहिए था।
मुझे लगता है कि पेपर/व्हाइटबोर्ड/व्हाइट दीवारों से शुरू करना सबसे अच्छा है।
एक बार जब आप बुनियादी संरचना है, तो आप wireframe स्टेंसिल
या आप जीबीआई डिज़ाइन करने और इसे HTML वेबसाइट के रूप में चलाने के लिए टैबलेट पीसी या वाकॉम टैबलेट के साथ डेनिम (An Informal Tool For Early Stage Web Site and UI Design) का उपयोग कर सकते हैं।
मैं सुझाव दूंगा कि आप अपने ग्राहक के साथ बैठें और Mockupscreens जैसे टूल का उपयोग करें और UI को इंटरैक्टिव रूप से विकसित करें। नेपकिन एलएएफ पर इसका लाभ यह है कि इसे कोडिंग की आवश्यकता नहीं है, या वास्तव में किसी भी प्रकार के विकास उपकरण की आवश्यकता नहीं है
WireframeSketcher एक ऐसा टूल है जो डेस्कटॉप, वेब और मोबाइल एप्लिकेशन के लिए वायरफ्रेम, मैक अप और प्रोटोटाइप को त्वरित रूप से बनाने में मदद करता है। यह ग्रहण आईडीई के लिए स्टैंडअलोन संस्करण और प्लग-इन दोनों के रूप में आता है। इसमें स्टोरीबोर्ड, घटक, लिंकिंग और वेक्टर पीडीएफ निर्यात जैसी कुछ विशिष्ट विशेषताएं हैं। समर्थित आईडीई में अपताना, फ्लैश बिल्डर, ज़ेंड स्टूडियो और तर्कसंगत एप्लिकेशन डेवलपर हैं।
Sample WireframeSketcher mockup http://wireframesketcher.com/samples/Website.png
आप ForeUI की कोशिश कर सकते हैं, यह विभिन्न शैलियों के साथ प्रोटोटाइप की अनुमति देते हैं, क्या अधिक है, यह इंटरैक्टिव प्रोटोटाइप बनाने के लिए और ब्राउज़र में चला सकते हैं।
चेक बाहर Balsamiq
यह बहुत अच्छी तरह नैपकिन दृश्य "यह एक कार्यात्मक एप्लिकेशन नहीं है" और प्रयोग करने में आसान है नहीं करता है।
एक पूर्ण विशेष रुप से प्रदर्शित demo है आप ऑनलाइन प्रयास कर सकते हैं और एक अतिरिक्त बोनस के रूप में आप अपने एक्सएमएल को अपने क्लाइंट को ईमेल कर सकते हैं और वे इसे ट्वीक कर सकते हैं और इसके साथ खेल सकते हैं और लाइसेंस प्राप्त किए बिना इसे वापस ईमेल कर सकते हैं।
एक गैर स्थापना ब्राउज़र आधारित उपकरण के लिए आप की कोशिश कर सकते draft-it
यह मुफ़्त है - और आप एक जीमेल खाता है - कोई पंजीकरण की आवश्यकता है।
चरण या स्लाइड शो द्वारा इंटरैक्टिव/चरण बनाता है- प्रोटोटाइप। आप केवल एक लिंक भेजकर अपने प्रोटोटाइप को किसी भी व्यक्ति के साथ साझा कर सकते हैं।
हमारे लिए काम करता है ...
