พิจารณาแผนภูมิ (เงียบสงบ) ต่อไปนี้

ตอนนี้ฉันได้ทำงานกับเพื่อนร่วมงานจากทุกด้านของสเปกตรัมนี้และได้เรียนรู้ว่าโชคไม่ดีที่มันเป็นเช่นนี้

"นักพัฒนาเว็บ" ส่วนใหญ่มักจะรู้หลักการออกแบบน้อยมากในขณะที่ "ผู้ออกแบบเว็บ" มักจะรู้ด้านเทคนิคของเว็บเพียงเล็กน้อยเท่านั้น "crafters ของเว็บ" ที่ปัดเศษนั้นหายาก

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

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

โปรดสังเกตว่าฉันกำลังมุ่งเน้นไปที่ด้านการออกแบบของมันไม่ใช่ด้านการพัฒนาของมัน

นักออกแบบที่มีทักษะใด ๆ ที่สนใจจะนำไปใช้ในระดับหนึ่งเสมอ อาจไม่ใช่ในแง่มุม "ฉันสามารถสร้างได้" แต่อย่างน้อยก็ในแง่มุม "ที่ไม่สามารถทำได้"

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

ฉันคิดว่าผู้ออกแบบใด ๆ ที่มีความรับผิดชอบต่อเนื้อหาบนเว็บควรเป็นอย่างนี้:

และฉันไม่คิดว่ามันจะไม่สมดุลเท่ากราฟที่สองของคุณ

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

ยังมีนักพัฒนาที่ตีซ้ายสุดอย่างแน่นอน เช่นเดียวกับที่ยังมีนักออกแบบที่ไปทางขวาสุด อย่างไรก็ตามสิ่งสำคัญมากขึ้นอาจจะเป็นประสบการณ์ มีนักพัฒนา / นักออกแบบที่ทำมุมซ้ายสุด / ขวาถ้าพวกเขามีประสบการณ์ 5, 8 หรือ 10 ปี? ฉันสงสัยมัน. ยิ่งมีประสบการณ์มากเท่าไหร่ก็ยิ่งเข้าใกล้จุดศูนย์กลางได้มากเท่านั้น

ดังนั้นนี่อาจเหมาะสมกว่า:

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

ความรับผิดชอบในการออกแบบเว็บไซต์ตอบสนองควรอยู่ที่ไหน

โดยทั่วไปเกี่ยวกับการจัดการ การจัดการที่ชาญฉลาดจะรู้ว่าเป็นโครงการของทีมดังนั้นทุกคนจะต้องมีการประสานงานและทำงานควบคู่ ซึ่งรวมถึงการออกแบบภาพ (แต่ไม่ จำกัด เพียง) UX, UI dev, back end dev, ทีมเนื้อหาการตลาดและอื่น ๆ

การพัฒนาที่คล่องตัวนั้นเป็นวิธีที่ดีในการเข้าถึงสิ่งนี้

หลายองค์กรไม่ได้ทำเช่นนี้และมีแนวโน้มที่จะไซโลทีมดังกล่าวข้างต้นและใช้ "โยนมันข้ามรั้วเก่าและไม่ต้องกังวลเกี่ยวกับมัน" กระบวนการน้ำตก

โปรดสังเกตว่าฉันกำลังมุ่งเน้นไปที่ด้านการออกแบบของมันไม่ใช่ด้านการพัฒนาของมัน

นั่นคือปัญหา คุณไม่สามารถมุ่งเน้นที่หนึ่งและไม่อื่น ๆ การออกแบบเว็บไซต์ตอบสนองคือการพัฒนาเว็บไซต์ตอบสนอง

นี่คือความจริงของการออกแบบปฏิสัมพันธ์โดยทั่วไป การออกแบบการโต้ตอบ (ไม่ว่าจะเป็นเลย์เอาต์ที่ตอบสนองเมนูแบบเลื่อนลงภาพเคลื่อนไหว ฯลฯ ) จะต้องได้รับการออกแบบในสื่อที่จะใช้ใน - เบราว์เซอร์ สิ่งนี้ต้องการการพัฒนาในระดับหนึ่ง

โครงสร้างทีม UX ในอุดมคติของฉันจะรวมถึงบทบาทต่อไปนี้:

• Visual Designer และ / หรือ UI Designer
• นักพัฒนา UI
• เนื้อหา
• การวิจัย / การทดสอบผู้ใช้

