ฉันคิดว่าปัญหาหลักในการออกแบบเว็บไซต์ของคุณไม่มากนักกับการออกแบบกราฟิกเช่นเดียวกับการออกแบบส่วนต่อประสานกับผู้ใช้ โดยเฉพาะอย่างยิ่งเมื่อฉันดูภาพหน้าจอของคุณด้านบนคำถามที่ฉันถามตัวเองไม่ใช่ " เจ๋งฉันควรลองทำอะไรก่อน " แต่ " สิ่งนี้คืออะไรและฉันควรทำอะไรกับมัน "
นี่เป็นปัญหาทั่วไปของเว็บไซต์และอินเทอร์เฟซผู้ใช้อื่น ๆ ที่ออกแบบโดยวิศวกร (หรือผู้เชี่ยวชาญด้านโดเมนอื่น ๆ ): พวกเขารู้อยู่แล้วว่าระบบควรใช้งานอย่างไรเพื่อพวกเขาทุกอย่างทำได้ดีตราบใดที่คุณสมบัติทั้งหมดที่พวกเขาต้องการ . อนิจจานี้มักจะนำไปสู่คุณลักษณะทั้งหมดเป็นอย่างเท่าเทียมกันที่เห็นได้ชัดเจนและสามารถเข้าถึงได้ให้กับผู้ใช้ใหม่เบาะแสน้อยมากในการที่จะเริ่มต้น
การออกแบบกราฟิกมีผลบางอย่างที่นี่ตราบเท่าที่การออกแบบกราฟิกที่ไม่ดีสามารถสร้างความสับสนให้กับส่วนติดต่อผู้ใช้ในขณะที่กราฟิกที่ดีสามารถเพิ่มส่วนต่อประสานผู้ใช้โดยการทำให้ความหมายและความสัมพันธ์ขององค์ประกอบอินเทอร์เฟซต่าง ๆ ชัดเจนและดึงดูดสายตาผู้ใช้ แต่โดยพื้นฐานแล้วปัญหาคือสิ่งที่เกี่ยวกับสิ่งที่จะนำเสนอให้กับผู้ใช้และวิธีการจัดโครงสร้างมันมากกว่าวิธีทำให้ดูดี
ตกลงเรามาเจาะจงมากขึ้นหน่อย คำแนะนำแรกของฉันคือ: ลดความซับซ้อน! คุณอาจต้องการแรงบันดาลใจจากการออกแบบหน้าแรกดั้งเดิมของ Googleซึ่งโดยทั่วไปมีสามองค์ประกอบ: โลโก้กล่องค้นหาและสองปุ่ม (และหนึ่งอาจยืนยันว่าปุ่มที่สองคือความยุ่งเหยิงที่ไม่จำเป็น) โอ้และการเชื่อมโยงน้อยยังหน้าอื่น ๆ กับสิ่งที่มากขึ้น - ซึ่งถูกระบุไว้อย่างชัดเจนว่าเป็นความสำคัญรองจากถูกลงต่ำกว่าในตัวอักษรขนาดเล็กและ / หรือสีเทา - และแจ้งให้ทราบล่วงหน้าลิขสิทธิ์ชัดเพิ่มเป็นคำใบ้ที่บอบบาง ผู้ใช้ที่หน้านั้นปิดท้ายจริงๆ
หรือลองดูที่Doodleซึ่งเป็น บริษัท อื่นที่มีชื่อเป็น noodly และการออกแบบหน้าแรกที่เรียบง่าย แต่มีประสิทธิภาพ เพื่อความสะดวกฉันได้จับภาพหน้าจอของหน้าแรกของพวกเขาและเพิ่มการขีดเขียนสีแดงบางส่วนไว้ด้านบน:
Doodle เป็นเว็บไซต์ที่ดีพอที่จะเปรียบเทียบของคุณเนื่องจากไซต์ของพวกเขาเป็นของคุณโดยทั่วไปเป็นกรอบสำหรับให้ผู้ใช้ออกแบบเนื้อหาของตัวเอง (แบบทดสอบสำหรับคุณกำหนดตารางกิจกรรมสำหรับพวกเขา) และเชิญผู้ใช้รายอื่นให้โต้ตอบกับมัน ความแตกต่างที่สำคัญคือการที่คน Doodle Doodle ใช้ความพยายามอย่างมากในการลดความซับซ้อนของผู้ใช้ลงในอินเทอร์เฟซแทนการโยนพวกเขาลงในสระน้ำลึกสุดและรอให้จมหรือว่ายน้ำ
เมื่อมองไปที่หน้าแรกของพวกเขาโดยเฉพาะอย่างยิ่งเมื่อไม่มีการขีดเขียนของฉันสิ่งที่ชัดเจนเกี่ยวกับเรื่องนี้คือสิ่งเล็ก ๆ น้อย ๆ - โดยเฉพาะอย่างยิ่งสิ่งที่ไม่เกี่ยวข้อง - มีอยู่ในนั้น แน่นอนว่ามีโน้ตและลิงก์เล็ก ๆ มากมายที่ด้านล่างของหน้า แต่นั่นคือทั้งหมด "ครึ่งหน้าล่าง" และสิ่งที่ผู้ใช้ใหม่จะไม่สนใจ สิ่งที่มองเห็นได้มากที่สุดลำดับที่สองคือตัวอักษรที่เป็นมิตรตัวใหญ่ซึ่งผู้ใช้มีแนวโน้มที่จะมองเป็นอันดับแรกคือคำที่แปด (!) แจ้งให้ทราบว่าไซต์นั้นเกี่ยวกับอะไร ที่สุดสิ่งที่มองเห็นได้เป็นใหญ่กราฟิกแสดงในภาพที่เรียบง่ายขั้นตอนหลักของเวิร์กโฟลว์ทำให้มันดูง่ายและเชิญชวน และระหว่างพวกเขาคือปุ่มขนาดใหญ่ที่เชิญผู้ใช้ให้คลิกและเริ่มต้นใช้งาน
ในความเป็นจริงในส่วนบนของหน้ามีเพียงสี่สิ่งที่คลิกได้ (ยกเว้นโลโก้ซึ่งสามารถคลิกได้ - ตามที่ผู้ใช้คาดหวังว่าจะเป็น - แต่เพียงนำคุณกลับไปที่หน้าแรก): ลิงก์สองลิงค์ไปยังขั้นตอนแรก ในตัวช่วยสร้างการกำหนดเวลาเหตุการณ์หนึ่งในตัวอย่างสำหรับผู้ใช้ที่ไม่มั่นใจพอที่จะข้ามไปและลิงค์ที่ไม่สร้างความรำคาญหนึ่งลิงก์ที่มุมขวาบนที่เปิดกล่องโต้ตอบการเข้าสู่ระบบแบบผุดขึ้นสำหรับผู้ใช้ที่กำหนดไว้ นั่นคือทั้งหมดที่
แล้วเว็บไซต์ของคุณเป็นอย่างไร สิ่งแรกในภาพหน้าจอของคุณที่พุ่งออกมาให้ฉันเป็นสิ่งที่อาจคุ้มค่าที่จะดูคือหัวสีเขียวซึ่งอย่างน้อยก็สั้นเป็นแบบขนาดใหญ่และอยู่ตรงกลางของสิ่งที่ดูเหมือนว่า "พื้นที่เนื้อหา" อนิจจาไม่มีอะไรน่าสนใจมาก - ส่วน "ข้อมูลหัวข้อ" เพิ่งมีข้อมูลเมตาเล็กน้อยที่ควรพิมพ์เล็ก ๆ ในบางมุมส่วน "หัวข้อย่อย" มีลิงค์ (เชื่อมโยงไปยังหน้าอื่นที่คล้ายกัน)? เพื่อทำซ้ำสิ่งที่อยู่มุมขวาบนและส่วน "ทรัพยากร" นั้นว่างเปล่า และยิ่งไปกว่านั้นหลังจากอ่านทุกอย่างแล้วฉันก็ยังไม่รู้ว่าเว็บไซต์นั้นเกี่ยวกับอะไรหรือทำอะไรได้บ้าง
ดังนั้นฉันจะทำอย่างไรกับเว็บไซต์ของคุณ คุณบอกว่าฉันสามารถสร้างและทำแบบทดสอบได้ดังนั้นคุณควรวางลิงค์ / ปุ่มขนาดใหญ่และดูน่าดึงดูดในหน้าแรกที่พูดว่า " ทำแบบทดสอบ " และ " สร้างแบบทดสอบ " หรือไม่? (อดีตควรมีความโดดเด่นกว่าเนื่องจากผู้ใช้ใหม่น่าจะมีคำถามมากกว่าที่จะสร้างแบบทดสอบ แต่รวมถึงแบบที่สองในหน้าแรกอย่างน้อยช่วยให้ผู้ใช้ทราบว่าพวกเขาสามารถทำได้เช่นกัน) คำอธิบายสั้น ๆ - จากสองสามคำจนถึงย่อหน้าสั้น ๆ - ว่าเว็บไซต์ของคุณเกี่ยวกับอะไรจะดีเช่นกัน (นั่นอาจเป็นสถานที่ที่ดีในการเชื่อมโยงลิงก์ "อ่านเพิ่มเติม")
หรือถ้ามองจากอีกด้านหนึ่งคุณจะเสียอะไรจากหน้าปัจจุบันของคุณ ดีฉันจะพูดว่า "ส่วนใหญ่ของมัน" แต่สิ่งที่ชัดเจนที่กระโดดขึ้น (นอกเหนือจากการถ่ายโอนข้อมูลเมตาดาต้า) เป็นแบบฟอร์มการเข้าสู่ระบบที่ด้านบน แน่นอนว่าเป็นเรื่องดีที่จะให้ผู้ใช้ที่มีอยู่แล้วสามารถลงชื่อเข้าใช้ได้ง่าย แต่นั่นไม่ได้หมายความว่าคุณจะต้องแสดงแบบฟอร์มเข้าสู่ระบบในแต่ละหน้า ให้ทำในแบบที่ Doodle ทำและเพียงแค่มีแบบฟอร์มการเข้าสู่ระบบแบบป๊อปอัพให้เข้าถึงได้ผ่านลิงก์ (สำหรับผู้ใช้ที่ปิดการใช้งาน JavaScript คุณควรมีหน้าเข้าสู่ระบบแยกต่างหากเป็นเป้าหมายทางเลือกสำหรับลิงก์)
มีอีกหลายสิ่งที่คุณอาจสูญเสียเช่นกันตัวอย่างเช่นในฐานะผู้ใช้ใหม่และผู้ใช้ที่ไม่ลงทะเบียนทำไมฉันจึงเห็นลิงก์ "ลบ" ดูเหมือนว่ามีอะไรบ้าง ฉันสามารถลบหน้าได้หรือไม่ ถ้าใช่ทำไม ? ถ้าไม่ทำไมลิงค์อยู่ที่นั่น?
ในทำนองเดียวกันบันทึกย่อ "(703 คำถามที่มีให้)" คือสิ่งที่ทำให้ไขว้เขวอย่างไร้จุดหมายโดยที่มันดูเหมือนกับองค์ประกอบส่วนต่อประสาน หากคุณต้องการสร้างความประทับใจให้กับผู้เยี่ยมชมในเชิงลึกของไซต์ของคุณให้ระบุว่ามันอยู่ตรงไหน: ในลักษณะที่เหมาะสมน่าประทับใจในพื้นที่เนื้อหา (" เรามี 703 คำถามที่ใช้ได้อยู่และอีกมากมายกำลังมา! ")
ในที่สุดฉันควรทราบว่าทุกอย่างนั้นสัมพันธ์กัน ตัวอย่างเช่นTV Tropesมีอินเทอร์เฟซผู้ใช้ที่น่ากลัว (เหมือนของคุณจริง ๆ ) แต่มันไม่สำคัญเพราะมันประกอบขึ้นด้วยการโหลดและโหลดเนื้อหาที่ยอดเยี่ยมและเชื่อมโยงกันอย่างหนาแน่นเพื่อให้ผู้ใช้ใหม่ส่วนใหญ่ชนะ ' ไม่จำเป็นต้องแตะอินเตอร์เฟสการนำทางเลย จริงๆแล้วมันค่อนข้างธรรมดากับเว็บไซต์ wiki Wikipediaนั้นดีกว่านั้นจริงๆ อย่างไรก็ตามการดักจับคือคุณต้องมีเนื้อหานั้นอยู่แล้ว (หรือฐานผู้ใช้ที่มุ่งมั่นที่จะสร้างมัน) ก่อนที่เอฟเฟกต์จะเริ่มทำงานให้คุณได้
