8 หลักการออกแบบเว็บที่ยังคงใช้งานได้ในปี 2020

เผยแพร่แล้ว: 2021-07-22

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

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

ฟรี UX & หลักสูตรการใช้งาน

โดย Karl Gilis

จากหลักการสู่การปฏิบัติ ดูหลักสูตรฟรีเกี่ยวกับ UX และการใช้งาน

  • ช่องนี้มีไว้เพื่อวัตถุประสงค์ในการตรวจสอบและไม่ควรเปลี่ยนแปลง

นี่คือ หลักการออกแบบเว็บที่มีประสิทธิภาพ 8 ประการที่ คุณควรรู้และปฏิบัติตาม

1. ลำดับชั้นภาพ

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

ออกกำลังกาย. โปรดจัดลำดับวงกลมตามลำดับความสำคัญ:

วงกลมลำดับชั้นภาพ

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

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

หากเมนูเว็บไซต์คุณมี 10 รายการ ทุกข้อมีความสำคัญเท่ากันหรือไม่? คุณต้องการให้ผู้ใช้คลิกตรงไหน? ทำให้ลิงก์สำคัญๆ โดดเด่นขึ้น

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

amazon หยิบใส่ตะกร้า ซื้อเลย ปุ่ม
ปุ่มไหนดึงดูดสายตาคุณ? สีช่วยให้องค์ประกอบต่างๆ ของหน้าเว็บโดดเด่นได้

เริ่มต้นด้วยวัตถุประสงค์ทางธุรกิจ

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

นี่คือตัวอย่าง เป็นภาพหน้าจอที่ฉันนำมาจากเว็บไซต์ Williams-Sonoma พวกเขาต้องการขายเครื่องครัวกลางแจ้ง

ลำดับชั้นของภาพมีความสำคัญต่อการออกแบบเว็บที่มีประสิทธิภาพ

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

นี่คือลำดับชั้นของภาพ ซึ่งเป็นหลักการที่ไม่มีวันตกยุคของการออกแบบเว็บ ทำได้ดีมาก

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

2. สัดส่วนของพระเจ้า

ตัวอักษรกรีกตัวพิมพ์เล็ก phi ใช้สำหรับอัตราส่วนทองคำ

อัตราส่วนทองคำเป็นตัวเลขมหัศจรรย์ 1.618 (φ) การออกแบบที่ใช้สัดส่วนที่กำหนดโดยอัตราส่วนทองคำเป็นที่เชื่อกันว่าสวยงาม

แล้วมีลำดับฟีโบนักชี แต่ละเทอมเป็นผลรวมของสองเทอมก่อนหน้า: 0, 1, 1, 2, 3, 5, 8, 13, 21 และอื่น ๆ สิ่งที่น่าสนใจคือ หัวข้อที่ดูเหมือนไม่เกี่ยวข้องสองหัวข้อสร้าง จำนวนที่แน่นอนเหมือนกัน

นี่คือลักษณะของอัตราส่วนทองคำ:

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

ตัวอย่าง pantheon อัตราส่วนทองคำ

Golden Ratio ใช้กับการออกแบบเว็บได้หรือไม่? พนันได้เลย. นี่คือทวิตเตอร์:

อัตราส่วนทองคำ ทวิตเตอร์

นี่คือความคิดเห็นเมื่อหลายปีก่อนโดย Doug Bowman ผู้อำนวยการฝ่ายสร้างสรรค์ของ Twitter ตัวเลือกการออกแบบไม่ได้ตั้งใจ:

ดังนั้น หากความกว้างของเลย์เอาต์คือ 960px ให้หารด้วย 1.618 (=593px) คุณทราบความกว้างของพื้นที่เนื้อหาควรเป็น 593px และแถบด้านข้าง 367px หากความสูงของเว็บไซต์สูง 760px คุณสามารถแบ่งออกเป็นชิ้นขนาด 470px และ 290px (760/1.618=~470)

(ที่มาของภาพ)

หากคุณต้องการเรียนรู้เพิ่มเติม โปรดดูบทความนี้เกี่ยวกับวิธีใช้อัตราส่วนทองคำกับการพิมพ์

3. กฎของฮิค

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

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

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