ตอนนี้ไม่ได้หมายความว่านักพัฒนา UI ของทีม UX คือผู้ที่เขียนรหัสการผลิต แต่พวกเขากำลังเขียนรหัสที่ใช้งานได้เพื่อออกแบบสร้างและทดสอบการโต้ตอบอย่างถูกต้อง

สิ่งนี้จะถูกแบ่งปันกับ dev และการทำงานเพิ่มเติมจะทำในลักษณะทีมเพื่อรวมเข้ากับเป้าหมายของระบบที่ตอบสนองขั้นสุดท้าย

* บทบาทที่กล่าวมาควรมีอย่างน้อยหนึ่งใน 'web crafters' ของคุณ ฉันยอมรับว่าบางครั้งพวกเขาก็หายาก แต่พวกเขาจำเป็นสำหรับทีม คุณต้องการคนอย่างน้อยหนึ่งคนที่สามารถสื่อสารข้ามกระดานและสามารถพูดคุยกับนักออกแบบไอคอนรวมทั้งผู้ดูแลระบบ DB

ในขณะที่ฉันเห็นด้วยกับความคิดในคำตอบของ DA01 ฉันคิดว่ามีคำถามมากกว่าสิ่งที่เขาพูด

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

ดังนั้นฉันจึงไม่คิดว่าจะมีวิธี "ดีที่สุด" ในการตัดสินใจหรือโครงสร้างทีม คนแต่ละกลุ่มมีความแตกต่างกันและสิ่งที่ทำงานให้กับ บริษัท หนึ่งอาจไม่ได้ผลสำหรับ บริษัท อื่นแม้ว่าโครงสร้างและสิ่งเหล่านี้จะเหมือนกัน

จากหลักการที่กล่าวไว้มีหลักการทั่วไปบางข้อที่ใช้กับทุก บริษัท เมื่อทำการตัดสินใจประเภทนี้:

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

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

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

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

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

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

มีคำตอบที่ยอดเยี่ยมอยู่ที่นี่ แต่จริงๆแล้วมันไม่ซับซ้อน

บรรทัดล่าง:

ทีมออกแบบ (ไม่ว่าจะหนึ่งหรือหลายคน) เป็นผู้รับผิดชอบต่อการเปลี่ยนแปลงมุมมองหรือแม่แบบทุกครั้ง

อย่าขอให้ผู้พัฒนากรอกข้อมูลลงในช่องว่างหรือพึ่งพากรอบ

ทำสิ่งที่ดีที่สุดตั้งแต่แรกเริ่มจากนั้นจึงทำให้เงาของ dev เป็นสิ่งที่ก้าวหน้า คุณจะต้องตัดสินใจเมื่อเกิดความท้าทาย บางครั้งอาจเป็นแบบจำลองอีกแบบหนึ่งบางครั้งก็เป็นการดีที่สุดที่จะให้รหัสคร่าวๆ (ถ้าคุณทำได้)

อย่าทำให้วิศวกรรมทำหน้าที่ของคุณและพวกเขาจะไม่ขอให้คุณทำมัน ;-)

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

งานของนักออกแบบเว็บไซต์คือการแปลวิสัยทัศน์ของนักออกแบบเป็นรหัส นี่อาจเป็นเรื่องง่ายถ้าข้อมูลจำเพาะมีความชัดเจนและนักออกแบบเว็บไซต์นั้นดีหรืออาจเป็นเรื่องยากหากนักออกแบบเว็บไซต์ทั้งหมดได้รับเป็น. psd พร้อมกับคำแนะนำ 'ทำสิ่งนี้' รายละเอียดที่ดีหมายถึงการใช้งานที่แม่นยำยิ่งขึ้น

ฉันจะข้ามเว็บคราฟท์เนื่องจากฉันไม่ได้ทำงานกับคำนั้นจริงๆ

นักพัฒนาเว็บไม่ควรจัดการกับการออกแบบในประสบการณ์ของฉัน พวกเขามักจะมุ่งเน้นไปที่การพัฒนาแบ็กเอนด์และจะสัมผัสการออกแบบเฉพาะเมื่อจำเป็น นักพัฒนาเว็บส่วนใหญ่ที่ฉันรู้จักไม่ค่อยรู้จัก CSS ดีนักและไม่ใช้ Photoshop

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

TL; DR: หากนักออกแบบมาพร้อมกับรายละเอียดที่ดีนักออกแบบเว็บไซต์ควรจะสามารถดำเนินการได้อย่างง่ายดาย