portaldacalheta.pt
  • หลัก
  • การทำกำไรและประสิทธิภาพ
  • การออกแบบ Ux
  • เทคโนโลยี
  • การออกแบบตราสินค้า
การออกแบบ Ux

แนวโน้มทั้งหมดคุ้มค่าหรือไม่? ข้อผิดพลาด UX ที่พบบ่อยที่สุด 5 อันดับแรกที่นักออกแบบเว็บไซต์ทำ



“ ความสง่างามจะเกิดขึ้นได้เมื่อสิ่งที่ไม่จำเป็นถูกทิ้งไปและมนุษย์ค้นพบความเรียบง่ายและมีสมาธิ: ท่าทางที่เรียบง่ายและเงียบขรึมมากขึ้นก็จะสวยงามมากขึ้น” -Paulo Coelho

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



llc s corp หรือ c corp

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



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



ข้อผิดพลาดทั่วไปของ UX ทำให้ผู้คนหนีไป

นักออกแบบควรทำทุกวิถีทางเพื่อหลีกเลี่ยงข้อผิดพลาดทั่วไปของ UX และวางสิ่งกีดขวางบนเส้นทางของผู้ใช้

มาดูข้อผิดพลาดทั่วไปของ UX กัน



การออกแบบเว็บไซต์ทั่วไป UX ผิดพลาดหมายเลข 1: ส่วนหัวขนาดใหญ่คงที่

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

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



ส่วนหัวที่มีไขมันขนาดใหญ่เป็นข้อผิดพลาดที่สำคัญของ UX

ส่วนหัวแบบติดหนึบบนไซต์นี้มีความสูงมากกว่า 160 พิกเซลโดยใช้พื้นที่ที่สามารถดูได้มาก

ส่วนหัวของ Sticky Nav อาจใหญ่เกินไปเพื่อความสะดวกสบาย

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



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

นี่คือตัวอย่างของส่วนหัวแบบเหนียวสูง: หน้าโปรไฟล์ผู้เล่นของ ATP ใน Roger Federer .



การนำทางที่ติดหนึบขนาดใหญ่บนเว็บไซต์เป็นหนึ่งในข้อผิดพลาด UX ที่พบบ่อยที่สุด

ส่วนหัวแบบติดหนึบของไซต์นี้มีความสูงมากกว่า 180px! นั่นคือกว่า 30% ของความสูงทั้งหน้าในแล็ปท็อปบางเครื่องซึ่งเป็นประสบการณ์การใช้งานที่ไม่ดีซึ่งหลีกเลี่ยงไม่ได้



ไม่พิจารณาปัญหา UX ของ Sticky Nav Header บนมือถือ

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

กาแฟกับตำรวจ ไซต์ยังมีส่วนหัวคงที่ แต่มีขนาดเล็กกว่ามากโดยมีความสูงน้อยกว่า 80 พิกเซล

ข้อผิดพลาดทั่วไปเกี่ยวกับ UX ที่นักออกแบบเว็บไซต์ทำ

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

นักออกแบบ UX อิสระเต็มเวลาในสหรัฐฯต้องการ

การออกแบบเว็บไซต์ทั่วไป UX ผิดพลาดหมายเลข 2: แบบอักษรบางและเบา

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

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

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

แนวทางการเชื่อมต่อกับมนุษย์ของ Apple

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

ฟอนต์บาง ๆ ยังเป็นข้อผิดพลาดทั่วไปของ UX ในการออกแบบอุปกรณ์เคลื่อนที่

ตัวอย่างแบบอักษรบาง ๆ บนเว็บไซต์บนอุปกรณ์เคลื่อนที่ซึ่งส่งผลเสียต่อความสามารถในการอ่าน

ต่อไปนี้เป็นข้อผิดพลาด UX ทั่วไปที่ควรพิจารณาก่อนใช้ thin type:

ใช้ฟอนต์บางและเบาเพราะอินเทรนด์

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

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

ซึ่งนำเราไปสู่ข้อผิดพลาด UX ทั่วไปถัดไป:

ไม่ได้ทดสอบความชัดเจนของข้อความบนอุปกรณ์หลักทั้งหมด

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

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

ปัญหาประสบการณ์ของผู้ใช้กับเว็บไซต์

ข้อความที่มีความเปรียบต่างต่ำในเว็บไซต์ Apple Music เวอร์ชันเก่า

ข้อผิดพลาด UX ทั่วไปของการออกแบบเว็บไซต์ข้อที่ 3: ข้อความที่มีคอนทราสต์ต่ำ

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

เราได้กล่าวถึงฟอนต์บาง ๆ แล้ว แต่ยังมีข้อผิดพลาดที่ใหญ่กว่านั้นคือ a การรวมกัน ของแบบอักษรแสงที่มีคอนทราสต์ต่ำซึ่งขัดขวาง UX อย่างมากเนื่องจากความสามารถในการอ่านที่ไม่ชัดเจน นักออกแบบควรทำทุกอย่างเท่าที่ทำได้เพื่อหลีกเลี่ยงกับดักการใช้งานนี้

ความคมชัดของข้อความต่ำในสำเนาเนื้อหา

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

ตัวอย่างแนวโน้ม UX ของข้อความคอนทราสต์ต่ำ

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

ไม่ได้ทดสอบความคมชัดของข้อความ

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

การออกแบบเว็บไซต์ทั่วไป UX ผิดพลาดครั้งที่ 4: Scroll Hijacking

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

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

ไม่ได้ทดสอบกับผู้ใช้จริง

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

ปัญหา UX ทั่วไป

Tumblr scroll ขโมยเว็บไซต์และนั่นอาจพิสูจน์ได้ว่าเป็นข้อผิดพลาดทั่วไปของ UX

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

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

ข้อผิดพลาดทั่วไปของ UX อีกประการหนึ่งในการไฮแจ็คการเลื่อนการออกแบบเว็บ

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

การออกแบบเว็บไซต์ทั่วไป UX ผิดพลาดหมายเลข 5: ภาพหมุน

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

ตัวอย่าง UX ที่ไม่ถูกต้องสำหรับภาพหมุนภาพบนเว็บไซต์

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

ภาพหมุนของเว็บไซต์อาจไม่คุ้มค่าสำหรับผู้ใช้

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

ก่อนหน้านี้ และ ต่อไป ลูกศรมีความสามารถในการค้นพบต่ำ

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

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

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

เว็บไซต์ที่มี UX ไม่ดีและ UX การนำทางที่ติดหนึบ

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

สรุป

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

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

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

•••

อ่านเพิ่มเติมในบล็อกการออกแบบ ApeeScape:

  • การออกแบบที่ตอบสนอง - แนวทางปฏิบัติและข้อควรพิจารณาที่ดีที่สุด
  • เข้าใกล้กระบวนการออกแบบเว็บไซต์จากเบราว์เซอร์
  • Coding for Designers - เราควรรู้มากแค่ไหน?
  • UX Design คืออะไร? ความเข้าใจผิดทั่วไปและตำนาน UX
  • แนวทางปฏิบัติที่ดีที่สุดในการออกแบบ UI และข้อผิดพลาดทั่วไป

ทำความเข้าใจพื้นฐาน

ส่วนหัวคงที่คืออะไร?

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

ประโยชน์ของการออกแบบที่ตอบสนองคืออะไร?

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

ทำไมเราต้องออกแบบเว็บที่ตอบสนอง

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

น้ำหนักตัวอักษรปกติคืออะไร?

