ถึงนักออกแบบด้วยความรัก (จดหมายจากผู้พัฒนาส่วนหน้า)

เรียน นักออกแบบ

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

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

เราทำงานร่วมกันมาเกือบสองทศวรรษแล้ว และไฟล์ PSD แต่ละรายการที่คุณส่งถึงฉันมีปัญหาเดียวกัน (ไม่มากก็น้อย) ยกโทษให้ฉันสำหรับความไม่เหมาะสมในการพยายามสอนงานของคุณ

ฉันไม่คิดว่าจะสอนคุณเกี่ยวกับกราฟิกหรือสุนทรียศาสตร์ ฉันจะไม่เจาะลึกเกี่ยวกับการพิมพ์ ความชัดเจน หรือการใช้ช่องว่าง

แต่ฉันต้องการอธิบายว่าผลของแรงงานของคุณแจ้งให้ฉันทราบได้อย่างไร

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

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

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

การออกแบบสำหรับเอกสาร

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

ใส่คำอธิบายประกอบการออกแบบของคุณ ให้สร้างไฟล์แยกต่างหากโดยใช้แบบแผนที่คุณใช้ หรือจดไว้ในเลเยอร์ที่ซ่อนอยู่แยกต่างหาก

บอกฉันว่าแบบอักษรที่คุณใช้สำหรับอะไร แจ้งให้เราทราบว่าควรใช้สี ระยะห่าง และบริบทใด ฉันจำเป็นต้องทราบ.

ฉันยังต้องรู้ด้วยว่าจะคาดการณ์อย่างไรหากไม่มีการออกแบบสำหรับคุณลักษณะเฉพาะ

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

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

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

เช่นเดียวกับการบล็อกเนื้อหา หากคุณมีรายการบล็อกเนื้อหาต่างๆ โปรดเว้นวรรคอย่างสม่ำเสมอ

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

ฉันพบชื่อเหล่านี้ที่มีขนาดตัวอักษร 22px และความสูงของบรรทัดที่ 92px (เห็นได้ชัดว่าคัดลอกและวางจากชื่อหน้าหลัก) การตั้งค่าที่คุณเลือกมีความเกี่ยวข้องแม้ว่าจะไม่ได้เปลี่ยนไฟล์ที่ส่งออกด้วยสายตาก็ตาม

การออกแบบสำหรับเทคโนโลยี

มีสองด้าน: สิ่งที่ สามารถทำได้ และ สิ่งที่เหมาะสม สำหรับสื่อ

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

ข้อเท็จจริงที่ว่าคุณพบตัวอย่างที่มีผู้รวม WebGL 3D เข้ากับ CSS blur plus filter masks สำเร็จสำหรับหน้าสาธิต ไม่ได้หมายความว่าคุณสามารถใช้สิ่งนั้นเป็นพารัลแลกซ์แบบเต็มหน้าต่างในแอปพลิเคชันหน้าเดียวได้

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

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

นอกเหนือจากสิ่งเหล่านั้น – นอกเหนือจากการทดสอบขีดจำกัดของสิ่งที่สามารถทำได้ พยายามมีความละเอียดอ่อนและสมเหตุสมผลโดยคำนึงถึง สิ่งที่ควรทำ

คุณไม่ใช่ศิลปินกราฟิก คุณเป็นมากกว่านั้น คุณเป็นนักออกแบบ

คุณไม่เพียงแต่ออกแบบให้มีลักษณะเฉพาะเท่านั้น คุณยังต้องออกแบบให้ ทำงาน ในลักษณะใดรูปแบบหนึ่ง สื่อสาร และ ประพฤติตน ในลักษณะใดรูปแบบหนึ่งด้วย

หากต้องการใช้ถ้อยคำที่เบื่อหูที่นักออกแบบคุ้นเคยทุกที่: เก้าอี้ที่ดูสวยงามจะดีอย่างไรถ้าไม่มีใครนั่งได้

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

พยายามทำให้สำเร็จให้มากที่สุดด้วย HTML และ CSS เท่านั้น หลีกเลี่ยงการใช้คุณสมบัติที่ดูดีที่มีอยู่ใน Photoshop อย่าใช้การผสม! อย่าใช้ตัวหนา faux และตัวเอียง faux

