การแนะนำบทความของ wulin.com (www.vevb.com): ฉันสามารถเรียกดูหน้าปกติในเวลาเพียง 4 วินาทีดังนั้นคุณไม่มีเวลาพอที่จะดึงดูดผู้ใช้และให้พวกเขาท่องเว็บต่อไป กล่าวคือคุณควรอธิบายอย่างแม่นยำที่สุดเท่าที่จะเป็นไปได้ว่าเว็บไซต์ที่คุณออกแบบมานั้นเกี่ยวกับอะไร หากจำเป็นต้องทำให้ผู้ชมใช้เวลามากขึ้นในการหาว่าเว็บไซต์นี้เกี่ยวกับอะไรเขาจะยอมแพ้และออกไป
บทความนี้สรุปประเด็นสำคัญบางประการในการออกแบบหน้าเว็บ ฉันหวังว่าฉันจะให้แรงบันดาลใจแก่คุณเมื่อสร้างหน้าถัดไป
1. จำไว้ว่าเวลาที่คุณสามารถควบคุมได้มี จำกัด
ฉันสามารถเรียกดูหน้าปกติของฉันในเวลาเพียง 4 วินาทีดังนั้นคุณไม่มีเวลาพอที่จะดึงดูดผู้ใช้และท่องเว็บไซต์ของคุณต่อไป กล่าวคือคุณควรอธิบายอย่างแม่นยำที่สุดเท่าที่จะเป็นไปได้ว่าเว็บไซต์ที่คุณออกแบบมานั้นเกี่ยวกับอะไร หากจำเป็นต้องทำให้ผู้ชมใช้เวลามากขึ้นในการหาว่าเว็บไซต์นี้เกี่ยวกับอะไรเขาจะยอมแพ้และออกไป
2. จำไว้ว่า: ผู้ใช้กำลังอ่านหน้าเว็บ
เมื่อคุณเข้าไปในห้องคุณจะไม่ได้ดูทุกอย่างโดยเฉพาะ ก่อนอื่นคุณจะให้ความสนใจกับการปรากฏตัวของผู้คนหรือวัตถุในห้อง คุณจะมองไปรอบ ๆ ทั้งห้องแล้วค้นหาสิ่งที่ทำให้คุณสนใจ สิ่งที่คล้ายกันจะเกิดขึ้นเมื่อเรียกดูเว็บไซต์เป็นครั้งแรก เบราว์เซอร์หรือผู้ใช้ค้นหาครั้งแรก สิ่งนี้ต้องการให้คุณแนะนำผู้ใช้ไปยังที่ที่คุณต้องการให้พวกเขาไป อาจเป็นปุ่มเข้าสู่ระบบปุ่มเนื้อหาเพิ่มเติมหรือโพสต์บล็อก ฯลฯ
3. มุมบนซ้ายของเว็บไซต์เป็นสถานที่ที่ชัดเจนที่สุด
นี่คือความจริงที่ได้รับการยอมรับ เหตุผลหลักคือทุกคนใช้วิธีการอ่านหนังสือและบทความนี้ (เริ่มต้นจากมุมซ้ายบน) นอกจากนี้เว็บไซต์ต้นและซอฟต์แวร์แอปพลิเคชันยังได้รับการออกแบบและพัฒนาตามวิธีนี้ เรามักจะใส่โลโก้ที่มุมบนซ้ายซึ่งเยี่ยมมาก แต่พิจารณาเพิ่มองค์ประกอบอื่นหนึ่งหรือสององค์ประกอบในตำแหน่งนี้เพื่อให้ดูชัดเจนยิ่งขึ้น (ลิงก์ที่ลงทะเบียน, แบบฟอร์มการค้นหา, คำขวัญ ฯลฯ )
4 เข้าใจโครงสร้าง F
การสำรวจการติดตามด้วยภาพบางอย่างได้พิสูจน์แล้วว่าเส้นทางการมองเห็นของผู้ใช้เว็บไซต์เรียกดูเว็บไซต์นั้นคล้ายกับตัวอักษร F ตำแหน่งสูงสุดสามารถมองเห็นได้เสมอเพียงครึ่งเดียวของพื้นที่กลางเท่านั้นที่สามารถมองเห็นได้และสามารถมองเห็นได้เพียงส่วนซ้ายเท่านั้น เมื่อคุณไม่ทราบว่าจะวางบล็อกเนื้อหาในสโมสรเมื่อออกแบบคุณสามารถพิจารณาปัจจัยนี้ได้อย่างไร
5. เข้าใจสิ่งที่ผู้ใช้เพิกเฉย
ผู้ใช้ตาบอดต่อโฆษณา พวกเขาใช้เพื่อเพิกเฉยต่อโฆษณารูปภาพและข้อความ หลีกเลี่ยงการออกแบบที่ดูเหมือนโฆษณาและผู้ใช้จะไม่สนใจพื้นที่ข้อความขนาดใหญ่ ไม่มีใครมีเวลา (อดทนมากขึ้น!) ในการอ่านข้อความของ blockbusters พวกเขาแค่เข้าใจความหมายทั่วไปของบทความหน้า
6. ข้อความและรูปภาพ
ข้อเท็จจริงที่น่าสนใจคือ ข้อความได้รับความสนใจมากกว่าภาพที่ยอดเยี่ยมเหล่านั้น! หากคุณต้องการถ่ายทอดข้อมูลไปยังผู้ใช้ของคุณฉันขอแนะนำให้คุณใช้ข้อความสโลแกนขนาดใหญ่แทนภาพหัวพราว ...
7. ใช้องค์ประกอบการออกแบบเพื่อดึงดูดความสนใจ
องค์ประกอบที่ดีในการดึงดูดความสนใจคือคำขวัญข้อความปุ่มสำหรับโปรแกรมแอ็คชั่น (โดยปกติจะอยู่ในโทนสีสดใส) แบ่งออกเป็นระดับ 1-2-3 หรือเพียงแค่รายการปกติ ...
หากคุณกำลังเขียนบทความที่ยาวมากสิ่งหนึ่งที่สำคัญมากคือคุณกำลังมองหาคำบรรยาย คำบรรยายง่ายกว่าที่จะได้รับความสนใจมากกว่าเนื้อหาอื่น ๆ ใช้ชื่อที่เหมาะสมเพื่ออธิบายหัวข้อของบทความนี้ให้กับผู้ใช้ในขั้นตอนง่าย ๆ เหล่านี้
8. รูปแบบข้อความ
การจัดรูปแบบข้อความที่เหมาะสมนั้นน่าสนใจกว่าในการอ่าน ไม่ต้องกังวลเกี่ยวกับการใช้ย่อหน้ามากเกินไปตัวเอียงตัวเอียงคำพูดการขีดเส้นใต้หรือตัวอักษร ... พวกเขาทั้งหมดสามารถทำให้บล็อกข้อความมีผลกระทบทางสายตามากขึ้น แน่นอนคุณต้องใช้การจัดรูปแบบเพื่อเน้นข้อความหรือประโยคที่คุณคิดว่ามีความสำคัญซึ่งสามารถแนะนำผู้อ่านให้อ่านข้อความที่สมบูรณ์
9. ใช้รูปภาพง่ายๆ
ฉันได้กล่าวถึงก่อนหน้านี้ว่าผู้ใช้เมินต่อโฆษณา เมื่อคุณใช้รูปภาพในระหว่างกระบวนการออกแบบตรวจสอบให้แน่ใจว่าพวกเขาไม่ได้ยุ่งน่ารำคาญหรือเข้าใจยาก คนส่วนใหญ่รู้สึกว่ามันยากที่จะเห็นภาพที่ยุ่งเหยิงและแฟนซี รูปภาพควรกระชับและเข้าใจง่าย
คุณใช้รูปภาพใบหน้าของผู้คนเพื่อดึงดูดความสนใจของผู้ใช้โดยเฉพาะอย่างยิ่งเมื่อสายตาของตัวละครในภาพกำลังจ้องมองผู้ใช้ แน่นอนคุณยังสามารถใช้ทิศทางของดวงตาของคุณเพื่อแนะนำผู้ใช้ให้ใส่ใจในทิศทางที่แน่นอน
10. ใช้พื้นที่สีขาว
การใช้พื้นที่ว่างอาจให้องค์ประกอบบางอย่างมากขึ้น หากองค์ประกอบอยู่ใกล้กับขอบหรือองค์ประกอบอื่น ๆ มากเกินไปมันเป็นเรื่องง่ายที่จะสับสนดังนั้นจึงจำเป็นต้องออกจากห้องเพื่อหายใจ โดยเฉพาะอย่างยิ่งระหว่างข้อความและเนื้อหาข้อความ
ภาษาจีนดั้งเดิม: 10 เคล็ดลับเกี่ยวกับวิธีการออกแบบเว็บ
ภาษาอังกฤษต้นฉบับ: 10 คำแนะนำสั้น ๆ 'n' sweet เกี่ยวกับวิธีการออกแบบเว็บ