विषय
- एक उत्तरदायी पद्धति
- मैं पहले सामग्री कैसे रखूँ?
- क्यों?
- 01. अपने व्यवसाय और उपयोगकर्ता लक्ष्यों को परिभाषित करें
- 02. उन्हें मिलने वाले हर मौके का संदर्भ लें
- 03. पीछे धकेलने से न डरें
- 04. अपनी टीम को भी पुश करें
- 05. अपनी सभी सामग्री को पहले से परिभाषित करें
- मैं प्रस्तुति से सामग्री को कैसे सार करूँ?
- हमें लेआउट के संदर्भ में सामग्री के बारे में सोचना बंद करना होगा
- अपने ग्राहकों को डिज़ाइन से स्वतंत्र उनकी सामग्री की योजना बनाने के लिए बाध्य करें
- डिज़ाइन से पहले अपनी सामग्री को अंतिम रूप दें
- वास्तविक सामग्री का उपयोग करें - हर बार
- तो उत्तरदायी डिजाइन परियोजनाओं के लिए वायरफ्रेम कैसे काम करते हैं?
- स्केच
- इन-ब्राउज़र ढांचा
- एनोटेशन
- वायरफ्रेम में वास्तविक सामग्री का उपयोग करें
- मैं पहले छोटे पर्दे के लिए कैसे डिजाइन करूं?
- शुरुआत में उपकरणों से सार डिजाइन
- स्टाइल टाइल्स का प्रयोग करें
- इंटरफ़ेस सद्भाव बनाएं
- ब्राउज़र में सब कुछ देखें
- स्थिर कार्यक्रमों के साथ संतुलन बनाएं
- निष्कर्ष
आइए स्पष्ट करें: डिजाइन केवल तभी समाधान है जब वह हाथ में गहरे मुद्दों पर ध्यान केंद्रित करता है, हर चीज के पीछे क्यों। एक ठोस प्रक्रिया को हमेशा हमारे काम का मार्गदर्शन करना चाहिए, लेकिन हमें कुछ अधिक लचीला अपनाने की जरूरत है। हमारे माध्यम ने आखिरकार खुद को तरल साबित कर दिया है, तो क्या हमारी प्रक्रिया नहीं होनी चाहिए? सिस्टम डिज़ाइन के बारे में सोचें: आपको पूरी तस्वीर और छोटे विवरण दोनों को देखने की जरूरत है। असंभव? इससे दूर!
फ्रैंक चिमेरो ने इसे अपनी पुस्तक द शेप ऑफ डिज़ाइन में खूबसूरती से रखा है: "एक ऐसा हिस्सा है जहां कलाकार काम पर एक नया दृष्टिकोण हासिल करने के लिए चित्रफलक से पीछे हट जाता है। चित्रकारी निकट और दूर समान भागों में होती है: जब निकट होता है, तो कलाकार अपनी पहचान बनाने के लिए कड़ी मेहनत करता है; दूर होने पर, वह कार्य का मूल्यांकन उसके गुणों का विश्लेषण करने के लिए करता है। वह काम को उससे बात करने देने के लिए पीछे हट जाता है। ”
हमें अपने काम को, अपने माध्यम को, हमसे बात करने देना चाहिए। उत्तरदायी डिजाइन के उदय के साथ, हम अंत में अपने माध्यम को गले लगा रहे हैं क्योंकि इसका मतलब था: तरल पदार्थ। यह पीछे हटने और काम का आकलन करने, विश्लेषण करने और चीजों को करने का एक नया तरीका, एक नई प्रक्रिया अपनाने का एक शानदार समय है। स्टैटिक मॉक-अप और वेब डिज़ाइनर के दिन गए जो कोड को नहीं समझते हैं। यह एक प्रतिक्रियाशील प्रक्रिया का समय है।
एक उत्तरदायी पद्धति
हम इस लेख की शुरुआत में एक ठोस प्रक्रिया के बड़े रहस्य को दूर करने जा रहे हैं। क्योंकि हम ऐसे ही पागल हैं। तैयार? एक उत्तरदायी प्रक्रिया एक जिम्मेदार प्रक्रिया है। अस्पष्ट? हो सकता है। मूर्ख? नहीं। इससे पहले वेब मानकों के आंदोलन की तरह, उत्तरदायी डिजाइन भविष्य के अनुकूल तरीकों के साथ वेब को आगे बढ़ा रहा है।
किसी भी डिजाइन प्रक्रिया की तरह, इसे इसके पीछे 'क्यों' पर ध्यान देना चाहिए। तो वेबसाइटें क्यों मौजूद हैं? सामग्री पहुंचाने के लिए। यह कार्य-आधारित, सामाजिक, सूचनात्मक हो सकता है ... इससे कोई फर्क नहीं पड़ता। यह सब नीचे आता है: क्यों, अच्छी तरह से संरचित सामग्री और महत्वपूर्ण बातचीत से शुरू करें।
यहां वे प्रश्न हैं जो हम अपनी प्रतिक्रियाशील डिजाइन प्रक्रिया के बारे में अक्सर सुनते हैं।
मैं पहले सामग्री कैसे रखूँ?
हम सभी एक परियोजना की शुरुआत में बहुत आशावादी हैं। "सामग्री पहले!" हम कहते हैं। "उपयोगकर्ता लक्ष्य! याद रखें कि क्या महत्वपूर्ण है!" यह सच है। लेकिन इसका मतलब क्या है? आप सामग्री-प्रथम प्रक्रिया को कैसे कार्यान्वित करते हैं?
यहां तक कि अगर आप जानते हैं (या सोचते हैं कि आप जानते हैं), एक परियोजना की प्रगति के रूप में इसे भूलना आसान है। लंबी अवधि की परियोजनाओं में (और आगे … और आगे…) खींचने की प्रवृत्ति होती है। हम क्यों के बारे में सोचना बंद कर देते हैं, और कैसे पर ध्यान देना शुरू करते हैं। हम खुद को यह सोचकर मूर्ख बनाते हैं कि हमारी परियोजनाओं को अलग-अलग 'खोज' और 'विकास' चरणों में विभाजित किया जा सकता है जो स्वतंत्र रूप से मौजूद हो सकते हैं।
सच तो यह है कि हमें हर समय यह पूछते रहना पड़ता है कि क्यों। कोई फर्क नहीं पड़ता कि आप कितना सोचते हैं कि आप जानते हैं, आपने कितनी भी योजनाएँ बनाई हों - हर बार जब आप कोई निर्णय लेते हैं, हर बार जब आप एक बटन डिज़ाइन करते हैं या एक शीर्षक लिखते हैं, तो आपको पूछना होगा ...
क्यों?
मैं यह क्यों कर रहा हूँ? इसके लिए कौन है? यह मेरे क्लाइंट को किस व्यावसायिक लक्ष्य को हासिल करने में मदद करेगा? यह मेरे उपयोगकर्ताओं के पते में क्या मदद करेगा? केवल पहले सामग्री न रखें। पहले क्यों रखें।
इससे यह आसान लगता है। लेकिन इसे अच्छी तरह से करने के लिए, आपको धक्का देना होगा। अपने ग्राहकों और अपनी टीम को पहले उनके कारण को परिभाषित करने के लिए प्रेरित करें। कोई लोरेम इप्सम नहीं, नहीं 'हम उस पर बाद में पहुंचेंगे'। अपना होमवर्क करें! आपके सभी हाउज़ को एक ठोस कारण से शुरू करने की आवश्यकता है। येलो पेंसिल में, इसका मतलब है कि जिस तरह से हम पिच, अनुमान, बजट और योजना परियोजनाओं में बड़े बदलाव करते हैं। हमें ठोस शोध, रणनीति और योजना बनाने के लिए बजट और समय पर जोर देना पड़ा है। आप भी शायद। लेकिन एक बार जब आपके क्लाइंट और आपकी टीम सामग्री की ज़रूरतों को परिभाषित करने के बड़े लाभों को सामने देख लें, तो वे कभी पीछे मुड़कर नहीं देखेंगे।
और उन्हें शिक्षित करना हमारा काम है। (यदि आप ग्राहकों के साथ व्यवहार करने के बारे में अधिक जानना चाहते हैं तो माइक मोंटेरो की उत्कृष्ट पुस्तक डिज़ाइन एक नौकरी पढ़ें।) ग्राहकों को उस सभी शोध को करने और सामने काम करने के मूल्य को समझने में कठिन समय हो सकता है। और उन्हें क्यों चाहिए? उन्हें अंत में कुछ भी 'समाप्त' नहीं मिलता है - और अक्सर उन्हें केवल एक चालान और एक बड़ा ओल 'वर्ड दस्तावेज़ मिलता है।
यह उनकी गलती नहीं है - यह हमारी गलती है। उस मूल्य को प्रदर्शित करने का बेहतर काम करना हमारी जिम्मेदारी है। हर कदम पर, हमें यह सब वापस सबसे महत्वपूर्ण क्यों लाने की जरूरत है।
यह उत्तरदायी डिजाइन के लिए विशेष रूप से महत्वपूर्ण है। एक उत्तरदायी वेबसाइट के लिए बहुत अधिक विकास प्रयास की आवश्यकता नहीं होती है, लेकिन इसका मतलब बहुत अधिक योजना बनाना है। हालांकि वास्तव में, यह योजना बना रहा है कि हमें यह सब करते रहना चाहिए था। वर्तमान रीडिज़ाइन-हर-तीन-ईश-वर्ष के प्रोजेक्ट चक्र को देखें। क्या आप ऐसा करते रहना चाहते हैं? हमें यकीन है कि नहीं।
तो यहां आपकी परियोजना प्रक्रिया में सामग्री को पहले रखने के तीन चरण दिए गए हैं।
01. अपने व्यवसाय और उपयोगकर्ता लक्ष्यों को परिभाषित करें
अपने प्रोजेक्ट के लिए व्यवसाय और उपयोगकर्ता लक्ष्यों की प्राथमिकता सूची बनाएं। आपके उपयोगकर्ता सबसे अधिक क्या जानना या करना चाहते हैं? क्या तुम खोज करते हो। सूचित निष्कर्ष निकालें, जंगली अनुमान नहीं। अपने सभी हितधारकों से सहमत हों।
02. उन्हें मिलने वाले हर मौके का संदर्भ लें
हर बार जब आप कोई निर्णय लेते हैं, तो हर बार जब कोई नई सुविधा या डिज़ाइन तत्व, या सामग्री के पृष्ठ का प्रस्ताव करता है, तो उन्हें अनुरोध को व्यवसाय और उपयोगकर्ता लक्ष्य के लिए मैप करने के लिए कहें। यह सुविधा किस वास्तविक आवश्यकता को पूरा करेगी? असली वजह क्या है? (संकेत: 'क्योंकि मैं चाहता हूं' या 'मुझे वास्तव में नीला पसंद है' या 'फेसबुक पर हर किसी की' गिनती नहीं है।)
03. पीछे धकेलने से न डरें
यह एक कठिन हो सकता है। ग्राहक संबंध नाजुक हो सकते हैं, और युद्ध जीतने के लिए लड़ाई को छोड़ना मोहक हो सकता है। लेकिन याद रखना, हम सब इसमें एक साथ हैं! यह व्यवसाय बनाम उपयोगकर्ता नहीं है; हम बनाम उन्हें।
उपयोगकर्ता की जरूरतों को पूरा करना व्यावसायिक जरूरतों को पूरा करने का सबसे अच्छा तरीका है। क्योंकि हमारे उपयोगकर्ताओं के बिना, हमारे पास कोई व्यवसाय नहीं है! ग्राहक (अच्छे ग्राहक) आपको हर चीज के लिए 'हां' कहने के लिए काम पर नहीं रख रहे हैं। इसलिए यदि आपका क्लाइंट कुछ ऐसा मांगता है जो उनके लक्ष्यों या उनके उपयोगकर्ताओं की ज़रूरतों को पूरा नहीं करता है, तो उन्हें चुनौती देने से न डरें। यह अहंकार के बारे में नहीं है। यह सर्वोत्तम संभव समाधान बनाने के बारे में है।
04. अपनी टीम को भी पुश करें
रचनात्मक टीम के भीतर काम करते समय यह एक चुनौती भी हो सकती है। भूमिकाओं का पृथक्करण - दृश्य डिजाइन, उपयोगकर्ता अनुभव, सूचना वास्तुकला, सामग्री रणनीति, सामग्री उत्पादन - गलत संचार का कारण बन सकता है। हम व्यस्त हो जाते हैं, हम ईमेल से अभिभूत हो जाते हैं। किसी प्रोजेक्ट के साथ शुरू से अंत तक बने रहना मुश्किल है, खासकर एक बार 'आपका' काम हो जाने के बाद।
आपकी टीम का संबंध कम से कम उतना ही महत्वपूर्ण है जितना कि आपके ग्राहक संबंध। हमें खुद को यह याद दिलाना होगा कि ऐसा क्यों है, जैसे हम अपने ग्राहकों को करते हैं। सहयोग प्रमुख है। आप केवल सामग्री योजना, या वायरफ़्रेम, या डिज़ाइन को 'हैंड ऑफ' नहीं कर सकते। जहां तक हो सके हमें हाथ मिलाकर काम करना होगा। एक सुपुर्दगी को 'खत्म' करना और किसी और चीज़ पर आगे बढ़ना आसान है। जब मुश्किल हो जाती है तो किसी प्रोजेक्ट के साथ रहना ज्यादा मुश्किल होता है।
रचनात्मक कार्य के लिए झरना दृष्टिकोण काम नहीं करता है। टीम के सदस्यों के बीच चुस्त, सहयोगात्मक कार्य बेहतर परिणाम देता है।
05. अपनी सभी सामग्री को पहले से परिभाषित करें
यहाँ बात है: उत्तरदायी वेबसाइटों को योजना बनाने में अधिक समय लगता है। हम अब केवल एक संदर्भ के लिए योजना नहीं बना रहे हैं। हम उन सभी संदर्भों की योजना बना रहे हैं जिनके बारे में हम अभी जानते हैं, और कुछ जो अभी तक मौजूद नहीं हैं।
लेकिन उन सभी जटिलताओं के लिए योजना बनाने में बहुत कम समय लगता है, जो वापस जाने और उन सुविधाओं और कार्यों को वापस लेने में होता है जिनका आपने हिसाब नहीं दिया था। इसलिए समय/प्रयास/बजट खर्च करें। डिजाइन में आने से पहले अपने ग्राहकों और अपनी टीम को उनकी सभी सामग्री को परिभाषित (और प्रतिबद्ध!) करने के लिए मजबूर करें। पेज टेबल का प्रयोग करें। संरचित सामग्री का उपयोग करें। अब अपनी सामग्री को फ्यूचर-प्रूफ करें! या बाद में रोना।
मैं प्रस्तुति से सामग्री को कैसे सार करूँ?
आप इसे इंटरनेट-ओ-स्फीयर के आसपास बहुत सुनते हैं। लेकिन रुको, क्या? और रुको - क्यों?
क्योंकि प्रस्तुति (और इच्छा) बदल सकती है। जिस तरह से हमने 15 साल पहले वेबसाइटों को डिजाइन किया था, वह अब हम उन्हें कैसे पेश करते हैं, इससे लगभग पहचाना नहीं जा सकता। लेकिन आप जानते हैं कि क्या नहीं बदला है? शब्दों। हम अभी भी उनका उपयोग करते हैं। इंटरनेट मुख्य रूप से (पाठ्य-आधारित) सामग्री के लिए मौजूद है। हम अभी भी इसका उपयोग सूचना समस्याओं को हल करने के लिए करते हैं; कार्यों को पूरा करने के लिए। लेकिन अगर आपकी सामग्री प्रस्तुति के साधन (फ्लैश इंट्रो पेज, कोई भी?) पर निर्भर करती है, तो इसकी वास्तविक संभावना है कि यह कुछ वर्षों में उपयोग करने योग्य नहीं होगा। और वह बेकार है।
हमें लेआउट के संदर्भ में सामग्री के बारे में सोचना बंद करना होगा
हमने (एक उद्योग के रूप में) अपने ग्राहकों को लेआउट के संदर्भ में सामग्री के बारे में सोचने के लिए प्रशिक्षित किया है। "इसे साइडबार में रखें," हम कहते हैं। "वह पाद लेख में जाना चाहिए।" रुकें! इसे रोक। रूक जा। यह स्थान के बारे में नहीं है। यह प्राथमिकता के बारे में है। आपके उपयोगकर्ताओं के लिए सबसे महत्वपूर्ण सामग्री क्या है? क्योंकि लगता है क्या: संदर्भों में लेआउट बदलता है। वहां (शायद) आपके छोटे स्क्रीन डिज़ाइन पर साइडबार नहीं होगा।
आपके ग्राहक को जो विशाल सुपर-मेन्यू चाहिए? एक iPhone पर उड़ान भरने वाला नहीं है।
अपने ग्राहकों को डिज़ाइन से स्वतंत्र उनकी सामग्री की योजना बनाने के लिए बाध्य करें
ठीक है, आपको उन्हें मजबूर करने की ज़रूरत नहीं है। उन्हें प्रोत्साहित करें। दृढ़ता से प्रोत्साहित करें। पेज टेबल इसके लिए बहुत अच्छे हैं। यदि आपने इसे पहले से नहीं पढ़ा है, तो उन्हें बनाने के तरीके के बारे में अधिक जानकारी के लिए तुरंत क्रिस्टीना हल्वर्सन और मेलिसा रैच की वेब के लिए सामग्री रणनीति पर आगे बढ़ें। उन्हें प्राथमिकता क्रम में व्यवस्थित करें। स्थान या लेआउट का संदर्भ न दें। यह आपके ग्राहकों को उनकी सामग्री के बारे में अधिक उत्पादक तरीके से सोचने में मदद करेगा, और अंतिम वायरफ्रेम या डिज़ाइन से पहले सामग्री निर्माण प्रक्रिया को भी आगे बढ़ाएगा।
डिज़ाइन से पहले अपनी सामग्री को अंतिम रूप दें
ठीक है, यह हमेशा संभव नहीं होता है। लेकिन डिजाइनिंग शुरू करने से पहले आप जितनी अधिक अनिश्चितता को खत्म कर सकते हैं, उतना ही कम आपको वापस जाना होगा और बाद में चीजों को बदलना होगा।
वास्तविक सामग्री का उपयोग करें - हर बार
यदि संभव हो, एज केस सामग्री का उपयोग करें - अपने ग्राहकों को सबसे जटिल पृष्ठ, चित्र और मेनू दिखाएं। यह बाद में प्रक्रिया में आश्चर्य से बच जाएगा, जब वे तैयार उत्पाद में अपनी सबसे खराब सामग्री देखेंगे।
कार्यात्मक, इन-ब्राउज़र वायरफ़्रेम अंतर की दुनिया बनाते हैं। अपने ग्राहकों को उनकी सामग्री को स्क्रीन आकारों की एक श्रृंखला में चलते और बदलते हुए देखने की अनुमति दें। जब आप अपने वायरफ़्रेम प्रस्तुत करते हैं तो इसे इंगित करें (आप व्यक्तिगत रूप से प्रस्तुतियाँ कर रहे हैं, है ना?) उन्हें दिखाएं कि कैसे उनकी जानकारी की प्राथमिकता स्क्रीन आकारों में समान रहती है, जबकि लेआउट बदलता है।
तो उत्तरदायी डिजाइन परियोजनाओं के लिए वायरफ्रेम कैसे काम करते हैं?
हम दृढ़ विश्वास रखते हैं कि RWD के लिए इंटरैक्शन डिज़ाइन को ब्राउज़र में जल्दी और बार-बार आना चाहिए। एक स्थिर दस्तावेज़ बनाना बहुत असंभव है जो सब कुछ का वर्णन करेगा। ज़रूर, हम एक दस्तावेज़ बना सकते हैं जो तीन, चार या पाँच विराम बिंदुओं को प्रदर्शित करता है, लेकिन यह कहानी का केवल एक अंश है। ब्रेकप्वाइंट के बीच के सभी पलों के बारे में क्या? ब्राउज़र में ऐसा होता है।
स्केच
फिर भी, सहयोगात्मक रूप से अपने विचारों को शीघ्रता से तैयार करने में सक्षम होना अच्छा है। यह किसी विशेष माध्यम में होने की आवश्यकता नहीं है, लेकिन कागज पर पेंसिल के बारे में कुछ है। यहां पूरा बिंदु विचारों को जल्दी और पुनरावृत्त रूप से प्राप्त करना है। हम जब भी संभव हो स्केचबोर्ड पसंद करते हैं, और उसके लिए एक ऐप भी है: UI स्केचर।
इन-ब्राउज़र ढांचा
यहाँ हमारे लिए असली टिकट है। ब्राउज़र में RWD का प्रदर्शन करते समय हम पैटर्न और सिस्टम का पुन: उपयोग करना पसंद करते हैं। बेशक, हम हर बार खरोंच से अपना सिस्टम बना सकते हैं, लेकिन यह हमें या हमारे ग्राहकों की मदद नहीं कर रहा है।
हम ट्विटर के बूटस्ट्रैप या ज़र्ब के फाउंडेशन जैसे तीव्र प्रतिक्रियाशील प्रोटोटाइप ढांचे का भी उपयोग करना पसंद करते हैं। हम व्यक्तिगत रूप से फाउंडेशन की ओर झुकते हैं क्योंकि यह हमारे वर्कफ़्लो में फिट बैठता है। यह बहुत अच्छा होगा यदि कोई एक छोटी स्क्रीन, कम बैंडविड्थ-पहला दृष्टिकोण अपनाएगा, लेकिन हम इसी तरह रोल करते हैं।
एनोटेशन
आरडब्ल्यूडी वायरफ्रेम के लिए एनोटेशन आवश्यक हैं लेकिन, हम पाते हैं, अक्सर अनदेखी की जाती है। इसे ज़ोर से कहें: दस्तावेज़ीकरण, दस्तावेज़ीकरण, दस्तावेज़ीकरण! हमने दोस्तों से इसके कुछ उदाहरण देखे हैं और सोचते हैं कि जूरी अभी भी 'सर्वश्रेष्ठ' तरीके से इन-ब्राउज़र उत्तरदायी वायरफ्रेम को ठीक से एनोटेट करने के लिए बाहर है। जैसा कि ऊपर उल्लेख किया गया है, हम नियमित रूप से ज़र्ब द्वारा फाउंडेशन का उपयोग करते हैं और अपनी टिप्पणियों को प्रदर्शित करने के लिए इसके प्रकट ऐड-ऑन का उपयोग करना पसंद करते हैं। ये एनोटेशन केवल बड़ी स्क्रीन के लिए दिखाई देते हैं और आदर्श रूप से इन्हें चालू और बंद किया जा सकता है।
वायरफ्रेम में वास्तविक सामग्री का उपयोग करें
वायरफ्रेम और डिज़ाइन मॉक-अप में लोरेम इप्सम के आसपास बहुत बहस हुई है, लेकिन अगर आपके वायरफ्रेम में वास्तविक सामग्री नहीं है, तो आप इसे गलत कर रहे हैं। सामग्री बातचीत के निर्णयों को सूचित करती है और आपको बताती है कि कोई डिज़ाइन कब टूटेगा। लोरेम इप्सम ऐसा कैसे कर सकता है?
मैं पहले छोटे पर्दे के लिए कैसे डिजाइन करूं?
वर्षों से हमने एक विशिष्ट संकल्प को ध्यान में रखकर डिजाइन किया है। यह एक डिफ़ॉल्ट सेटिंग थी। चाहे नोटबुक में स्केचिंग हो, ओमनीग्राफल में वायरफ्रेमिंग, फोटोशॉप में काम करना या ब्राउज़र में डिजाइन करना, हमें पता था कि हमारे कैनवास का आकार क्या होने वाला है। वो दिन चले गए। हम पहले छोटे पर्दे के लिए डिजाइन करने और उत्तरोत्तर बढ़ाने में बहुत विश्वास रखते हैं। तो एक डिजाइनर अपने कार्यप्रवाह को एक निश्चित कैनवास आकार से एक तरल आकार में कैसे बदलता है?
शुरुआत में उपकरणों से सार डिजाइन
जब तक हम किसी विशिष्ट उपकरण के लिए डिजाइन नहीं कर रहे हैं, यह आवश्यक है कि हम उपकरणों के बारे में सोचना बंद कर दें और अनुभवों के बारे में सोचना शुरू कर दें। निम्नलिखित सभी तकनीकें डिजाइनरों को डिवाइस अज्ञेय (एक बिंदु तक) रहने में सक्षम होने के दौरान अपने अनुभवों को तैयार करने में मदद करती हैं।
स्टाइल टाइल्स का प्रयोग करें
दिशा स्थापित करने और तेजी से पुनरावृति करने के लिए स्टाइल टाइल्स का उपयोग करें। स्टाइल टाइलें एक डिज़ाइनर को बहुत विशिष्ट हुए बिना डिज़ाइन सिस्टम की दिशा निर्धारित करने में सक्षम बनाती हैं। उनके निर्माता, सामंथा वारेन, उनका वर्णन इस प्रकार करते हैं:
"स्टाइल टाइलें तब होती हैं जब एक मूडबोर्ड बहुत अस्पष्ट होता है और एक COMP बहुत शाब्दिक होता है। स्टाइल टाइलें लेआउट को परिभाषित किए बिना वास्तविक इंटरफ़ेस तत्वों के साथ सीधा संबंध स्थापित करती हैं।"
इंटरफ़ेस सद्भाव बनाएं
एक कैनवास की कल्पना करें जिसमें सभी दृश्य और इंटरैक्टिव तत्वों को एक साथ लाया गया हो। किसी विशेष UI लेआउट को देखने के लिए नहीं, बल्कि यह देखने के लिए कि सभी तत्व एक साथ कैसे काम करते हैं। यह एक इंटरफ़ेस सद्भाव कैनवास है। एक इंटरफ़ेस सद्भाव कैनवास एक डिजाइनर को विचारों को एक साथ रखने में सक्षम बनाता है, लेकिन किसी एक स्क्रीन आकार पर ध्यान केंद्रित नहीं करता है। साथ ही, यह एक पूर्ण शैली मार्गदर्शिका बनाने के बजाय डिज़ाइन किए गए तत्वों को कुशलतापूर्वक संवाद करने और दस्तावेज़ करने का एक शानदार तरीका है।
यदि आप आगे पढ़ने में रुचि रखते हैं, तो इंटरफ़ेस सद्भाव के विषय पर दो उत्कृष्ट लेख यहां और यहां देखे जा सकते हैं।
ब्राउज़र में सब कुछ देखें
ब्राउज़र में सब कुछ एक साथ लाने की जरूरत है। यह वह जगह है जहाँ UI डिज़ाइन वास्तव में जीवन में आता है। यह देखना महत्वपूर्ण है कि वास्तविक सामग्री दृश्य तत्वों के साथ कैसे इंटरैक्ट करती है। स्थिर वातावरण में इसे ठीक से करने का कोई तरीका नहीं है। आपको यह देखने की जरूरत है कि यह देशी माध्यम में कैसी प्रतिक्रिया देगा।
स्थिर कार्यक्रमों के साथ संतुलन बनाएं
ब्राउजर और फोटोशॉप जैसे स्टैटिक प्रोग्राम के बीच एक फ्लो होता है। एक संतुलन होना चाहिए जो डिजाइन प्रणाली को तरल और प्राकृतिक तरीके से बनाने की अनुमति देता है। ज़रूर, यह फ़ोटोशॉप में होगा, लेकिन एक डिज़ाइनर जो प्रतिक्रियात्मक रूप से डिज़ाइन कर रहा है, उसे यह सीखना होगा कि ब्राउज़र में भी रचनात्मक रूप से कैसे सोचना है।
निष्कर्ष
एक बार फिर, भावना के साथ: क्यों के साथ शुरू करें, अच्छी तरह से संरचित सामग्री और महत्वपूर्ण बातचीत के साथ। पहले छोटे स्क्रीन और कम बैंडविड्थ पर ध्यान दें, और उत्तरोत्तर अपनी प्रतिक्रियाशील अवधारणाओं को बढ़ाएं। हमारा माध्यम उम्र का आ रहा है। हमारे पास चीजों को सही तरीके से करने और दुनिया को बदलने का मौका है, एक समय में एक वेब प्रोजेक्ट।
डिजाइनरों के लिए सर्वश्रेष्ठ 20 वायरफ्रेमिंग टूल खोजें
स्टीव फिशर कनाडा में येलो पेंसिल में अनुसंधान, विश्लेषण, डिजाइन और रणनीति का समन्वय करते हैं, और आरडब्ल्यूडी, यूएक्स और ओपन सोर्स जैसे विषयों पर बोलते हैं। एलेन मैकेंज़ी येलो पेंसिल में कंटेंट स्ट्रैटेजिस्ट हैं।