น้ำหนักแบบอักษรปกติหมายถึงการกำหนดน้ำหนัก (ความหนา) ของแบบอักษรและหมายถึงลักษณะปกติของแบบอักษร น้ำหนักแบบอักษรอื่น ๆ อาจมีน้ำหนักมากตัวหนากึ่งหนาบางเบา ฯลฯ ซึ่งหมายถึงตัวแปรประเภทความหนาของแบบอักษรปกติ

ความคมชัดในทฤษฎีสีคืออะไร?

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

UX ที่ดีคืออะไร?

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

วิธีใช้ประโยชน์จากการวิเคราะห์เฉพาะเรื่องเพื่อ UX ที่ดีขึ้น

การออกแบบ Ux

วิธีใช้ประโยชน์จากการวิเคราะห์เฉพาะเรื่องเพื่อ UX ที่ดีขึ้น
Engineering Internals ของ RAD Framework ... ในฐานะนักพัฒนา PHP กับ Nooku

Engineering Internals ของ RAD Framework ... ในฐานะนักพัฒนา PHP กับ Nooku

ส่วนหน้าของเว็บ

โพสต์ยอดนิยม
Ractive.js - เว็บแอพที่ทำได้ง่าย
Ractive.js - เว็บแอพที่ทำได้ง่าย
การสอน Mirror API: Google Glass สำหรับนักพัฒนาเว็บ
การสอน Mirror API: Google Glass สำหรับนักพัฒนาเว็บ
ตลาดล้านดอลลาร์ดีกว่าตลาดพันล้านดอลลาร์หรือไม่?
ตลาดล้านดอลลาร์ดีกว่าตลาดพันล้านดอลลาร์หรือไม่?
ทำไมฉันต้องใช้ Node.js การสอนเป็นกรณี ๆ ไป
ทำไมฉันต้องใช้ Node.js การสอนเป็นกรณี ๆ ไป
รองประธานองค์กร
รองประธานองค์กร
 
สงครามเย็นแห่งเทคโนโลยี: ยังคงอยู่ที่นี่และยังคงถูกใช้
สงครามเย็นแห่งเทคโนโลยี: ยังคงอยู่ที่นี่และยังคงถูกใช้
ปรับขนาดด้วยความเร็ว: อธิบายเครือข่ายสายฟ้าของ Bitcoin
ปรับขนาดด้วยความเร็ว: อธิบายเครือข่ายสายฟ้าของ Bitcoin
ส่วนประกอบของปฏิกิริยาที่มีประสิทธิภาพ: คำแนะนำในการเพิ่มประสิทธิภาพการตอบสนอง
ส่วนประกอบของปฏิกิริยาที่มีประสิทธิภาพ: คำแนะนำในการเพิ่มประสิทธิภาพการตอบสนอง
คำแนะนำสำหรับนักพัฒนา Android เกี่ยวกับรูปแบบการเรียกดูตัวอย่างข้อมูล
คำแนะนำสำหรับนักพัฒนา Android เกี่ยวกับรูปแบบการเรียกดูตัวอย่างข้อมูล
การรับรองและการประกันการรับประกัน: เครื่องมือการควบรวมกิจการที่ผู้ขายทุกคนควรทราบ
การรับรองและการประกันการรับประกัน: เครื่องมือการควบรวมกิจการที่ผู้ขายทุกคนควรทราบ
โพสต์ยอดนิยม
  • ขั้นตอนสุดท้ายในกระบวนการจัดทำงบประมาณทุนคือ
  • ทับทิมบนรางรถไฟได้รับความนิยมแค่ไหน
  • สัญญาเทียบกับเครื่องคิดเลขเงินเดือนถาวร
  • โครงการเรียนรู้ c++
  • ทำไม android studio ถึงแย่มาก
  • vr เทียบกับ ar เทียบกับ mr
  • การเอาชนะอุปสรรคการสื่อสารข้ามวัฒนธรรม
หมวดหมู่
  • การทำกำไรและประสิทธิภาพ
  • การออกแบบ Ux
  • เทคโนโลยี
  • การออกแบบตราสินค้า
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt