एक वेब डिजाइनर और एक वेब डेवलपर की जिम्मेदारियों के बीच की सीमाएं क्या हैं? [बन्द है]


16

मुझे कई वेब साइट रिडिजाइन के लिए कार्यात्मक विकास करने के लिए काम पर रखा गया है। जिस कंपनी के लिए मैं काम करता हूं, उसके पास अपेक्षाकृत कम तकनीकी स्तर है, और वेब साइटों का पिछला विकास एक ग्राफिक डिजाइनर द्वारा पूरा किया गया था जो स्वयं को सिखाया जाता है जहां तक ​​वेब विकास का संबंध है।

मेरी ज़िम्मेदारी बुनियादी विकास से आगे बढ़ गई है, क्योंकि मुझे भी विकास का माहौल बनाने का काम सौंपा गया है, और बाहरी सीएमएस होस्टिंग से आंतरिक सर्वरों में स्क्रिप्टिंग भाषाओं को शामिल करते हुए होस्टिंग को माइग्रेट करना (मैंने PHP / MySQL के लिए चुना)।

मैं ग्राफिक डिजाइनर के साथ काम कर रहा हूं, और वह वेब के रचनात्मक डिजाइन के लिए जिम्मेदार है। हम अपने संबंधित कार्यों की सीमाओं के बीच भ्रम की स्थिति में थोड़ा घर्षण में चल रहे हैं।

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

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

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

क्या वेब डिजाइनर और वेब डेवलपर की भूमिकाओं के बीच आम तौर पर स्वीकृत विभाजन रेखा है? क्या वेब प्रौद्योगिकियों में उनकी अपेक्षाकृत अनुभवहीन पृष्ठभूमि उस विभाजन रेखा को प्रभावित करती है?


बहुत बेहतर लगता है: प्रश्न को फिर से तैयार करने के लिए समय निकालने के लिए धन्यवाद।

डिजाइनर यह पता लगाते हैं कि क्या करना है। डेवलपर्स यह पता लगाते हैं कि यह कैसे करना है।
जेरी कॉफिन

2
वेब डिज़ाइनर आपके नेटवर्क बैंडविड्थ का दुरुपयोग करते हैं, वेब डेवलपर आपके सीपीयू साइकिल का दुरुपयोग करते हैं।
जेम्स

जवाबों:


10

कोई विभाजन रेखा नहीं

मैंने पाया है कि यह काफी सामान्य है और ग्राफिक डिजाइनर और वेब डिजाइनर के बीच स्पष्ट रूप से कट विभाजन रेखा नहीं है। ग्राफिक डिजाइनर किस कौशल के साथ वेब तकनीक के साथ अपने अनुभव पर पूरी तरह से निर्भर हो जाता है (आम तौर पर इसमें कोई सीएसएस या html शामिल नहीं होता है)।

ग्राफिक डिजाइनर के साथ काम करने के लिए संचार और समझौता की आवश्यकता होती है

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

गतिशील लेआउट

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

  • यदि साइट वास्तव में किसी विशेष हिस्से में इतना पाठ नहीं रखती है तो साइट कैसी दिखेगी?
  • अगर यह चारों ओर लपेटने की आवश्यकता है तो हेडर टेक्स्ट कैसे दिखता है? (विज्ञापन nauseum, विज्ञापन infinitum)

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

इतना कुछ भी कि मैं देख सकता हूँ कि एक गतिशील वेबसाइट पर होता है जो डिज़ाइनर के साथ डिज़ाइन की गई आवाज़ को तोड़ सकता है और डिज़ाइन में संबोधित हो सकता है। उपरोक्त को ध्यान में रखने के लिए ग्राफिक डिजाइनर के कौशल के आधार पर मुझे वास्तव में ऐसा करने की आवश्यकता नहीं हो सकती है।

आपके मामले में

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

इसे डिजाइन से वेबसाइट पर एक साथ लाना

ग्राफिक डिजाइनर को डायनामिक वेबसाइट बनाने में सक्षम होने के लिए किसी भी html या सीएसएस को जानने की आवश्यकता नहीं होनी चाहिए। हमें उन सभी की आवश्यकता है जो चित्र, और दृष्टि है कि साइट कैसे दिखनी चाहिए। मेरा विश्वास करो यह सही पाने के लिए काफी कठिन है, और ग्राहकों की उपयोगिता को ध्यान में रखना चाहिए। बाकी डेवलपर्स पर निर्भर है।

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

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


2
ध्यान दें कि उसने कहा Web designerऔर नहीं graphics designer। imho वे बहुत अलग हैं। एक वेब डिजाइनर को html और CSS को धाराप्रवाह जानना चाहिए।
jgauffin

8

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

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


1
अधिकांश "वेब डिज़ाइनर" मैंने लगभग अनन्य रूप से फ़ोटोशॉप के साथ काम किया है और संभवतः डेवलपर की मदद से ड्रीमविवर में थोड़ा प्रोटोटाइप बना सकता है। डिजाइनरों को वेब पर क्या संभव है और संभव नहीं है, का ज्ञान है, लेकिन जरूरी नहीं कि इसे कैसे बनाया जाए। वेब डेवलपर सभी "कोड" और डिजाइनर सभी छवियों को करता है। लेकिन तकनीकी और कलात्मक दोनों तरह के कौशल वाले लोगों को खोजना कठिन है। जो लोग क्रॉस-ओवर एंड करने में सक्षम होते हैं उन्हें टीम द्वारा समायोजित किया जाता है लेकिन वे सबसे अच्छा काम करते हैं, इसलिए लाइनों का धुंधला होना।
ग्लेनपेटर्सन

