อะไรคือขอบเขตระหว่างความรับผิดชอบของนักออกแบบเว็บไซต์และนักพัฒนาเว็บไซต์? [ปิด]


16

ฉันได้รับการว่าจ้างให้ทำการพัฒนาฟังก์ชั่นสำหรับการออกแบบเว็บไซต์หลายแห่ง บริษัท ที่ฉันทำงานมีระดับด้านเทคนิคค่อนข้างต่ำและการพัฒนาเว็บไซต์ก่อนหน้านี้เสร็จสมบูรณ์โดยนักออกแบบกราฟิกที่สอนตัวเองเท่าที่เกี่ยวข้องกับการพัฒนาเว็บ

ความรับผิดชอบของฉันได้ขยายเกินกว่าการพัฒนาขั้นพื้นฐานเนื่องจากฉันได้รับมอบหมายให้สร้างสภาพแวดล้อมการพัฒนาและการย้ายโฮสต์จากการโฮสต์ CMS ภายนอกไปยังเซิร์ฟเวอร์ภายในที่มีภาษาสคริปต์ (ฉันเลือกใช้ PHP / MySQL)

ฉันทำงานกับนักออกแบบกราฟิกและเขามีหน้าที่รับผิดชอบในการออกแบบสร้างสรรค์ของเว็บ เรากำลังเผชิญกับแรงเสียดทานเล็กน้อยเกี่ยวกับความสับสนระหว่างขอบเขตของงานที่เกี่ยวข้อง

ตัวอย่างเช่นเรามีความคิดเห็นที่แตกต่างกันเกี่ยวกับการนำทาง ฉันเกี่ยวข้องกับความง่ายในการใช้งานเป็นหลัก (ส่วนใหญ่ของฐานผู้ใช้ของเราไม่เฉพาะเว็บที่เข้าใจ) เช่นเดียวกับการบรรลุมาตรฐาน W3 WAI (ผู้ใช้ของเราจำนวนมากมีอายุมากกว่าและเรามีสัดส่วนผู้ใช้สูงกว่าค่าเฉลี่ย ความบกพร่องทางสายตา) ความกังวลเพียงอย่างเดียวของเขาคือสิ่งที่ดูดีที่สุดสำหรับเว็บไซต์และฉันรู้สึกว่าทิศทางที่เขาผลักดันทำให้เกิดปัญหาการทำงานบางอย่าง

ฉันรู้สึกว่าการเลือกสีรูปภาพแบบอักษร ฯลฯ เป็นความรับผิดชอบของเขาอย่างชัดเจนและความคาดหวังของฉันคือเขาจะให้ฉันกับ CSS เพจและสไตล์คลาสและรหัสประจำตัวที่จะใช้ แต่องค์ประกอบบางอย่างของเค้าโครงหน้ากระดาษก็ดูแย่ลง ขอบเขตของ "การใช้งาน" ซึ่งฉันแปลว่าใกล้เคียงกับ "ฟังก์ชัน"

ฉันได้รับมอบหมายให้เลือกเครื่องมือที่เราจะใช้ซึ่งรวมถึงเฟรมเวิร์กภาษาสคริปต์การออกแบบฐานข้อมูลและแอพพลิเคชั่นโอเพนซอร์สบางตัว (เช่น Moodle และอาจเป็น Drupal ในอนาคต) ในขณะที่เครื่องมือเหล่านี้ปรับแต่งได้ค่อนข้างมากการทำงานกับอินเทอร์เฟซบางอย่างนั้นอยู่นอกเหนือความคุ้นเคยกับ CSS, HTML และ PHP สิ่งนี้ จำกัด การควบคุมโดยตรงของเขาที่มีต่อภาพลักษณ์ซึ่งนำไปสู่การอภิปรายเกี่ยวกับการเลือกเครื่องมือ

มีการแบ่งบรรทัดที่ยอมรับโดยทั่วไประหว่างบทบาทของนักออกแบบเว็บไซต์และนักพัฒนาเว็บหรือไม่? พื้นหลังของเขาค่อนข้างไม่มีประสบการณ์ในเทคโนโลยีเว็บมีอิทธิพลต่อการแบ่งบรรทัดหรือไม่


ดูดีขึ้นมาก: ขอบคุณที่สละเวลาเพื่อปรับปรุงคำถามใหม่

นักออกแบบคิดออกว่าจะทำอย่างไร นักพัฒนาเข้าใจวิธีการทำ
Jerry Coffin

2
นักออกแบบเว็บไซต์ใช้แบนด์วิดท์เครือข่ายของคุณในทางที่ผิดนักพัฒนาเว็บใช้ซีพียูในทางที่ผิด
James

คำตอบ:


10

ไม่มีเส้นแบ่ง

ฉันได้พบว่าสิ่งนี้เป็นเรื่องธรรมดาและไม่เคยมีเส้นแบ่งที่ชัดเจนระหว่างนักออกแบบกราฟิกและนักออกแบบเว็บไซต์ ทักษะใดที่นักออกแบบกราฟิกนำมาสู่ตารางโดยขึ้นอยู่กับประสบการณ์ของพวกเขากับเทคโนโลยีเว็บ (โดยทั่วไปจะไม่รวม css หรือ html ใด ๆ )

การทำงานกับนักออกแบบกราฟิกนั้นต้องการการสื่อสารและการประนีประนอม

วิธีที่ฉันเคยทำงานกับนักออกแบบกราฟิกในอดีตนั้นแตกต่างกันไปตามทักษะของนักออกแบบกราฟิก โดยทั่วไปแล้วสิ่งนี้จะถือเอาว่านักออกแบบกราฟิกสามารถสร้างการออกแบบที่เหมาะสำหรับเว็บไซต์ได้ดีเพียงใด

รูปแบบไดนามิก

สิ่งแรกที่ฉันทำเมื่อฉันได้รับโครงร่างหรือร่างแรกของการออกแบบสำหรับเว็บไซต์ที่ฉันตรวจสอบเพื่อดูว่าการออกแบบที่เหมาะสมคือการปรับให้เข้ากับเค้าโครงแบบไดนามิก

  • เว็บไซต์จะมีลักษณะอย่างไรหากไม่มีข้อความจำนวนมากในส่วนใดส่วนหนึ่ง
  • ข้อความส่วนหัวมีลักษณะอย่างไรหากต้องการห่อหุ้ม (คลื่นไส้ของโฆษณา, Inf infititum)

ฉันอาจแสดงความกังวลเกี่ยวกับการออกแบบกับผู้ออกแบบกราฟิกและขอข้อมูลเพิ่มเติมสำหรับสิ่งต่าง ๆ เช่นลักษณะพิเศษแบบโรลโอเวอร์ (ปุ่มเหล่านี้ควรเปลี่ยนสี) ขึ้นอยู่กับสิ่งที่ฉันพบในสิ่งที่เกิดขึ้น ข้อความในรายการเมนูนี้ (สิ่งนี้จะทำให้การออกแบบแตก)

อะไรก็ตามที่ฉันเห็นว่ามันเกิดขึ้นบนเว็บไซต์ที่มีพลวัตซึ่งสามารถทำลายการออกแบบที่ฉันพูดกับผู้ออกแบบและได้รับสิ่งนั้นในการออกแบบ ขึ้นอยู่กับทักษะของนักออกแบบกราฟิกที่จะคำนึงถึงข้างต้นฉันอาจไม่จำเป็นต้องทำสิ่งใด

ในกรณีของคุณ

ในกรณีของคุณนักออกแบบกราฟิกจะไม่สนใจส่วนสำคัญของฟังก์ชันที่คุณต้องการและเพื่อให้คุณถูกต้องสมบูรณ์ในการขอเปลี่ยนแปลงการออกแบบ

นำมารวมกันตั้งแต่การออกแบบไปจนถึงเว็บไซต์

นักออกแบบกราฟิกไม่จำเป็นต้องรู้ html หรือ css ใด ๆ เพื่อให้สามารถสร้างเว็บไซต์แบบไดนามิกได้ สิ่งที่เราต้องการจากพวกเขาคือภาพและวิสัยทัศน์ว่าเว็บไซต์ควรมีลักษณะอย่างไร เชื่อใจฉันว่ามันค่อนข้างยากที่จะทำให้ถูกต้องและคำนึงถึงความสามารถในการใช้งานของลูกค้า ส่วนที่เหลือขึ้นอยู่กับนักพัฒนา

ฉันมีทั้ง Photoshop และ Fireworks บนพีซีที่ทำงานของฉันและฉันทำการตัดภาพและจับภาพเพื่อสร้าง css ที่เหมาะสมที่สุดเท่าที่จะเป็นไปได้โดยใช้รูปภาพจำนวนน้อยที่สุดในแผ่นสไปรต์

นี่ไม่ใช่สิ่งที่นักออกแบบกราฟิกส่วนใหญ่จะคุ้นเคยและดังนั้นการบีบอัดภาพการเพิ่มประสิทธิภาพ css sprite ควรเป็นภารกิจการเขียนโปรแกรมล้วนๆ


2
ทำบันทึกที่เขาบอกว่าไม่Web designer graphics designerพวกเขาแตกต่างกันมาก นักออกแบบเว็บไซต์ควรรู้ html และ CSS อย่างคล่องแคล่ว
jgauffin

8

ในแง่กว้างความแตกต่างคือการพัฒนาระหว่างส่วนทางเทคนิคและศิลปะในการพัฒนาเว็บไซต์ นักพัฒนาเว็บมีส่วนทางเทคนิคของการเขียนโค้ด (php, Ruby, Pyhon) และการทดสอบในขณะที่นักออกแบบเว็บไซต์มีจุดประสงค์ในการออกแบบว่าเว็บไซต์ควรมีลักษณะอย่างไร (CSS, Photoshop) และผู้ใช้จะรับรู้ได้อย่างไร

นี่เป็นสิ่งที่ทำให้เข้าใจผิดเนื่องจากในการพัฒนาซอฟต์แวร์ปกตินักออกแบบมีวัตถุประสงค์เพื่อให้การออกแบบระดับสูงทางเทคนิคของแอปพลิเคชันซอฟต์แวร์ ชื่อสามัญสำหรับนักออกแบบซอฟต์แวร์คือสถาปนิกซอฟต์แวร์


1
"นักออกแบบเว็บไซต์" ส่วนใหญ่ฉันได้ทำงานกับข้อตกลงเกือบเฉพาะกับ Photoshop และอาจสร้างต้นแบบเล็ก ๆ น้อย ๆ ใน Dreamweaver ซึ่งอาจมีความช่วยเหลือจากนักพัฒนาซอฟต์แวร์ นักออกแบบมีความรู้ในสิ่งที่เป็นไปได้และไม่สามารถทำได้บนเว็บ แต่ไม่จำเป็นว่าจะต้องสร้างมันอย่างไร นักพัฒนาเว็บทำ "รหัส" ทั้งหมดและออกแบบรูปภาพทั้งหมด แต่มันก็ยากที่จะหาคนที่มีทักษะด้านเทคนิคและศิลปะ คนที่สามารถข้ามไปจบได้รับการดูแลโดยทีมอย่างไรก็ตามพวกเขาทำงานได้ดีที่สุดดังนั้นจึงทำให้เส้นพร่ามัว
GlenPeterson

3

คุณจะพิจารณาความแตกต่างระหว่างผู้พัฒนาซอฟต์แวร์และผู้ออกแบบซอฟต์แวร์อย่างไร

มันเป็นแนวคิดเดียวกันนักออกแบบเว็บไซต์ควรทำงานในระดับที่สูงขึ้นโดยเน้นไปที่การออกแบบเลย์เอาต์สุนทรียภาพและส่วนต่อประสานผู้ใช้ เท่าที่สไตล์ชีทและ HTML ถูกพิจารณาว่าเป็นไปได้ว่าเขาไม่ควรมีส่วนร่วมในเรื่องนี้เพราะมันมีระดับต่ำเกินไปสำหรับบทบาทของเขา คุณกำลังเผชิญกับสถานการณ์ที่คุณเหยียบนิ้วเท้าซึ่งกันและกันและสับสนเพราะคุณทั้งคู่พยายามทำหน้าที่เหมือนกัน

มีสองวิธีที่ดีที่คุณสามารถทำสิ่งนี้:

1) เขาควรให้ความสำคัญกับการสร้างจำลองตัวอย่างภาพหน้าจอและอาจใช้ไดอะแกรมกรณีและแผนภาพกระแสผู้ใช้ คุณมีหน้าที่รับผิดชอบในการออกแบบระดับกลางและระดับฐานข้อมูลรวมถึงการพัฒนาการนำเสนอเว็บด้วยตัวเอง นี่เป็นภารกิจที่ใหญ่กว่าและจะพยายามอย่างเต็มที่ในส่วนของคุณมากกว่าเขาเพราะคุณแสดงบทบาทมากมาย

