เรียนนักออกแบบทุกท่าน
จดหมายฉบับนี้ผลิตมาหลายปีแล้ว บางส่วนได้รับการถ่ายทอดเป็นคำพูดและเป็นลายลักษณ์อักษรให้กับนักออกแบบหลายคนในช่วงเวลาอันยาวนาน
อย่างไรก็ตามฉันเคยกลัวที่จะเผยแพร่เนื้อหานี้เพราะกลัวว่าจะมีส่วนเกี่ยวข้องกับนักออกแบบหรือลูกค้าปัจจุบันที่ฉันทำงานด้วย ดังนั้นก่อนที่จะดำเนินการต่อฉันต้องการเน้นย้ำว่านี่ไม่ใช่ความคับข้องใจที่เฉพาะเจาะจง แต่เป็นรายการที่แสดงความไม่เห็นด้วย 18 ปี
เราทำงานร่วมกันมาเกือบสองทศวรรษแล้วและไฟล์ PSD แต่ละไฟล์ที่คุณส่งให้ฉันมีปัญหาเดียวกัน (ไม่มากก็น้อย) ยกโทษให้ฉันสำหรับความไม่เหมาะสมของการพยายามสอนงานของคุณ
ฉันไม่คิดว่าจะสอนคุณเกี่ยวกับกราฟิกหรือสุนทรียศาสตร์ ฉันจะไม่เจาะลึกเรื่องตัวอักษรความชัดเจนหรือการใช้พื้นที่สีขาว
แต่ฉันอยากจะอธิบายว่าผลงานของคุณแจ้งให้ฉันทราบได้อย่างไร
ฉันอยากจะเตือนคุณถึงสิ่งที่จำเป็นในการสร้างงานออกแบบเป็นหน้าเว็บที่สมบูรณ์แบบพิกเซล ฉันอยากจะบอกคุณว่าไฟล์การออกแบบของคุณจะถูกนำไปใช้เป็นเอกสารประกอบอย่างไรและรูปภาพที่คุณสร้างขึ้นเป็นตัวกำหนดเทคโนโลยีที่ใช้ไปจนถึงระดับพื้นฐานของความสามารถในการปรับขนาดและประสิทธิภาพ
นอกจากนี้ฉันต้องการสาธิตสิ่งที่สามารถทำได้อย่างรวดเร็วและง่ายดายและสิ่งที่จะสร้างค่าใช้จ่ายที่จะลากการผลิตทั้งหมดไปสู่การรวบรวมข้อมูล
และที่สำคัญที่สุดฉันอยากจะเตือนคุณว่า ภาพ คุณกำลังสร้างในตอนนี้จะกลายเป็นสิ่งมีชีวิตที่โต้ตอบและตอบสนองซึ่งสื่อสารกับบุคคลหลายพันคนที่ต้องสอนพวกเขาและเรียนรู้จากพวกเขาด้วยวิธีที่ง่ายดายที่สุดเท่าที่จะทำได้ ทั้งสำหรับมันและสำหรับพวกเขา
ก่อนอื่นฉันขอเตือนคุณว่า ไฟล์ PSD คุณกำลังผลิตไม่เพียง แต่เป็นแหล่งที่มาของภาพเพื่อให้ลูกค้าอนุมัติเท่านั้น แต่ยังเป็นอีกด้วย เอกสารทางเทคนิค และ แหล่งวัสดุ สำหรับนักพัฒนา ดังนั้นโปรดเก็บเลเยอร์และกลุ่มของคุณไว้ เป็นระเบียบเรียบร้อยและตั้งชื่อ .
อธิบายการออกแบบของคุณ สร้างไฟล์แยกต่างหากที่มีการประชุมที่คุณใช้หรือจดไว้ในเลเยอร์ที่ซ่อนไว้แยกต่างหาก
บอกฉันว่าคุณใช้แบบอักษรใด แจ้งให้เราทราบว่าจะใช้สีระยะห่างและบริบทใด ฉันจำเป็นต้องทราบ.
ฉันยังต้องรู้ว่าจะคาดการณ์อะไรได้บ้างหากไม่มีการออกแบบสำหรับคุณลักษณะเฉพาะ
ฉันเดาว่าสิ่งที่ฉันพยายามจะพูดคือ: ถ้าเป็นไปได้ทั้งหมด สร้างคู่มือสไตล์สั้น ๆ สำหรับผลิตภัณฑ์ที่คุณกำลังออกแบบ
สำหรับสาเกทั้งสองของเราเมื่อเพิ่มบล็อคข้อความมาตรฐานเช่นชื่อเรื่องให้เพิ่มสี่เหลี่ยมผืนผ้าด้านหลังเพื่อระบุระยะห่างรอบ ๆ นั่นจะช่วยให้คุณวางมันได้อย่างสม่ำเสมอทุกครั้ง หากนี่เป็นงานที่มากเกินไปอย่างน้อยก็ระบุว่าตัวอย่างใดในเอกสารคือ canon
ฉันไม่สามารถบอกคุณได้ว่าฉันพบว่าชื่อนั้นถูกวางด้วยตาบ่อยเพียงใดเพื่อให้พอดีกับอินสแตนซ์เดียวที่วางอยู่ แต่เมื่อวัดแล้วจะพบว่าแต่ละรายการมีระยะห่างของตัวเอง
เช่นเดียวกับบล็อกเนื้อหา หากคุณมีรายการบล็อกเนื้อหาที่แตกต่างกันโปรดเว้นวรรคอย่างสม่ำเสมอ
ฉันจะบอกคุณเพิ่มเติมใน การออกแบบสำหรับเนื้อหา แต่โปรดอย่าคิดว่าชื่อของคุณจะอยู่ในบรรทัดเดียวเสมอไปและใช้ข้อมูลนั้นในไฟล์
ฉันมักจะทำงานในชื่อเรื่องเหล่านี้ที่มีขนาดตัวอักษร 22px และความสูงของบรรทัด 92px (เห็นได้ชัดว่าคัดลอกและวางจากชื่อหน้าหลัก) การตั้งค่าที่คุณเลือกมีความเกี่ยวข้องแม้ว่าจะไม่ได้เปลี่ยนไฟล์ที่ส่งออกด้วยสายตาก็ตาม
มีสองด้านดังนี้: อะไร สามารถทำได้ และ อะไรคือสิ่งที่เหมาะสม สำหรับสื่อ
ในขณะที่เรากำลังก้าวไปถึงจุดที่ทุกอย่างจะเป็นไปได้ในทางเทคนิคสำหรับการพัฒนาเว็บไซต์ (หากไม่มีอะไรอื่นฉันยังสามารถวาดมันออกมาทีละพิกเซลโดยใช้ผ้าใบได้) โซลูชันเหล่านี้จำนวนมาก ไม่ พร้อมผลิต
รูปแบบการตกแต่งมักจะเกี่ยวข้องกับ
การที่คุณพบตัวอย่างที่ประสบความสำเร็จในการรวม WebGL 3D เข้ากับ CSS เบลอและมาสก์ตัวกรองสำหรับหน้าสาธิตไม่ได้หมายความว่าคุณสามารถใช้สิ่งนั้นเป็นแผงพารัลแลกซ์แบบเต็มหน้าต่างในแอปพลิเคชันหน้าเดียวได้
และหากคุณต้องการที่จะก้าวไปสู่จุดที่มีเลือดออกโปรดปรึกษานักพัฒนาของคุณ ก่อน ส่งแบบเพื่อขออนุมัติ มิฉะนั้นจะเป็นการยากที่จะทำให้ลูกค้าชำระน้อยลง
หากคุณต้องการทดสอบขอบจริงๆและหากคุณต้องการทดลองใช้เพื่อความสนุกสนานโปรดติดต่อฉันเป็นการส่วนตัว ฉันชอบสร้างสิ่งต่างๆแบบนั้นมากพอ ๆ กับคุณ อย่าใส่สิ่งนั้นไว้ในโครงการผลิตที่มีงบประมาณ จำกัด
นอกเหนือจากสิ่งเหล่านั้น - นอกเหนือจากการทดสอบขีด จำกัด ของสิ่งที่สามารถทำได้พยายามที่จะมีความละเอียดอ่อนและมีเหตุผลในเรื่องนี้ สิ่งที่ควรทำ .
คุณไม่ใช่ศิลปินกราฟิก คุณเป็นมากกว่านั้นคุณเป็นนักออกแบบ
คุณไม่เพียง แต่ออกแบบให้มีลักษณะเฉพาะเท่านั้น แต่คุณยังต้องออกแบบให้ วิ่ง วิธีหนึ่ง สื่อสาร และ ประพฤติ ในทางหนึ่ง
เพื่อให้นักออกแบบคุ้นเคยกับความคิดโบราณทุกที่: เก้าอี้ที่ดูสวยจะดีขนาดไหนถ้าไม่มีใครนั่งได้ เหรอ?
คุณต้องรวมความเร็วในการโหลดและความเร็วในการดำเนินการและใช้งานง่ายในการออกแบบของคุณเพื่อให้เป็นไฟล์ ออกแบบ แทนรูปภาพ
พยายามทำให้ได้มากที่สุดด้วย HTML และ CSS เท่านั้นพยายามทำให้ได้มากที่สุดด้วย HTML และ CSS เท่านั้น หลีกเลี่ยงการใช้คุณสมบัติที่ดูดีที่มีอยู่ใน Photoshop อย่าใช้การผสม! อย่าใช้ตัวหนา faux และ faux faux
เว้นแต่คุณจะต้องการให้องค์ประกอบเป็นรูปภาพอย่าใช้ฟิลเตอร์เลย - นอกเหนือจากเงาที่เรียบง่ายที่สุด
อย่าให้ฉันคำนวณหรือเลือกสีเพราะคุณใช้การเติมสีแบบผสม โปรดอย่าปลอมภาพโปร่งใสโดยใช้การผสมภาพซ้อนทับ ฉันต้องการภาพที่โปร่งใสในเว็บไซต์จริงๆ
หากเรากำลังใช้ Front-end Framework เช่น Bootstrap ปัญหาเหล่านี้หลายอย่างจะได้รับการแก้ไขแล้วดังนั้นเรียนรู้วิธีการดำเนินการและวิธีแก้ไข อย่าเพิ่งไปคิดออกแบบสิ่งที่ไม่เกี่ยวข้อง
หากการออกแบบของคุณไม่สอดคล้องกับสิ่งที่กรอบการทำงานมากกว่าการนำไปใช้งานก็ไม่ใช่การนำการออกแบบไปใช้ แต่สุดท้ายเราเลือกที่จะลบล้างกรอบงานดังนั้นจึงไม่ยุ่งกับการออกแบบของเราแล้วนำไปใช้ตั้งแต่ต้น ปริมาณงานเพิ่มขึ้นเป็นสองเท่าแทนที่จะลดลงครึ่งหนึ่ง
และสุดท้ายอย่าใช้แบบอักษรหรือแบบอักษรมากกว่าสามแบบบนไซต์ หากคุณต้องการน้ำหนักที่แตกต่างกันหกตัวแต่ละตัวมีตัวแปรปกติและตัวเอียงเป็นของตัวเองคุณจะไม่ได้ออกแบบสำหรับเว็บอีกต่อไป
นี่เป็นเรื่องใหญ่ และเดิมทีจดหมายฉบับนี้เขียนขึ้นสำหรับหัวข้อนี้โดยเฉพาะ คุณต้องรู้และเข้าใจวิธีที่ผู้ใช้และฟังก์ชันสามารถโต้ตอบได้ทั้งหมด
เริ่มจากสิ่งที่ง่ายที่สุดนั่นคือลิงก์
ลิงก์ไม่ได้มีเพียงสองสถานะ
ในการนำทางที่ฉันได้รับคุณจะระบุการออกแบบให้เสมอ ลิงค์ และ ลิงค์ที่ใช้งานอยู่ (หน้าปัจจุบัน).
ในกรณีอื่น ๆ คุณมักจะให้ ฐาน และ โฮเวอร์ รัฐ
หากคุณต้องการเป็นมิตรกับผู้ใช้น้อยที่สุดคุณควรมีการออกแบบที่แตกต่างกันสำหรับ ฐานเลื่อน และ โฟกัส รัฐ ( เยี่ยมชม และ คล่องแคล่ว เป็นสิ่งที่ดีสำหรับ UX) และสำหรับการนำทางแต่ละลิงค์และลิงค์ที่ใช้งานมี สถานะข้างต้นทั้งหมด .
โอ้คุณไม่กล้าเปลี่ยนรูปแบบการเชื่อมโยงระหว่างรัฐ (ความกว้างของเส้นขอบที่แตกต่างกันการขยายและอื่น ๆ ที่คล้ายกัน)
ในทำนองเดียวกันหากไม่มีลักษณะเหมือนปุ่มแสดงว่าไม่มีพื้นหลัง ระยะเวลา การเติมองค์ประกอบข้อความแบบอินไลน์เป็นเรื่องยุ่งและพื้นหลังข้อความที่ไม่ได้ใส่จะไม่ทำ
เนื่องจากเราจะใช้สิ่งนี้บนอุปกรณ์เคลื่อนที่ตรวจสอบให้แน่ใจว่ามีช่องว่างเพียงพอระหว่างองค์ประกอบแบบโต้ตอบที่แยกจากกันและแต่ละ Hitbox มีขนาดใหญ่เพียงพอ ฉันคิดว่าขั้นต่ำ 42px ในแต่ละแกนเป็นบรรทัดฐาน
วาดสี่เหลี่ยมผืนผ้าที่มองไม่เห็นหรือเลเยอร์ที่ซ่อนอยู่ซึ่งแสดง hitboxes ตรวจสอบให้แน่ใจว่าไม่ทับซ้อนกันและการโต้ตอบของผู้ใช้ไม่คลุมเครือ
องค์ประกอบของฟอร์มยิ่งแย่ลง
กรณีทั่วไปที่ฉันเห็นคือปุ่มตัวเลือกและช่องทำเครื่องหมาย คนมาตรฐานน่าเกลียด! ดังนั้นคุณออกแบบของคุณเองและให้ฉันตรวจสอบและสถานะที่ไม่ถูกตรวจสอบและพิจารณาว่าตัวเองทำเสร็จแล้ว
อย่างไรก็ตามมีตารางสถานะหลายมิติทั้งหมดสำหรับช่องทำเครื่องหมายและแต่ละช่องควรระบุให้ผู้ใช้เห็น
เรามีสถานะดังต่อไปนี้:
แต่ละคนสามารถรวมกับคนอื่น ๆ ได้
ปิดใช้งานป้องกันชุดค่าผสมบางอย่าง (โดยทั่วไปแล้วการวางเมาส์เหนือและโฟกัสจะไม่เกี่ยวข้องเมื่อปิดใช้งาน) แต่ไม่ใช่ทั้งหมด (การตรวจสอบ - ปิดใช้งาน - ข้อผิดพลาดเป็นสถานะที่ถูกต้องและเป็นข้อมูลสำหรับช่องทำเครื่องหมาย) ดังนั้นเราจึงลงเอยด้วยสถานะที่เปิดใช้งาน 16 สถานะและสถานะปิดใช้งานสี่สถานะโดยมีสถานะที่แตกต่างกันอย่างน้อย 20 สถานะ ตัวอย่างเช่นสถานะที่คุณให้ฉันมักจะถูกเลือก - ไม่ - ไม่เปิดใช้งาน - ไม่ใช่และไม่เลือก - ไม่ - ไม่เปิดใช้งาน - ไม่ใช่ในการตั้งค่านั้น
องค์ประกอบฟอร์มอื่น ๆ อาจไม่มีสถานะที่ไม่ได้ทำเครื่องหมาย แต่สามารถว่างหรือไม่ว่างได้ (แสดงข้อความตัวยึดตำแหน่ง) นอกจากนี้ยังสามารถมีสถานะการให้ข้อมูลที่ซับซ้อนมากขึ้นเพื่อให้กรณีที่มีข้อผิดพลาดหรือไม่ซับซ้อนเท่ากับการเตือนแบบเป็นกลาง - ความผิดพลาด - ความสำเร็จ
จากนั้นคุณควรมีตัวบ่งชี้ที่จำเป็นหรือเป็นทางเลือกพร้อมกับเค้าโครงและการออกแบบที่กำหนดไว้อย่างชัดเจนสำหรับป้ายกำกับความช่วยเหลือในการป้อนข้อมูลและข้อความแสดงข้อผิดพลาด
และหากคุณต้องการเป็นมิตรกับผู้ใช้จริง ๆ คุณต้องมีสถานะสกปรกเก่าแก่ซึ่งบ่งบอกว่าผู้ใช้ไม่เคยให้ข้อมูลหรือข้อมูลถูกจัดเก็บไว้แล้วหรือมีการเปลี่ยนแปลง แต่ยังไม่ได้จัดเก็บ
การออกแบบสำหรับการโต้ตอบเป็นเรื่องยาก และถ้าคุณต้องการเปลี่ยนลักษณะของปุ่มตัวเลือกก็อย่าทำอย่างชัดเจนด้วยสองสถานะสิ่งที่ฉันกำลังพูดคือ: การออกแบบสำหรับการโต้ตอบเป็นเรื่องยาก และถ้าคุณต้องการเปลี่ยนลักษณะของปุ่มตัวเลือกอย่าทำแบบนี้ด้วยสองสถานะ
เพียงประเด็นสุดท้ายในการออกแบบสำหรับการโต้ตอบ: ตัดสินใจว่าปฏิสัมพันธ์มีลักษณะอย่างไร หมายถึงตัดสินใจว่าคุณจะใช้การประชุมใดสำหรับองค์ประกอบเชิงโต้ตอบและอย่าใช้กับสิ่งอื่นใด
ไม่คุณไม่ได้รับอนุญาตให้ใช้สีหลักของแบรนด์เพื่อบ่งบอกลิงก์โดยเฉพาะอย่างยิ่งหากคุณจะใช้โซลูชันเดียวกันเพื่อเน้นเนื้อหาที่สำคัญ!
เค้าโครงในอุดมคติของแต่ละองค์ประกอบที่เต็มไปด้วย ริมฝีปาก เนื้อหาดีพอสำหรับการนำเสนอลูกค้าด้วยรูปภาพเพื่อขออนุมัติรูปแบบภาพ แต่การออกแบบเนื้อหาไม่ได้เริ่มต้นและสิ้นสุดที่นั่น
เมื่อคุณทราบคร่าวๆแล้วว่าคุณต้องการทำอะไรกับเค้าโครงเนื้อหาโปรดจำไว้ว่าคุณกำลังทำงานกับเนื้อหาแบบไดนามิกเมื่อคุณทราบคร่าวๆแล้วว่าคุณต้องการทำอะไรกับเค้าโครงเนื้อหาโปรดจำไว้ว่าคุณกำลังทำงานกับเนื้อหาแบบไดนามิก มีสองกรณีที่คุณต้องตรวจสอบเนื้อหาแต่ละส่วน:
ตรวจสอบสิ่งที่เกิดขึ้นหากชื่อเรื่องสั้นหรือยาวผิดปกติอย่างน่าขัน บล็อกเนื้อหาควรมีลักษณะอย่างไรหากขาดองค์ประกอบที่สำคัญ ถ้าไม่มีภาพจะเป็นอย่างไร?
หากไม่มีเนื้อหาสำหรับส่วนของหน้าเราจะลบส่วนทั้งหมด - ชื่อคอนเทนเนอร์และทั้งหมด - หรือจะเก็บส่วนนั้นไว้และแสดงบางสิ่งตามบรรทัด:“ ยังไม่มีบทความโปรดกลับมาตรวจสอบภายหลัง?” ที่ดีไปกว่านั้น:“ คุณต้องการรับการแจ้งเตือนเมื่อมีเนื้อหานี้หรือไม่? ลงทะเบียนเพื่อรับจดหมายข่าวของเรา!'
ตัดสินใจ! แล้ว ออกแบบสิ่งเหล่านั้น!
หากคุณกำลังออกแบบฟีดหรือเนื้อหาที่โหลดจากแหล่งภายนอกหรือแบบไดนามิกอย่าลืมรวมข้อผิดพลาดและการแจ้งเตือนทั้งหมด ในความเป็นจริงให้ออกแบบเนื้อหาเมตาการแจ้งเตือนหน้าเว็บเพื่อแสดงให้เห็นว่าทั่วโลกมีลักษณะอย่างไรจากนั้นใช้หลักการออกแบบเหล่านั้นเพื่อแจ้งให้ผู้ใช้ทราบในกรณีที่มีบางอย่างผิดพลาด
หลีกเลี่ยงปุ่มที่มีความกว้างคงที่และบล็อกข้อความที่มีความสูงคงที่ และถ้าฉันไม่เคยพูดมาก่อน หากคุณคิดว่าข้อความจะเป็นบรรทัดเดียวคุณคิดผิด! ตอนนี้ไปตรวจสอบวิธีที่ดีที่สุดในการสร้างหลายสาย
ตรวจสอบให้แน่ใจว่าเนื้อหาเดียวกันมีโครงสร้างเหมือนกัน
หากชื่อเรื่องเดียวกันสามารถมองเห็นได้ในหลาย ๆ ที่อย่าใช้ตัวหนาหนึ่งคำในกรณีเดียวและอีกคำหนึ่งที่อื่น!
ในความเป็นจริงพยายามหลีกเลี่ยงการจัดรูปแบบโครงสร้างภายในชื่อเรื่องทั้งหมด ในทำนองเดียวกันอย่าทำลายข้อความด้วยตนเองในที่เดียว แต่ทำให้แตกต่างจากที่อื่น อันที่จริงอย่าทำลายข้อความด้วยตนเอง!
สิ่งเหล่านี้อาจทำให้การออกแบบของคุณดีขึ้น แต่โปรดจำไว้ว่าเนื้อหาส่วนใหญ่จะถูกป้อนผ่าน CMS และผู้ที่ป้อนเนื้อหาอาจไม่เห็นว่ามีลักษณะอย่างไรจนกว่าจะเผยแพร่หรืออาจไม่มีเครื่องมือในการทำลายด้วยตนเองหรือ จัดรูปแบบข้อความ
การออกแบบที่มีข้อ จำกัด เดียวกันเนื้อหาสุดท้ายจะมี - คอนเทนเนอร์ข้อความที่มีความกว้างคงที่และการตัดคำอัตโนมัติ ถ้ามันดูน่าเกลียดขนาดนั้นแสดงว่าการออกแบบไม่ดี
สิ่งนี้ก้าวหน้าไปมากเมื่อไม่นานมานี้ อย่างน้อยก็ในกรณีที่มือถือถูกออกแบบมาจริงๆ มากขึ้นเรื่อย ๆ เราปล่อยให้ bootstrap คิดออกและตบ Band-Aids ที่รอยแตก
ไม่ว่าจะมีหลักการง่ายๆที่คุณต้องรู้
ประการแรกตัวแปรของอุปกรณ์เคลื่อนที่และเดสก์ท็อปไม่ใช่หน้าแยกกัน ฉันรู้ว่าคุณรู้เรื่องนี้ เป็นเพียงการแสดงซ้ำของหน้าเดียวกัน
พูดง่ายๆก็เหมือนกับการทำงานกับข้อความที่จัดชิดซ้าย ประโยคไม่ได้เปลี่ยนลำดับของคำหรือตัวอักษรเพียงเพราะคุณวางไว้ในภาชนะขนาดเล็ก
นอกจากนี้ควรแชร์กลุ่มเนื้อหาในทุกเลย์เอาต์ เมื่อคุณเพิ่มคอลัมน์ตรวจสอบให้แน่ใจว่าตัวแบ่งคอลัมน์สอดคล้องกัน
นอกจากนี้การประชุมของคุณควรเป็นไปตามโครงสร้างเดียวกันสำหรับเวอร์ชันต่างๆของหน้า หมายความว่าหากองค์ประกอบสองอย่างมีลักษณะเหมือนกันบนเดสก์ท็อปองค์ประกอบเหล่านี้ก็ควรจะเหมือนกันบนอุปกรณ์เคลื่อนที่เช่นกัน
อ้อและถ้าคุณต้องการพารัลแลกซ์โปรดเตรียมรูปภาพที่ใหญ่พอที่จะเคลื่อนไปมาได้ ถ้าคุณพอดีหรือครอบตัดรูปภาพเพื่อให้ดูถูกต้องบนไฟล์ที่คุณกำลังแสดงให้ลูกค้าเห็นฉันก็ไม่มีอะไรให้เคลื่อนไหว
แน่นอนว่ามีข้อยกเว้นเกิดขึ้นได้เสมอ นอกจากนี้ยังจำเป็นสำหรับผลิตภัณฑ์ที่ดูน่าสนใจและมีประสิทธิภาพ อย่างไรก็ตามอย่าเพิ่มลงในช่องแรกของรหัสผ่าน
หากคุณพบว่าตัวเองกำลังแก้ปัญหาการออกแบบเดิมซ้ำแล้วซ้ำเล่าสิ่งนี้จะไม่ได้ผลโดยเฉพาะอย่างยิ่งหากคุณใช้วิธีแก้ปัญหาที่แตกต่างกันในแต่ละอินสแตนซ์
เมื่อคุณทำตามข้างต้นทั้งหมดแล้วคุณควรได้รับการออกแบบที่มีประสิทธิภาพมั่นคงและสม่ำเสมอ (หากดูจืดชืด) ตอนนี้เป็นเวลาที่จะเพิ่มสีสันให้กับสิ่งต่างๆ มองไปที่หน้าโดยรวมพูดคุยกับลูกค้าเพื่อระบุเงินที่ได้มาซึ่งเป็นรายการที่จะทำให้พวกเขาได้รับผลตอบแทนสูงสุดจากเงินที่ได้มา
เราได้รับ ทำงานร่วมกัน เป็นเวลาหลายปีและลูกค้าของเราพอใจกับผลลัพธ์ที่ได้เสมอมา
แน่นอนว่าฉันจะเข้าร่วมหากคุณพลาดบางประเด็นเหล่านี้และเมื่อใช้การออกแบบที่ซับซ้อนเป็นสิ่งที่ถูกต้องแล้วฉันจะเขียนตรรกะการแสดงผลใน JavaScript ถ้าฉันต้องการ
ฉันจะเข้าไปแก้ไขงานเพิ่มเติมให้กับลูกค้าหากจำเป็น Heck ฉันออกแบบรูปแบบและการโต้ตอบนอกเหนือจากการออกแบบที่ได้รับมาเป็นเวลานานดังนั้นสิ่งนี้จึงไม่เป็นปัญหา
ฉันหวังว่าเมื่ออ่านบทความนี้แล้วคุณจะเก็บคำแนะนำเหล่านี้ไว้ในใจในครั้งต่อไปที่เราทำงานร่วมกัน ฉันหวังว่าพวกเขาจะแจ้งงานของคุณและให้คำแนะนำเมื่อคุณไม่รู้ว่าต้องทำอย่างไร ฉันอยากให้คุณเข้าใจว่าความสัมพันธ์ของเราสำคัญสำหรับฉันและฉันไม่ได้เขียนสิ่งนี้เพื่อทำร้ายคุณ แต่เพื่อทำให้ความสัมพันธ์ของเราดีขึ้น
ด้วยรัก,
นักพัฒนาส่วนหน้าของคุณ