5 เคล็ดลับเพื่อทำให้การออกแบบเว็บของคุณง่ายขึ้น

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

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

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

1. มุ่งเน้นเฉพาะที่องค์ประกอบที่จำเป็น

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

ใช้กฎ 80-20

หน้า 20% ของสิ่งใดที่ให้คุณค่าและเนื้อหา 80% ที่ผู้คนไปที่นั่น? อาจเป็นสำเนาหลักฐานทางสังคมบางอย่าง (ตรวจสอบตัวอย่างข้อความรับรองสื่อป้ายโฆษณา) และแบบฟอร์มสมัครใช้งานหรือปุ่มเรียกร้องให้ดำเนินการ นั่นคือ 20% ตรงนั้น บนเว็บไซต์ของคุณรวมถึงในแต่ละหน้า, เน้นที่การแสดงเพียง 20% ขององค์ประกอบของไซต์ที่ให้ประโยชน์ 80% ของประโยชน์นั้น ๆ.

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

ดังที่เราทุกคนรู้กันอยู่เรากำลังมองหาข้อแก้ตัวที่จะไม่ซื้ออะไรในขั้นตอนสุดท้ายเสมอไปและเหตุผลใด ๆ ที่ทำให้การนำทางออกไปนั้นเป็นสิ่งที่ดี ลดสาเหตุเหล่านั้นและตัวเลือกคลิกออกไปด้วยกฎ 80-20.

Chris Pearson ผู้สร้างโครงร่างธีมของ Thesis WordPress ที่ได้รับความนิยมกล่าวว่านี่คือสิ่งที่ช่วยเพิ่มยอดขายในเว็บไซต์ของเขา.

2. กำจัดองค์ประกอบที่ไม่จำเป็นทั้งหมด

เรากำลังดำเนินการกับกฎ 80-20 ที่นี่.

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

3. ลดจำนวนหน้า

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

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

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

4. รับเนื้อหาเพิ่มเติมจากครึ่งหน้าบน

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

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

5. จำกัด ชุดสีของคุณ

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

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

มีปัญหาในการเลือกสีเพื่อเริ่มต้น? ก่อนหลัง นิตยสารมี e-book ฟรีที่มีประโยชน์เกี่ยวกับวิธีการหาสีที่สมบูรณ์แบบที่นี่. ต้องการความช่วยเหลือในการเลือกชุดรูปแบบสี? ลองใช้ตัวสร้างชุดรูปแบบสีที่มีประโยชน์นี้.

สุดท้าย แต่ไม่ท้ายสุด

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

ในการสรุปนี่คือจุดเริ่มต้น 5 ข้อในการทำให้การออกแบบเว็บไซต์ของคุณง่ายขึ้น:

1. ให้ความสำคัญกับองค์ประกอบที่จำเป็นเท่านั้น
2. กำจัดองค์ประกอบที่ไม่จำเป็นทั้งหมด
3. ลดจำนวนหน้า
4. รับเนื้อหาเพิ่มเติมจากครึ่งหน้าบน
5. จำกัด จานสีของคุณ

บทความที่เกี่ยวข้อง

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

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

หมายเหตุจากบรรณาธิการ:Ã'Âโพสต์นี้เขียนโดย Oleg Mokhov forÃ'Â Hongkiat.com Oleg Mokhov เป็นนักดนตรีอิเล็กทรอนิกส์ที่มีมือถือมากที่สุดในโลกผู้ที่ชื่นชอบการออกแบบเว็บและการมองเห็นและเป็นผู้ร่วมก่อตั้งร้านค้าเพลงพรีเมี่ยมปลอดค่าลิขสิทธิ์ Soundtrackster.