3

आप सॉफ्टवेयर के एक डेवलपर और सॉफ्टवेयर के एक डिजाइनर के बीच अंतर पर क्या विचार करेंगे?

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

इसके बारे में दो अच्छे तरीके हैं:

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

2) डेटाबेस और मध्य स्तरों को संभालें और उसे वेब टियर, एचटीएमएल, जेएस, सीएसएस पर ध्यान केंद्रित करें।


2

पदों की लौकिक पुस्तक को फेंकने की कोशिश करने के बजाय एक अलग दृष्टिकोण लेने की कोशिश करें। विभिन्न स्थितियों और सदस्यों को अलग-अलग कर्तव्यों और जिम्मेदारियों की आवश्यकता होती है

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

करीबी दिमाग होना लगभग फायदेमंद नहीं है।


2

डिजाइनर और डेवलपर दोनों की जिम्मेदारी सर्वोत्तम संभव उत्पाद प्रदान करना है। जैसा कि स्पष्ट रूप से कुछ ओवरलैप होने जा रहा है, विशेष रूप से इंटरफ़ेस पर, जैसा कि आप वर्णन करते हैं, उपयोगिता और कार्यक्षमता।

चाल यह पहचानने के लिए है कि आप दोनों क्या सबसे अच्छा करने की कोशिश कर रहे हैं। एक बार जब आप यह पहचान लेते हैं कि यह क्षेत्र के नियंत्रण पर एक प्रतिकूल संबंध नहीं है, लेकिन एक सहकारी एक तो आप अपने लाभ के लिए अपने दोनों कौशल का उपयोग कर सकते हैं ।

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


2

ग्राफिक डिजाइनर = दृश्य डिजाइन

UX डिजाइनर = विश्लेषण और वायरफ्रेम डिजाइन

वेब डिजाइनर = प्रोटोटाइप डिजाइन निर्माण

यूआई डिजाइनर = सीएसएस, जावास्क्रिप्ट, अजाक्स और क्रॉस ब्राउज़र संगतता के साथ एचटीएमएल डिज़ाइन

प्रोग्रामर = php का उपयोग करके प्रोग्राम। .नेट, जेएसपी

डेवलपर = जो नए विजेट का आविष्कार करते हैं, नियमित कार्य में प्रोग्रामिंग के ऊपर उस तरह के ढांचे


एक UX डिज़ाइनर उसे चिंतित करता है / स्वयं के साथ कि उपयोगकर्ता का इंटरैक्शन कैसा है, बजाय एक डिज़ाइन के विश्लेषण और वायरफ्रेमिंग के। वे सोचते हैं कि कोई उपयोगकर्ता किसी एप्लिकेशन का अनुभव कैसे करेगा और वे उसके साथ कैसे बातचीत करेंगे। आपको वेब डिज़ाइनर और UI डिज़ाइनर की परिभाषाएँ भी बदलनी पड़ती हैं, और UI डिज़ाइनर न केवल UI के स्वरूप और अनुभव को देखते हैं, बल्कि इसका UX भाग भी देखते हैं। उल्लेख नहीं करने के लिए वे निश्चित रूप से वेब अनुप्रयोगों तक सीमित नहीं हैं।
टिमोथी ग्रोट

0

संक्षिप्त उत्तर: वेब-डेवलपर्स आमतौर पर वेब एप्लिकेशन में वास्तविक-कार्यात्मक विकास (सर्वर साइड कोड, सेवाओं, डेटाबेस संचालन, सीआरयूडी, आदि) को लागू नहीं करते हैं।

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

इस प्रकार, काम की प्रकृति में पर्याप्त अंतर है जो वेब डेवलपर और वेब डिजाइनर करते हैं, और उन्हें मिश्रण करना अच्छा नहीं है।


0

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

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

आप डेवलपर हैं, वह डिजाइनर हैं। आपको ढांचा चुनने के लिए मिलता है (और उसे अपने HTML / डिजाइनों को उसी के अनुसार समायोजित करना होगा) लेकिन HE को रचनात्मक तत्वों पर निर्णय लेना है और किसी भी प्रयोज्य मुद्दों पर शासक है। "उपयोगिता" मेरी पुस्तक में "कार्यक्षमता" के बराबर नहीं है।


अब, एक साल बाद, मैं यह कह सकता हूं कि मैं अपनी सीमा से अधिक लाभ उठा सकता हूं, जबकि यह पूरी तरह से आवश्यक और उचित था। प्रयोज्य की एकमात्र ज्ञान में डिजाइनर प्रिंट डिजाइन से दूर था, जो वेब पर अच्छी तरह से अनुवाद नहीं करता है । मैंने तब से डिज़ाइन, पहुंच और ऑक्स के बारे में और जानने के लिए कदम उठाए हैं। वह अभी भी उसके पास जाता है जो उसे सहज ज्ञान युक्त बनाता है। जैसा कि अब यह खड़ा है, वह लेआउट और नेविगेशन के लिए सुझाव देता है, और जब उचित होता है, तो मैं उन्हें खत्म कर देता हूं, लेकिन रंगों, छवियों, आदि पर अंतिम रूप से कहता हूं
Beofett

-2

एक वेब डेवलपर वह है जो वास्तव में वेबसाइटों, वेब-सेवाओं और सभी जैसे वेब परियोजनाओं को विकसित करता है।

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

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.