डेवलपर्स के लिए डिज़ाइनिंग

डेवलपर्स अक्सर डिज़ाइन को नज़रअंदाज़ करते हैं। डिज़ाइनर्स अक्सर कोड को नज़रअंदाज़ करते हैं। यह अंतर उत्पाद की गुणवत्ता को खत्म कर देता है।

मैं इन दोनों के बीच में रहता हूँ। मुझे क्लीन CSS और सुंदर टाइपोग्राफी पसंद है। यह दोहरा दृष्टिकोण मुझे बेहतर उत्पाद बनाने में मदद करता है।

इस विभाजन की समस्या:

मैं इसे ठीक करने के लिए डिज़ाइन सिस्टम का उपयोग करता हूँ। मैं डिज़ाइन सिस्टम को अनुबंध (contracts) की तरह मानता हूँ।

मैं "blue" या "16 pixels" का उपयोग नहीं करता। मैं टोकन (tokens) का उपयोग करता हूँ।

जब एक डिज़ाइनर Figma में एक टोकन बदलता है, तो डेवलपर CSS में एक वेरिएबल अपडेट करता है। पूरा उत्पाद सुसंगत बना रहता है। इससे मैन्युअल काम और गलतियाँ कम हो जाती हैं।

मैं सीमाओं (constraints) के साथ डिज़ाइन करता हूँ। मैं यह दिखावा नहीं करता कि वे मौजूद नहीं हैं। मैं इंजीनियरों से ट्रेड-ऑफ (trade-offs) के बारे में बात करता हूँ। मैं कोड को बहुत कठिन बनाए बिना एक अच्छा यूज़र एक्सपीरियंस बनाए रखने के तरीके सुझाता हूँ। डिज़ाइन एक हैंडऑफ के बजाय एक साझेदारी बन जाता है।

ब्रांड पहचान केवल विज़ुअल्स के बारे में नहीं है। यह व्यक्तित्व (personality) से शुरू होती है।

ये शब्द हर चुनाव का मार्गदर्शन करते हैं। वे फ़ॉन्ट्स, फ़ोटो और आवाज़ (voice) को निर्धारित करते हैं। विज़ुअल्स उस व्यक्तित्व का पिक्सेल में अनुवाद मात्र हैं।

चाहे आप डैशबोर्ड बनाएं या ब्रांड, आपकी प्रक्रिया मायने रखती है। एक स्क्रीनशॉट केवल सतह है। लोगों को आपके काम के पीछे का संदर्भ (context) और तर्क (logic) देखने की आवश्यकता होती है।

डिज़ाइन कभी समाप्त नहीं होता। मैं लॉन्च करता हूँ, निरीक्षण करता हूँ और सुधार करता हूँ।

आज शिप होने वाला एक अच्छा डिज़ाइन उस परफेक्ट डिज़ाइन से बेहतर है जो कभी शिप ही नहीं होता। एक बार में एक छोटा कदम सुधारने के लिए वास्तविक फीडबैक का उपयोग करें।

स्रोत: https://dev.to/visionapi/designing-for-developers-how-i-bridge-code-and-creativity-2kgf