2) จัดการฐานข้อมูลและเทียร์กลางและให้ความสำคัญกับเว็บเทียร์, HTML, JS, CSS


2

แทนที่จะพยายามโยนตำแหน่งหนังสือสุภาษิตที่เขาพยายามใช้วิธีที่แตกต่าง สถานการณ์ที่แตกต่างกันและสมาชิกจำเป็นต้องมีหน้าที่และความรับผิดชอบที่แตกต่างกัน

พูดคุยกับเขาและพยายามหาเหตุผล เห็นได้ชัดว่าเขานำอะไรบางอย่างมาวางบนโต๊ะและบางทีระหว่างคุณทั้งคู่คุณจะไม่เห็นด้วยแต่จริง ๆ แล้วเกิดการออกแบบที่ดีกว่าราวกับว่าคุณทำงานคนเดียว

การมีจิตใจที่สนิทไม่เคยเป็นประโยชน์


2

ความรับผิดชอบของทั้งนักออกแบบและนักพัฒนาคือการจัดหาผลิตภัณฑ์ที่ดีที่สุดเท่าที่จะเป็นไปได้ ดังนั้นจะมีการทับซ้อนกันอย่างชัดเจนโดยเฉพาะอย่างยิ่งที่ส่วนต่อประสานของการใช้งานและการทำงาน

เคล็ดลับคือการรับรู้ว่าคุณทั้งคู่พยายามทำสิ่งที่ดีที่สุด เมื่อคุณรู้ว่ามันไม่ใช่ความสัมพันธ์ที่เป็นปฏิปักษ์กับการควบคุมดินแดน แต่เป็นความร่วมมือคุณสามารถใช้ทักษะทั้งสองของคุณเพื่อผลประโยชน์ของคุณ

ตัวอย่างเช่นถ้าเขารู้สึกว่าตัวเลือกการออกแบบบางอย่างที่ควรจะใช้ที่ส่งผลกระทบต่อการเข้าถึงการชี้ให้เห็นว่าสถานที่จะไม่ได้ผลถ้ามันไม่สามารถนำมาใช้อย่างถูกต้องและให้ทางเลือก การวิพากษ์วิจารณ์ที่ไม่ได้เกิดจากการสร้างสรรค์นั้นเป็นเพียงการหาทางและเสริมสร้างความสัมพันธ์ที่เป็นปฏิปักษ์ นักออกแบบของคุณควรเป็นเพื่อนที่ดีที่สุดของโครงการไม่ใช่ศัตรูที่เลวร้ายที่สุด


2

Graphic Designer = ออกแบบภาพเท่านั้น

ตัวออกแบบ UX = วิเคราะห์และออกแบบโครงลวด

Web designer = การสร้างการออกแบบต้นแบบ

UI designer = การออกแบบ HTML ที่มี css, javascript, ajax และความเข้ากันได้ของเบราว์เซอร์ข้าม

โปรแกรมเมอร์ = โปรแกรมโดยใช้ php .net, jsp

Developer = ผู้คิดค้นเครื่องมือใหม่กรอบเช่นเดียวกับการเขียนโปรแกรมในงานปกติ


นักออกแบบ UX เกี่ยวข้องกับเขา / เธอเกี่ยวกับการโต้ตอบของผู้ใช้มากกว่าการวิเคราะห์และการวางสายการออกแบบ พวกเขาคิดว่าผู้ใช้จะได้สัมผัสกับแอปพลิเคชันอย่างไรและพวกเขาจะโต้ตอบกับมันอย่างไร คุณดูเหมือนจะเปลี่ยนคำจำกัดความของนักออกแบบเว็บไซต์และผู้ออกแบบ UI และผู้ออกแบบ UI เกี่ยวข้องกับตัวเองไม่เพียง แต่รูปลักษณ์และความรู้สึกของ UI เท่านั้น แต่ยังรวมถึงส่วนของ UX ด้วย ไม่พูดถึงพวกเขาแน่นอนไม่ จำกัด เฉพาะแอปพลิเคชันเว็บ
Timothy Groote

0

คำตอบสั้น ๆ :ผู้พัฒนาเว็บมักจะไม่ใช้การพัฒนาตามจริง (รหัสฝั่งเซิร์ฟเวอร์, บริการ, การทำงานของฐานข้อมูล, CRUD, ฯลฯ ) ในเว็บแอปพลิเคชัน

