एक ग्राहक के साथ एक जीयूआई प्रोटोटाइप

जब ग्राहक के साथ प्रारंभिक जीयूआई कार्यक्षमता प्रोटोटाइप करते हैं तो क्या यह एक पेन / पेपर ड्राइंग का उपयोग करना बेहतर होता है या किसी टूल का उपयोग करके कुछ मजाक कर देता है और उन्हें दिखाता है?

उपकरण उत्पन्न डिज़ाइन के खिलाफ तर्क यह है कि ग्राहक कभी-कभी जीयूआई के उच्च स्तर के कार्यात्मक दृश्य को लेने के बजाय नकली-अप के निम्न-स्तर के विनिर्देशों पर ध्यान केंद्रित कर सकता है।

0
जोड़ा
विचारों: 4

11 उत्तर

पहले मसौदे के लिए, मैं ग्राफ पेपर (उस पर मुद्रित ग्रिड के साथ सामान) और एक पेंसिल का उपयोग करना पसंद करता हूं। ग्राफ पेपर अनुपात को बनाए रखने में मदद के लिए बहुत अच्छा है। एक बार जब ग्राहक और मैं एक निष्कर्ष पर आ गया हूं तो मैं आमतौर पर कलम के साथ चित्रण भर दूंगा क्योंकि पेंसिल लुप्त होने का प्रवण होता है।

जब मैं वास्तव में डिजिटल प्रोटोटाइप बनाने के लिए चारों ओर मिलता हूं, तो मैं हाथ से तैयार एक में स्कैन करूंगा और इसे पृष्ठभूमि टेम्पलेट के रूप में उपयोग करूंगा। मेरे लिए बहुत अच्छा काम करने लगता है।

0
जोड़ा

हमेशा पेपर या पेपर-जैसे मॉक-अप से पहले शुरू करें। जब आप बैक-एंड पूरी तरह से खोखले होते हैं तो आप पूर्णता की छाप देने के जाल में नहीं आना चाहते हैं।

एक पॉलिश प्रोटोटाइप या पिक्सेल-परिपूर्ण उदाहरण डिजाइन पर बहुत अधिक जोर देता है। एक स्पष्ट स्केच के साथ, आपके पास रंग, फोटो और अन्य स्टाइलिस्ट मामलों के बजाय वांछित कार्यक्षमता और सामग्री पर चर्चा करने का बेहतर शॉट है। परियोजना में बाद में उस चर्चा के लिए समय होगा।

Jeff discusses paper prototyping in his Coding Horror article UI-First Software Development

"वीडियो देखें" पर क्लिक करें! twitter.com पर लिंक करें .com / "rel =" noreferrer "> सामान्य क्राफ्ट ।

0
जोड़ा

पेपर प्रोटोटाइपिंग नामक एक पुस्तक है जिसमें पेन और पेपर ड्राइंग और आप क्या हासिल कर सकते हैं इसमें से। मुझे लगता है कि इसमें बहुत सारे फायदे हैं, विशेष रूप से आप बहुत जल्दी (और आसानी से) कर सकते हैं, संशोधित करें कि अंतिम परिणाम बिना किसी प्रयास के होगा, और फिर दाहिने पैर पर शुरू हो जाएंगे।

0
जोड़ा

प्रारंभिक नकली-अप के लिए जाने का तरीका एक मूल पेपर संस्करण है। यह मेरा अनुभव रहा है कि यदि आप "वास्तविक" नकली करते हैं, भले ही आप ग्राहक को समझाएं कि यह एक गैर-कार्यात्मक नकली है, जब वे काम नहीं करते हैं तो वे उलझन में हैं।

निचली पंक्ति: इसे यथासंभव सरल रखें। यदि यह कागज़ पर है, तो ग्राहक किसी कामकाजी उत्पाद के साथ भ्रमित नहीं होगा।

0
जोड़ा

The "Napkin Look & Feel" for Java is really cool for prototyping. An actual, functioning, clickable app that looks like it was drawn on a napkin. Check out this screenshot:

नैपकिन देखो और महसूस करें

गंभीरता से, वह कितना अच्छा है?

0
जोड़ा

Check out Balsamiq

