กระบวนการทั่วไปในการวางแผนและพัฒนาเว็บไซต์ใหม่คืออะไร

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

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

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

สำหรับฉันหลาย ๆ พื้นที่สามารถทับซ้อนกันในระดับหนึ่ง

• กำหนดความต้องการผ่านการร่างภาพ wireframes บันทึกการอภิปรายงบประมาณ ฯลฯ (ต้องมาก่อน)

• Wireframing - เนื้อหาสามารถเริ่มเขียนได้ที่นี่หรืออย่างน้อยก็โครงร่าง แนวคิดที่หยาบเกี่ยวกับขนาดของเนื้อหาจะช่วยในการวางโครงลวดดังนั้นการเขียนและโครงลวดจึงสามารถทำงานร่วมกันได้

• การอนุมัติโครงลวด

• จบเนื้อหา - การออกแบบคร่าวๆเริ่มต้นได้ที่นี่ แต่ไม่สามารถสรุปได้จนกว่าการทำสำเนาแบบสแตติกจะเสร็จสมบูรณ์

• การอนุมัติเนื้อหา

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

• อนุมัติการออกแบบ

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

• การอนุมัติรหัส

• SEO อย่างต่อเนื่อง / การบำรุงรักษา

โดยทั่วไปโครงการเวิร์กโฟลว์ของฉันทำงานเช่นนี้:

1. พบกับลูกค้าเพื่อรวบรวมข้อกำหนด (กำหนดสิ่งที่ต้องการ)
2. กำหนดกลยุทธ์การใช้งานส่วนหลัง (ภาษาโปรแกรมแพลตฟอร์ม ฯลฯ )
3. สร้างโครงร่างโครงร่างเพื่อกำหนดว่าไซต์หรือแอปพลิเคชันจะทำงานอย่างไรและองค์ประกอบพื้นฐานจะทำงานอย่างไร
4. ทบทวนโครงร่างกับลูกค้า
5. การออกแบบแบบจำลอง - สิ่งเหล่านี้อาจเป็นแบบจำลองแบบ HTML / CSS หรืออาจเป็นภาพที่ออกแบบใน Illustrator หรือ Photoshop
6. ตรวจสอบ mockups กับลูกค้า
7. แก้ไข mockups ตามความคิดเห็นของลูกค้า
8. สร้างผลิตภัณฑ์ที่ใช้งานได้

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

ฉันได้รับข้อมูลบางอย่างจากบล็อก

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

1. เรียน

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

2. บทสรุปความคิดสร้างสรรค์

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

คุณควรถามคำถามประเภทใดในช่วงสั้น ๆ ที่สร้างสรรค์ อย่างน้อยที่สุดค้นหา:

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

3. แผน

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

4. การออกแบบ

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

5. รหัส

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

6. เปิดตัว

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

7. บำรุงรักษา

ในระหว่างขั้นตอนการวางแผนของคุณคุณควรกำหนดว่าใครจะรับผิดชอบการบำรุงรักษาไซต์

สิ่งนี้อาจช่วยได้ มีหลักการออกแบบเว็บไซต์ที่ดี

google handbook เว็บพื้นฐาน

คู่มือเป็นทรัพยากรที่ครอบคลุมสำหรับการพัฒนาเว็บหลายอุปกรณ์ ดังนั้นจึงแบ่งออกเป็น 4 หมวดหมู่:

เลย์เอาต์แบบหลายอุปกรณ์ - การสร้างเลย์เอาต์ที่ยืดหยุ่นไม่คงที่ที่ให้ประสบการณ์ที่ยอดเยี่ยมไม่ว่าจะใช้อุปกรณ์ใดก็ตาม

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

แบบฟอร์มและการป้อนข้อมูลของผู้ใช้ - การสร้างแบบฟอร์มที่ใช้ประเภทและองค์ประกอบการป้อนข้อมูลแบบความหมายที่ตอบสนองต่อการสัมผัสและท่าทางอื่น ๆ

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