ในยุคของทางเลือกที่ไม่สิ้นสุด ผู้คนต้องการตัวกรองที่ดีกว่านี้! หากคุณขายสินค้าจำนวนมาก ให้เพิ่มตัวกรองที่ดีกว่าเพื่อการตัดสินใจที่ง่ายขึ้น ห้องสมุดไวน์ขายไวน์จำนวนมาก

พวกเขาทำงานได้ดีกับตัวกรอง:

ห้องสมุดไวน์ใช้ตัวกรองผลิตภัณฑ์

4. กฎของฟิตต์

กฎของ Fitt กำหนดว่าเวลาที่ใช้ในการเคลื่อนที่ไปยังพื้นที่เป้าหมาย (เช่น คลิกปุ่ม) เป็นฟังก์ชันของ ระยะห่าง จากเป้าหมายและ ขนาดของ เป้าหมาย กล่าวอีกนัยหนึ่งว่าวัตถุที่ใหญ่กว่าและใกล้กว่านั้นก็จะยิ่งใช้งานได้ง่ายขึ้น

Spotify ทำให้การกด “เล่น” ง่ายกว่าปุ่มอื่นๆ:

spotify fitts กฎหมายขนาดปุ่ม

บนแอพมือถือ พวกเขายังวางปุ่มเล่นในตำแหน่งที่แตะง่าย

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

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

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

ลองนึกภาพว่ามีแบบฟอร์มที่คุณต้องการให้คนอื่นกรอก ที่ส่วนท้ายของแบบฟอร์ม มีปุ่มสองปุ่ม: "ส่ง" และ "รีเซ็ต" (ล้างฟิลด์)

ส่งและรีเซ็ตปุ่มขนาดเดียวกัน

99.9999% ต้องการกด “Submit” ดังนั้น ปุ่มควรใหญ่กว่า 'รีเซ็ต' มาก

5. กฎสามส่วน

เป็นความคิดที่ดีที่จะใช้ภาพในการออกแบบของคุณ ภาพสื่อสารความคิดของคุณได้เร็วกว่าข้อความ

รูปภาพที่ดีที่สุดเป็นไปตามกฎสามส่วน: รูปภาพควรแบ่งออกเป็นเก้าส่วนเท่าๆ กันด้วยเส้นแนวนอนสองเส้นที่เว้นระยะห่างเท่าๆ กัน และเส้นแนวตั้งสองเส้นที่เว้นระยะห่างเท่าๆ กัน องค์ประกอบองค์ประกอบที่สำคัญควรวางไว้ตามเส้นเหล่านี้หรือที่ทางแยก

ด้านล่าง ดูว่าภาพด้านขวาน่าสนใจอย่างไร? นั่นคือกฎสามส่วนในการดำเนินการ

ตัวอย่างกฎสามส่วนสำหรับรูปภาพเว็บไซต์
กฎสามส่วนคือหลักการออกแบบที่เรียบง่ายสำหรับ images.the (แหล่งรูปภาพ)

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

6. กฎหมายการออกแบบเกสตัลต์

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

นี่คือสิ่งที่ฉันหมายถึง:

ตัวอย่างการออกแบบเกสตัลท์

สังเกตว่าคุณสามารถมองเห็นสุนัขโดยไม่เน้นจุดดำที่สุนัขประกอบด้วยได้อย่างไร? เคิร์ต คอฟฟ์คา ผู้ก่อตั้งท่าทีของท่าทีได้อธิบายไว้ดังนี้: “ทั้งหมดมีอยู่อย่างอิสระจากส่วนต่างๆ”

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

มีแปดกฎหมายที่เรียกว่า gestalt design ที่ช่วยให้เราสามารถคาดการณ์ว่าผู้คนจะรับรู้บางสิ่งอย่างไร นี่คือสิ่งที่เกี่ยวข้องกับการออกแบบเว็บ:

1. กฎความใกล้เคียง

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

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

กฎเกสตัลต์ของความใกล้ชิด
กฎความใกล้เคียงแสดงให้เห็นว่าจิตใจจัดกลุ่ม (หรือแยก) รายการโดยธรรมชาติโดยพิจารณาจากระยะห่างจากกันและกัน

Craigslist ใช้กฎหมายนี้เพื่อให้ง่ายต่อการเข้าใจว่าหมวดหมู่ย่อยใดอยู่ภายใต้ "การขาย":

ตัวอย่างกฎเกสตัลต์ของ Craigslist

2. กฎแห่งความคล้ายคลึงกัน

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

