การพัฒนาอีเลิร์นนิง – ถึงเวลาที่คุณเริ่มใช้ Wireframes ในกระบวนการออกแบบแบบฝึกหัดภาษาอังกฤษ

Wireframes ใช้เป็นส่วนหนึ่งของกระบวนการออกแบบเป็นช่วงของอุตสาหกรรม สำหรับคนจำนวนมาก พวกเขามีความเกี่ยวข้องอย่างใกล้ชิดกับการออกแบบ 3D มากที่สุด อย่างไรก็ตาม นักออกแบบอีเลิร์นนิงจำนวนมากขึ้นกำลังใช้โครงลวดเป็นส่วนหนึ่งของกระบวนการออกแบบแบบฝึกหัดภาษาอังกฤษ

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

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

ให้ความสำคัญกับวิธีการทำงานของหลักสูตรอีเลิร์นนิงและวิธีที่ผู้เรียนโต้ตอบกับการออกแบบ

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

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

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

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

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

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

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