กล่าวอีกนัยหนึ่งไม่มีอะไรผิดปกติกับการเป็นนักออกแบบเว็บไซต์ ปัญหาอยู่ที่คนเหล่านั้นที่พูดว่าพวกเขาไม่ได้ ฉันกำลังพูดถึงคนที่อ้างตัวว่าเป็นนักพัฒนาเว็บที่ไม่รู้ภาษาการเขียนโปรแกรมแบ็กเอนด์ (ฝั่งเซิร์ฟเวอร์) และไม่เคยจัดการกับการแก้ไขฐานข้อมูลในอาชีพของพวกเขา เหล่านี้คือคนที่ลดค่าใช้จ่ายที่นักพัฒนาเว็บจริง ๆ คาดหวังจากการทำงานของพวกเขา

ดังนั้นจึงมีความแตกต่างอย่างมากในลักษณะของงานที่นักพัฒนาเว็บและนักออกแบบเว็บไซต์ทำและการผสมนั้นไม่ดี


0

ในส่วนที่เกี่ยวกับกรณีเฉพาะของคุณคุณกำลังทำเกินขอบเขตของคุณตามทีมที่ฉันทำงานด้วย (ทั้งในฐานะนักออกแบบและนักพัฒนา) นี่คือคำอธิบายบทบาทของคุณ:

ฉันได้รับการว่าจ้างให้พัฒนาฟังก์ชั่นการทำงาน ... ความรับผิดชอบของฉันมีมากกว่าการพัฒนาขั้นพื้นฐานเนื่องจากฉันได้รับมอบหมายให้สร้างสภาพแวดล้อมการพัฒนาและย้ายโฮสต์จากการโฮสต์ CMS ภายนอกไปยังเซิร์ฟเวอร์ภายในที่รวมภาษาสคริปต์ ... กับนักออกแบบกราฟิกและเขารับผิดชอบด้านการออกแบบสร้างสรรค์ของเว็บ ... แต่องค์ประกอบบางส่วนของเค้าโครงหน้ากระดาษดูเหมือนจะตกอยู่ภายใต้ขอบเขตของ "การใช้งาน" ซึ่งฉันแปลว่าใกล้เคียงกับ "ฟังก์ชั่น"

คุณเป็นนักพัฒนาเขาเป็นนักออกแบบ คุณต้องเลือกเฟรมเวิร์ค (และเขาต้องปรับ HTML / การออกแบบของเขาตามลำดับ) แต่เขาจะต้องตัดสินใจเกี่ยวกับองค์ประกอบที่สร้างสรรค์และเป็นผู้ปกครองในประเด็นการใช้งานใด ๆ "การใช้งาน" ไม่เท่ากับ "ฟังก์ชัน" ในหนังสือของฉัน


ตอนนี้อีกหนึ่งปีต่อมาฉันสามารถพูดได้อย่างเต็มความสามารถด้วยการเข้าใจถึงปัญหาหลังเหตุการณ์ที่เกิดขึ้นในขณะที่ฉันอาจใช้งานเกินขอบเขตอย่าง จำกัด แต่ก็จำเป็นอย่างยิ่งและเหมาะสม นักออกแบบที่มีความรู้เพียงอย่างเดียวเกี่ยวกับความสามารถในการใช้งานนั้นมาจากการออกแบบสิ่งพิมพ์ซึ่งแปลได้ไม่ดีบนเว็บ ฉันได้ทำตามขั้นตอนเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบการเข้าถึงและ ux เขายังคงทำตามสิ่งที่สมเหตุสมผลกับเขา เมื่อมันมาถึงตอนนี้เขาให้คำแนะนำสำหรับเลย์เอาต์และการนำทางและฉันจะลบล้างพวกเขาตามความเหมาะสม แต่สุดท้ายเขาก็พูดผ่านสีรูปภาพและอื่น ๆ อีกครั้ง
Beofett

-2

นักพัฒนาเว็บคือผู้พัฒนาโครงการเว็บเช่นเว็บไซต์บริการบนเว็บและทั้งหมด

นักออกแบบเว็บไซต์เป็นส่วนย่อยของนักพัฒนาเว็บ นักออกแบบเว็บไซต์คือผู้พัฒนาที่มุ่งเน้นสร้างตรรกะการนำเสนอที่เป็นส่วนต่อประสานผู้ใช้เท่านั้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.