กฎแห่งความคล้ายคลึงกัน การออกแบบเกสตัลต์

ที่นี่เราจัดกลุ่มจุดสีดำเป็นกลุ่มหนึ่งและกลุ่มสีขาวเป็นอีกกลุ่มหนึ่ง เพราะจุดที่มีสีเดียวกันดูคล้ายกัน

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

3. กฎแห่งการปิด

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

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

การใช้กฎการปิดสามารถทำให้โลโก้หรือองค์ประกอบการออกแบบน่าสนใจยิ่งขึ้น ตัวอย่างที่ดีคือโลโก้ World Wide Fund For Nature ซึ่งออกแบบโดย Sir Peter Scott ในปี 1961:

ตัวอย่างกฏการปิดโลโก้

4. กฎแห่งสมมาตร

จิตใจรับรู้วัตถุเป็นสมมาตร ก่อตัวขึ้นรอบจุดศูนย์กลาง การแบ่งวัตถุออกเป็นส่วนสมมาตรจำนวนเท่ากันถือเป็นเรื่องน่ายินดี

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

กฎเกสตัลต์ของสมมาตร

เมื่อเราดูภาพด้านบน เรามักจะสังเกตวงเล็บสมมาตรสามคู่มากกว่าหกวงเล็บแต่ละอัน

ผู้คนชอบรูปลักษณ์ที่สมมาตรมากกว่ารูปลักษณ์ที่ไม่สมมาตร การสลับคอลัมน์ของรูปภาพและข้อความ แถบเลื่อนตรงกลาง และรายการสามคอลัมน์เพิ่มความเพลิดเพลินให้กับการออกแบบโฮมเพจ Trello:

5. กฎแห่งโชคชะตาร่วมกัน

เรามักจะรับรู้วัตถุเป็นเส้นที่เคลื่อนที่ไปตามเส้นทาง เราจัดกลุ่มวัตถุที่มีแนวโน้มการเคลื่อนที่เหมือนกันและอยู่บนเส้นทางเดียวกัน

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

ตัวอย่างการออกแบบเว็บด้วยกฎแห่งโชคชะตา common

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

ตัวอย่างกฎแห่งโชคชะตา

6. กฎความต่อเนื่อง

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

Fixel ใช้สิ่งนี้เพื่อเชื่อมต่อใบหน้ากับไบออส:

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

7. พื้นที่สีขาวและการออกแบบที่สะอาดตา

พื้นที่สีขาว (เรียกอีกอย่างว่า "ช่องว่างเชิงลบ") คือส่วนของหน้าเว็บที่ "ว่างเปล่า" เป็นช่องว่างระหว่างกราฟิก ระยะขอบ รางน้ำ ช่องว่างระหว่างคอลัมน์ ช่องว่างระหว่างบรรทัดประเภท หรือภาพ

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

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

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

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

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

อ่านเพิ่มเติมเกี่ยวกับพื้นที่สีขาวและความเรียบง่าย

8. มีดโกนของ Occam

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

ในโพสต์เกี่ยวกับประสบการณ์ Angelpad ทีมของ Pipedrive เขียนว่า:

ทีมงานและที่ปรึกษาของ Angelpad ได้ท้าทายเราในหลาย ๆ ด้าน “คุณมีหลายสิ่งในหน้าแรกของคุณ” เป็นสิ่งที่เราไม่เห็นด้วยในตอนแรก แต่เรายินดีที่จะทดสอบ และกลายเป็นว่าเราคิดผิดจริงๆ เราลบเนื้อหาออก 80% และทิ้งปุ่มสมัครใช้งานหนึ่งปุ่มและลิงก์เรียนรู้เพิ่มเติมหนึ่งลิงก์ไว้ที่หน้าแรก การแปลงการสมัครเพิ่มขึ้น 300%

pipedrive ลดความซับซ้อนของการออกแบบโฮมเพจ

มันไม่ได้เกี่ยวกับรูปลักษณ์เท่านั้น แต่ยังเกี่ยวกับ วิธีการทำงานด้วย บางบริษัท เช่น 37Signals ได้เปลี่ยน "ความเรียบง่าย" ให้กลายเป็นโมเดลธุรกิจ นี่คือคำพูดจากหนังสือ Rework ซึ่ง เขียนโดยผู้ก่อตั้ง Jason Fried:

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

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

บทสรุป

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

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