วิธีในการออกแบบเว็บไซต์ใหม่

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

1. ภาพเท่านั้น - เนื้อหาหน้าและทุกอย่างยังคงเหมือนเดิม แต่ตอนนี้ไซต์ดูทันสมัยมากขึ้น
2. เนื้อหาและภาพ - นี่จะเป็นการเปลี่ยนแปลงเนื้อหา + รายการแรกเช่นหน้า Landing Page การจัดลำดับบทความใหม่ข้อมูลประเภทใหม่และอื่น ๆ

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

สร้างเนื้อหาใหม่หรือใช้แบบเก่า

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

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

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

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

ตัดสินใจเกี่ยวกับสไตล์ภาพ

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

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

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

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

ขั้นตอนของแนวคิดอาจจะยากที่สุดเช่นกันเพราะนี่คือช่วงเวลาที่การตัดสินใจส่วนใหญ่เกิดขึ้น

ตัวอย่างคำถามที่นักออกแบบอาจต้องการคำตอบมีดังนี้

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

มีบางสิ่งที่ต้องพิจารณาในแนวคิดทั้งนี้ขึ้นอยู่กับทิศทาง:

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

เมื่อมีการเลือกแนวคิดหนึ่ง (ซึ่งอาจเกิดขึ้นหลังจากการแก้ไขหลายครั้ง) ขั้นตอนต่อไปสามารถเริ่มได้:

สร้าง Design Comps

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

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

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

ขั้นตอนการพัฒนา

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

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

ในระหว่างการพัฒนาโดยทั่วไปมีสองวิธีในการเข้าถึง:

1. สร้างใหม่
2. การปรับปรุงไซต์ที่มีอยู่

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

หากมีกำหนดเวลาที่แน่นมากมีสองวิธีในการเปิดตัวธีมใหม่ให้ตรงเวลา:

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

ขึ้นอยู่กับลำดับความสำคัญ - กำหนดเวลาหรือคุณภาพ - ลูกค้าควรเลือกว่าเอเจนซี่หรือฟรีแลนซ์คนใดควรทำงานก่อน

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

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

กำลังถ่ายทอดสดเฟส

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

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

สรุป

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