แบบร่างดีไซน์ (Draft)

ปกติได้แบบร่างดีไซน์กี่แบบ

จำนวนแบบร่างดีไซน์ไม่มีเกณฑ์กลางของวงการ แบ่งใหญ่ ๆ ได้เป็นแบบที่ได้แบบร่างต่างแนวกัน 2–3 แบบตั้งแต่แรกแล้วเลือกหนึ่งแบบ กับแบบที่ได้แบบร่างแนวเดียวแล้วขัดเกลาหลายรอบ

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

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

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

ได้รับแบบร่างดีไซน์ในรูปแบบไหน

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

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

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

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

• รูปภาพ · PDF: เปิดได้ทุกที่ แต่กดใช้งานไม่ได้
• ลิงก์เครื่องมือออกแบบ: ซูมดูหน้าจอและแสดงความเห็นได้ทีละจุด
• ลิงก์ดูตัวอย่าง: เลื่อนดูและกดปุ่มบนมือถือจริงได้

ได้แบบร่างดีไซน์แล้ว ควรตรวจอะไรก่อน

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

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

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

1. 01เปิดแบบร่างบนมือถือ แล้วจดว่าใน 3 วินาทีแรกเห็นอะไรเป็นอย่างแรก
2. 02ทำเป็นลูกค้า ลองทำตามขั้นตอนอย่าง “ดูราคา → จอง” จนจบ
3. 03ตรวจชื่อร้าน · เบอร์โทร · เวลาเปิดทำการ · ราคาว่าถูกต้องทีละรายการ
4. 04ทำเครื่องหมายตำแหน่งที่ใส่รูปชั่วคราว และกำหนดว่าจะส่งรูปจริงเมื่อไร
5. 05แยกส่วนที่ชอบกับส่วนที่อยากเปลี่ยน แล้วเรียบเรียงส่งในครั้งเดียว

ก่อนถึงขั้นตอนแบบร่างดีไซน์ ควรเตรียมอะไรไว้บ้าง

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

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

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

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

การยืนยันแบบร่างดีไซน์หมายถึงอะไร

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

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

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

ตอนยืนยัน ให้ระบุให้ชัดด้วยว่ายืนยันทั้งหน้าจอมือถือและหน้าจอคอมพิวเตอร์พร้อมกันหรือไม่ ถ้ายืนยันโดยดูแค่ฝั่งเดียว อีกฝั่งมักมีความเห็นตามมาทีหลัง

เรื่องแบบร่างดีไซน์ ควรถามอะไรก่อนเซ็นสัญญา

แบบร่างดีไซน์เป็นขั้นตอนที่มีผลต่องานที่ออกมามากที่สุด ถ้าตรวจวิธีการและขอบเขตไว้ก่อนเซ็นสัญญา ข้อพิพาทจะลดลงมาก

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

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

• จะได้แบบร่างกี่แบบ ในรูปแบบไหน (รูปภาพ · ลิงก์)
• จะแสดงแบบร่างหน้าจอมือถือแยกให้ดูด้วยหรือไม่
• การแก้แบบร่างนับรวมในจำนวนครั้งการแก้ไขทั้งหมดหรือไม่
• ถ้ามีการเปลี่ยนแปลงใหญ่หลังยืนยันแล้ว จะจัดการอย่างไร
• จะเปลี่ยนรูปภาพ · ข้อความชั่วคราวเป็นข้อมูลจริงเมื่อไร