यह "यह एक कार्यात्मक एपीपी नहीं है" नैपकिन दृश्य बहुत अच्छी तरह से उपयोग करना आसान है।

एक पूर्ण विशेषीकृत डेमो है, आप ऑनलाइन आज़मा सकते हैं और एक अतिरिक्त बोनस के रूप में कर सकते हैं अपने एक्सएमएल को अपने क्लाइंट को ईमेल करें और वे इसे ट्वीक कर सकते हैं और इसके साथ खेल सकते हैं और लाइसेंस प्राप्त किए बिना इसे वापस ईमेल कर सकते हैं।

0
जोड़ा

मैंने एक ग्राहक को एप्लिकेशन को प्रोटोटाइप करने के लिए एक विंडोज ऐप का उपयोग किया है (अंतिम इंटरफेस को वेबसाइट में एकीकृत करना है)।

पहले लोगों ने सोचा कि यह आखिरी संस्करण होगा और उन्होंने मेरे द्वारा उपयोग किए जाने वाले शब्दों (शब्दावली और सामान) के नियंत्रणों के तरीके से बहुत भारी आलोचना करना शुरू कर दिया था और मीटिंग का समय समाप्त हो गया था इससे पहले कि हम कार्यक्षमता पर भी चर्चा कर सकें।

यह चर्चा दिन और दिनों तक खींचती है जब तक कि मैंने उन्हें बताया कि, एक नकली (और अंतिम आवेदन नहीं) होने पर सभी इनपुट का स्वागत है, लेकिन हमें पहले कार्यशीलताओं पर ध्यान देना पड़ा और फिर हम आगे बढ़ने और महसूस करने के लिए आगे बढ़ सकते थे शब्दावली मुद्दों।

मैं बैठक से हमेशा प्रोटोटाइप और नकली-अप से डरता हूं ... शायद मुझे उन्हें सिर्फ वीसियो में कुछ देना चाहिए था।

0
जोड़ा

मुझे लगता है कि कागज / व्हाइटबोर्ड / सफेद दीवारों से शुरू करना सबसे अच्छा है।

एक बार आपके पास मूल संरचना हो जाने के बाद, आप वायरफ़्रेम स्टैंसिल के साथ इसे Visio पर ले जा सकते हैं

या आप डेनिम का उपयोग कर सकते हैं ( प्रारंभिक चरण वेब साइट और यूआई डिज़ाइन के लिए एक अनौपचारिक टूल ) के साथ एक टैबलेट पीसी या वाकॉम टैबलेट जीयूआई डिज़ाइन करने और इसे HTML वेबसाइट के रूप में चलाने के लिए।

0
जोड़ा

मैं सुझाव दूंगा कि आप अपने क्लाइंट के साथ बैठें और मॉकअपस्क्रीन जैसे टूल का उपयोग करें और UI को इंटरैक्टिव रूप से विकसित करें। नेपकिन एलएएफ पर इसका लाभ यह है कि इसे किसी भी प्रकार के कोडिंग या वास्तव में विकास उपकरण की आवश्यकता नहीं है

0
जोड़ा

WireframeSketcher is a tool that helps quickly create wireframes, mockups and prototypes for desktop, web and mobile applications. It comes both as a standalone version and as a plug-in for Eclipse IDEs. It has some distinctive features like storyboards, components, linking and vector PDF export. Among supported IDEs are are Aptana, Flash Builder, Zend Studio and Rational Application Developer.

नमूना WireframeSketcher mockup http://wireframesketcher.com/samples/Website.png

0
जोड़ा

एक गैर-इंस्टॉलेशन ब्राउज़र आधारित टूल के लिए आप ड्राफ्ट-इसे आज़मा सकते हैं

यह मुफ़्त है - और यदि आपके पास एक जीमेल खाता है - पंजीकरण की आवश्यकता नहीं है।

चरण या स्लाइड शो द्वारा इंटरैक्टिव / चरण बनाता है- प्रोटोटाइप। आप केवल एक लिंक भेजकर अपने प्रोटोटाइप को किसी भी व्यक्ति के साथ साझा कर सकते हैं।

हमारे लिए काम करता है ...

0
जोड़ा