ยกเว้นกรณีที่คุณต้องการให้องค์ประกอบเป็นรูปภาพ อย่าใช้ฟิลเตอร์เลย – นอกเหนือจากเงาที่ง่ายที่สุด

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

หากเราใช้ฟรอนต์เอนด์เฟรมเวิร์ก เช่น Bootstrap ปัญหาเหล่านี้จะได้รับการแก้ไขแล้ว ดังนั้นเรียนรู้วิธีดำเนินการและแก้ไข อย่ามัวแต่ออกแบบสิ่งที่ไม่เกี่ยวข้องโดยไม่ได้ตั้งใจ

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

และสุดท้าย อย่าใช้แบบอักษรมากกว่าสามแบบ – หรือรูปแบบตัวอักษร – บนเว็บไซต์ หากคุณต้องการตุ้มน้ำหนักที่แตกต่างกัน 6 แบบ โดยแต่ละตุ้มน้ำหนักมีทั้งแบบปกติและแบบตัวเอียง แสดงว่าคุณไม่ต้องออกแบบสำหรับเว็บอีกต่อไป

การออกแบบเพื่อการโต้ตอบ

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

เริ่มจากสิ่งที่ง่ายที่สุด: ลิงก์

ลิงค์ไม่ได้มีเพียงแค่สองสถานะเท่านั้น

ในการนำทางที่ฉันได้รับ คุณจะจัดเตรียมการออกแบบสำหรับ ลิงก์ และลิงก์ที่ ใช้งานอยู่ (หน้าปัจจุบัน) เสมอ

ในกรณีอื่นๆ คุณมักจะระบุสถานะ ฐาน และ โฮเวอร์

หากคุณต้องการให้เป็นมิตรกับผู้ใช้น้อยที่สุด คุณควรมีการออกแบบที่แตกต่างกันสำหรับสถานะ ฐาน โฮเวอร์ และ โฟกัส ( เยี่ยมชม และ ใช้งาน อยู่ก็เป็นสิ่งที่ดีสำหรับ UX ด้วย) และสำหรับการนำทาง ลิงก์และลิงก์ที่ใช้งานอยู่แต่ละรายการมี สถานะข้างต้น ทั้งหมด

โอ้ คุณไม่กล้าเปลี่ยนเลย์เอาต์ลิงก์ระหว่างรัฐ (ความกว้างของเส้นขอบ ช่องว่างภายใน และสิ่งที่คล้ายกันต่างกัน)

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

เนื่องจากเราจะใช้สิ่งนี้บนมือถือ ตรวจสอบให้แน่ใจว่ามีช่องว่างเพียงพอระหว่างองค์ประกอบเชิงโต้ตอบที่แยกจากกัน และแต่ละ Hitbox มีขนาดใหญ่เพียงพอ ฉันคิดว่าขั้นต่ำ 42px ในแต่ละแกนเป็นบรรทัดฐาน

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

องค์ประกอบของฟอร์มยิ่งแย่ลงไปอีก

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

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

เรามีสถานะดังต่อไปนี้:

• ตรวจสอบแล้วหรือไม่ได้เลือก
• โฮเวอร์หรือไม่
• โฟกัสหรือไม่
• เปิดใช้งานหรือปิดใช้งาน
• ผิดพลาดหรือไม่

แต่ละคนสามารถรวมเข้ากับคนอื่นได้

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

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

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

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

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

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

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

การออกแบบสำหรับเนื้อหา

เลย์เอาต์ในอุดมคติของแต่ละองค์ประกอบที่เต็มไปด้วยเนื้อหา lipum นั้นดีเพียงพอสำหรับการนำเสนอภาพแก่ลูกค้าเพื่อให้ได้รับการอนุมัติเกี่ยวกับสไตล์ภาพ แต่การออกแบบเนื้อหาไม่ได้เริ่มต้นหรือสิ้นสุดเพียงแค่นั้น

เมื่อคุณมีแนวคิดคร่าวๆ แล้วว่าต้องการทำอะไรกับเลย์เอาต์เนื้อหา จำไว้ว่าคุณกำลังทำงานกับเนื้อหาไดนามิก มีสองกรณีที่คุณต้องตรวจสอบเนื้อหาแต่ละส่วน:

• เกิดอะไรขึ้นถ้ามันมากเกินไป?
• เกิดอะไรขึ้นถ้ามีน้อยเกินไป (หรือขาดหายไปทั้งหมด)?

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

หากไม่มีเนื้อหาสำหรับส่วนของหน้า เราจะลบส่วนทั้งหมด – ชื่อเรื่อง คอนเทนเนอร์ และทั้งหมด – หรือเราจะเก็บส่วนนั้นไว้ และแสดงบางอย่างตามบรรทัดของ: “ยังไม่มีบทความ โปรดกลับมาตรวจสอบภายหลัง” ดียิ่งขึ้น: “คุณต้องการรับการแจ้งเตือนเมื่อเนื้อหานี้มาถึงหรือไม่? ลงทะเบียนเพื่อรับจดหมายข่าวของเรา!"

ตัดสินใจได้แล้ว! แล้ว ออกแบบสิ่งเหล่านั้น!

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

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

ตรวจสอบให้แน่ใจว่าเนื้อหาเดียวกันมีโครงสร้างเหมือนกัน

หากชื่อเดียวกันปรากฏให้เห็นในหลายๆ ที่ อย่าตัวหนาหนึ่งคำในกรณีหนึ่งและอีกคำหนึ่งที่อื่น!

ที่จริงแล้ว พยายามหลีกเลี่ยงการจัดรูปแบบโครงสร้างภายในชื่อทั้งหมด ในทำนองเดียวกัน อย่าแบ่งข้อความด้วยตนเองในที่หนึ่ง แต่ให้แตกข้อความในที่อื่น ที่จริงแล้ว อย่าทำลายข้อความด้วยตนเอง!

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

การออกแบบที่มีข้อจำกัดเดียวกันกับเนื้อหาสุดท้าย - คอนเทนเนอร์ข้อความที่มีความกว้างคงที่และการตัดคำอัตโนมัติ ถ้ามันดูน่าเกลียดการออกแบบนั้นไม่ดี

การออกแบบเพื่อการตอบสนอง

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

อย่างไรก็ตาม มีหลักการง่ายๆ สองสามข้อที่คุณต้องรู้

ประการแรก เวอร์ชันมือถือและเดสก์ท็อปไม่ใช่หน้าแยกกัน ฉันรู้ว่าคุณรู้เรื่องนี้ เป็นเพียงการรีโฟลว์ของหน้าเดียวกัน

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

นอกจากนี้ ควรแชร์กลุ่มเนื้อหาในทุกเลย์เอาต์ เมื่อคุณเพิ่มคอลัมน์ ตรวจสอบให้แน่ใจว่าตัวแบ่งคอลัมน์มีความสอดคล้องกัน

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

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

การออกแบบข้อยกเว้น

แน่นอนว่ามีข้อยกเว้นอยู่เสมอ นอกจากนี้ยังจำเป็นสำหรับผลิตภัณฑ์ที่จะดูน่าสนใจและมีประสิทธิภาพ อย่างไรก็ตาม อย่าเพิ่มพวกเขาในการส่งผ่านกล่องทีละกล่อง

หากคุณพบว่าตัวเองกำลังแก้ปัญหาการออกแบบเดิมซ้ำแล้วซ้ำเล่า วิธีนี้ใช้ไม่ได้ผล โดยเฉพาะอย่างยิ่งหากคุณเลือกวิธีแก้ปัญหาที่แตกต่างกันในแต่ละกรณี

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

เราทำงานร่วมกันมาหลายปีแล้ว และลูกค้าของเราพอใจกับผลลัพธ์ที่ได้เสมอ

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

ฉันจะเข้าไปและปรับงานพิเศษให้กับลูกค้าหากจำเป็น เฮ้ ฉันได้ออกแบบแบบฟอร์มและการโต้ตอบนอกเหนือจากการออกแบบที่ได้รับมาเป็นเวลานานแล้ว ดังนั้นนี่จะไม่ใช่ปัญหา

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

ด้วยรัก,

ผู้พัฒนา front-end ของคุณ