เคล็ดลับการออกแบบเว็บไซต์ที่ให้ข้อมูล

เผยแพร่แล้ว: 2019-11-24

เมื่อพูดถึงประเภทเว็บไซต์ คุณอาจคิดว่าเว็บไซต์ที่ให้ข้อมูลนั้นสร้างได้ง่ายกว่าที่สุด คุณสามารถใช้เวลาติดตั้ง wordpress vanilla หมุน droplet และสร้างเว็บไซต์ได้เองภายใน 2 วัน แต่นั่นจะตอบสนองวัตถุประสงค์ของคุณจริงหรือ ? สิ่งที่ฉันหมายถึงคือการออกแบบไม่เคยเป็นจุดประสงค์ของเว็บไซต์ แต่เป็นวิธีที่จะบรรลุอีกทางหนึ่งเสมอ และจุดจบนั้นคือการแปลงหรือการขายหรือธุรกิจอื่นๆ

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

ต่อไปนี้คือเคล็ดลับที่ควรทราบเกี่ยวกับการออกแบบเว็บไซต์ที่ให้ข้อมูล

รวบรวมข้อมูล

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

กำหนดวัตถุประสงค์ของเว็บไซต์

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

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

สร้างผังงานของประสบการณ์ผู้ใช้

website designing flowchart

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

จัดระเบียบ

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

website designing wireframe

คิดอะไรใหม่ๆ

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

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

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

อย่าสร้างเว็บไซต์ที่มีโครงสร้างซับซ้อน

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

ลองดูที่นี่ คุณจะรู้ว่าฉันหมายถึงสารบัญคงที่

fixed table of contents

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

ออกแบบเพื่อการใช้งานจริง

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

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

ระวังการทำซ้ำเนื้อหา

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

เรียกเสียมว่าจอบ

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