यह वेब डिज़ाइन के बारे में नहीं है, लेकिन सामान्य रूप से इंटरफ़ेस डिज़ाइन के बारे में है। इंटरफ़ेस मॉकअप को कोड करना बेहतर है या उन्हें एक ग्राफिक्स प्रोग्राम में "ड्रा" करें, जैसे कि जीआईएमपी, फोटोशॉप, आदि?
यह वेब डिज़ाइन के बारे में नहीं है, लेकिन सामान्य रूप से इंटरफ़ेस डिज़ाइन के बारे में है। इंटरफ़ेस मॉकअप को कोड करना बेहतर है या उन्हें एक ग्राफिक्स प्रोग्राम में "ड्रा" करें, जैसे कि जीआईएमपी, फोटोशॉप, आदि?
जवाबों:
अपने आप से ये सवाल पूछें:
कितने यूआई लेआउट / विकल्प आप 30 मिनट में कोडिंग द्वारा खोज सकते हैं? आप स्केचिंग करके कितने का पता लगा सकते हैं?
कितनी बार आपको यूआई डिज़ाइन मिलता है जो पहले ही प्रयास में बिल्कुल सही है? यदि बहुत बार नहीं, तो स्केच बनाम कोडित मॉकअप को बदलना कितना आसान / आसान है?
क्या आप तुरंत उसके हेक्स / आरजीबी कोड (न केवल एक बॉलपार्क अनुमान, बल्कि सटीक छाया / रंग) को देखकर एक रंग की पहचान कर सकते हैं? जब आप अपने दिमाग में रंग डालते हैं, तो क्या आप तुरंत उस हेक्स का अनुवाद कर सकते हैं? हेक्स कोड बनाम वास्तविक रंग बीनने वाले का उपयोग करके आप कितनी तेजी से रंग योजना चुन सकते हैं?
तथ्य यह है कि आप यह सवाल पूछ रहे हैं, मुझे बताता है कि आप सबसे अधिक संभावना एक प्रोग्रामर हैं, न कि एक डिजाइनर, प्रशिक्षण द्वारा। यदि आप एक डिज़ाइनर थे, तो यह उतना ही बेतुका होगा जितना कि क्लास स्ट्रक्चर, डेटाबेस डिज़ाइन, एप्लिकेशन आर्किटेक्चर इत्यादि की योजना के बिना किसी एप्लिकेशन को विकसित करना और कोडिंग में सही कूदना - और यदि आप एक अनुभवी डेवलपर हैं, तो आप जानते हैं इस तरह की समस्याएं किस तरह के विकास के निचले स्तर का कारण बनती हैं।
इसी तरह, यदि आप वास्तव में अपने यूआई को डिजाइन किए बिना कोड के लिए सीधे कूदते हैं , तो परिणाम बहुत सुंदर नहीं होंगे, यदि केवल इसलिए कि यह नेत्रहीन कोडिंग द्वारा एक अच्छे डिजाइन को पूर्ण करने के लिए अव्यावहारिक है।
मैं पहले "ड्राइंग" के लिए मतदान करूँगा। GUI में, उचित लेआउट / प्रेजेंटेशन कुंजी है और यह विज़ुअल साधनों को डिज़ाइन करने के लिए कहता है। जीयूआई को नेत्रहीन रूप से डिजाइन करने से आप प्रत्येक बदलाव को "बदलाव" की कल्पना किए बिना "कोड में अनुवाद" कर सकते हैं और अंत में इसका परीक्षण कर सकते हैं। दूसरा तरीका भी संभव है, लेकिन यह शायद ही कभी बेहतर होता है (जैसे प्रोजेक्ट बेहद छोटा है, जैसे कि सिर्फ एक दो बटन और आप परिचित हैं और "कोड" स्तर पर काम करने के लिए उपयोग किया जाता है; डिजाइन के दौरान कुछ पैटर्न उभर सकते हैं, यह सिर्फ हो सकता है; मामूली संशोधन के साथ पुन: उपयोग)।
यदि आप किसी विशिष्ट विजेट टूलकिट के लिए डिज़ाइन कर रहे हैं, तो आप उपलब्ध होने पर कुछ "GUI डिज़ाइनर" एप्लिकेशन का भी उपयोग कर सकते हैं। यह और भी अधिक GUI डिजाइन प्रक्रिया को गति देगा, क्योंकि यह दोनों दिखाता है कि कैसे चल रहे कार्यक्रम में GUI की तरह डिजाइन किया जाएगा और प्रस्तुतिकरण स्तर पर GUI विवरण का उपयोग करने के लिए तैयार निर्यात कर सकता है।
UI डिज़ाइन के लिए मेरे पास विभिन्न उद्देश्यों के साथ तीन चरण हैं:
(२!) अनुकरण करना।दूसरा, आप चाहते हैं कि आप लुक डाउन करें और प्रतिक्रिया प्राप्त करें, जितना संभव हो उतना पता लगाएं कि आप लोगों के अंतर्ज्ञान और अनियंत्रित प्रतिक्रियाएं क्या हैं जिससे आप समय से पहले कार्यान्वयन कार्य शुरू कर सकते हैं। यह जो कुछ भी आप सबसे अधिक ईमानदारी से काम करते हैं उसमें होना चाहिए क्योंकि यदि आप इसे सही कर रहे हैं, तो आपको अक्सर 'ड्राइंग बोर्ड पर वापस' जाना चाहिए, आलोचना की तलाश करना और यथासंभव अनपेक्षित मुद्दों की पहचान करना है। यदि आप एक पागल कोडिंग मशीन हैं और यह वही है जिसमें आप सबसे अधिक आराम से काम करते हैं, तो कोडिंग ठीक है, लेकिन अधिकांश लोग पटाखे, फोटोशॉप, समर्पित वायरफ्रेमिंग सॉफ्टवेयर, या हो सकता है कि यूआई-चालित इंटरफेस बिल्डर जैसे फ्लैश कैटालिस्ट जैसे कुछ में तेजी से काम करेंगे। (ठीक है अगर अंतिम उत्पाद फ्लैश नहीं है, तो लक्ष्य लागू होने से पहले अच्छी प्रतिक्रिया प्राप्त करना है)।
(३!) लागू करना। अंत में, आप इस बात को लागू करते हैं और इसे इस तरह से करने का लक्ष्य रखते हैं जिससे आप जल्दी और अक्सर प्रतिक्रिया प्राप्त कर सकें।
परियोजना चक्र के इन तीन भागों में अलग-अलग उद्देश्य हैं, इसलिए यदि यह एक बड़ी परियोजना है, तो यह प्रत्येक चरण में नौकरी के लिए सबसे उपयुक्त उपकरण का उपयोग करने के लिए समझ में आता है।
यह प्रश्न थोड़ा अस्पष्ट है और, जैसे कि, उत्तर हैं।
टीमों के रूप में, शीर्ष पर, परियोजनाओं में बेतहाशा भिन्नता होगी।
उन्होंने कहा, कोई 'सर्वश्रेष्ठ' नहीं है। यह एक कार्यप्रवाह में सभी उपकरणों का उपयोग करने के बारे में है जो आपके और आपकी टीम के लिए सबसे अधिक समझ में आता है।
आम तौर पर बोल रहा हूं, मैं कहूंगा कि यह उस प्रकार का वर्कफ़्लो है जिसके लिए आपको लक्ष्य बनाना चाहिए:
मेरे लिए जो काम करता है वह एक प्रोग्राम का उपयोग करके मॉकअप बनाना है जो पिक्सेल-परफेक्ट लेआउट नहीं बनाने पर जोर देता है । मेरे लिए वह बालसामी मॉकअप है, जिसे आप http://www.balsamiq.com/products/mockups पर देख सकते हैं