“ ความสง่างามจะเกิดขึ้นได้เมื่อสิ่งที่ไม่จำเป็นถูกทิ้งไปและมนุษย์ค้นพบความเรียบง่ายและมีสมาธิ: ท่าทางที่เรียบง่ายและเงียบขรึมมากขึ้นก็จะสวยงามมากขึ้น” -Paulo Coelho
ภารกิจของนักออกแบบเว็บไซต์คือการสร้างประสบการณ์ของผู้ใช้ที่น่าสนใจช่วยให้ผู้เยี่ยมชมไซต์ทำงานได้สำเร็จและเพิ่ม Conversion ในกระบวนการนี้พวกเขามักจะมุ่งเน้นไปที่ความสวยงามใช้ทางลัดและจบลงด้วยการใช้รูปแบบและแนวโน้มการออกแบบทั่วไป อันตรายในกรณีนี้คือพวกเขาอาจถูกกระแสนิยมได้รับความนิยมดังนั้นจึงเกิดข้อผิดพลาดของ UX โดยทั่วไปเนื่องจากแนวโน้มถูกปรับใช้อย่างไม่เหมาะสม
llc s corp หรือ c corp
เมื่อพูดถึงเว็บผู้คนไม่ต้องการ เรียนรู้ สิ่งที่พวกเขาต้องการ ทำ สิ่งต่างๆ มีตัวอย่างมากมายบนเว็บที่ นักออกแบบ เลือกที่จะมุ่งเน้นไปที่การดึงดูดสายตาเท่านั้นและในการทำเช่นนั้นการใช้งานที่เสียสละ พวกเขาสันนิษฐานว่าเป็นช่วงเวลาที่ 'ว้าว' ซึ่งผลักดันให้การออกแบบมีพลังมากพอที่จะดึงดูดผู้ใช้ แต่น่าเศร้าที่ผู้ใช้ประสบปัญหาในการทำความเข้าใจ UI มีปัญหาอย่างแท้จริงในการใช้งานไซต์และอัตราตีกลับของไซต์เพิ่มสูงขึ้น
เช่น Kate Rutter กล่าวว่า 'น่าเกลียด แต่มีประโยชน์มากกว่าสวย แต่ไม่มีจุดหมาย' กุญแจสำคัญในการใช้รูปแบบและเทรนด์การออกแบบเว็บไซต์อย่างมีประสิทธิภาพคือการหาจุดสมดุลระหว่างสิ่งที่ดูสวยงามและจุดที่เพิ่มมูลค่า
มาดูข้อผิดพลาดทั่วไปของ UX กัน
สูงมากขึ้นเรื่อย ๆ ส่วนหัวเหนียว สามารถเห็นได้บนเว็บไซต์ “ บล็อกการสร้างแบรนด์” และเมนูการนำทางที่มีตำแหน่งคงที่และใช้พื้นที่จำนวนมาก พวกเขาจะติดอยู่ที่ด้านบนของหน้าต่างเบราว์เซอร์ (“ ส่วนหัวแบบเหนียว”) และมักจะปิดกั้นเนื้อหาขณะที่มันเลื่อนอยู่ข้างใต้
ส่วนหัวบางส่วนในเว็บไซต์แบรนด์ใหญ่มีความสูงมากกว่า 150 พิกเซล คุณค่าของพวกเขาอยู่ที่ไหน? องค์ประกอบคงที่เช่นส่วนหัวแบบติดหนึบสามารถมีได้ ประโยชน์ที่แท้จริง แต่นักออกแบบเว็บไซต์ควรใช้ความระมัดระวังเนื่องจากมีปัญหาเกี่ยวกับ UX ที่สำคัญหลายประการที่ต้องพิจารณา
หากตัดสินใจเลือกใช้ส่วนหัวนำทางแบบติดหนึบแล้วควรทดสอบกับผู้ใช้ เป็นความผิดพลาดทั่วไปของ UX ในการลงน้ำและยัดส่วนหัวของการนำทางที่มีเนื้อหา ด้วยส่วนหัวที่คงที่การเรียกดูก็ยังคงสะดวกสบายสำหรับผู้เยี่ยมชม การไม่พบความสมดุลที่เหมาะสมอาจส่งผลให้มีพื้นที่ว่างเล็กน้อยสำหรับเนื้อหาหลักและประสบการณ์ไซต์ที่ไม่สะดวกสบายสำหรับผู้เยี่ยมชม
บางครั้งอาจมีวิธีแก้ปัญหาง่ายๆด้วย CSS: การทำให้ส่วนหัวที่มีความเหนียวโปร่งใสเล็กน้อยผู้คนยังคงสามารถดูเนื้อหาผ่านมันได้ขณะที่พวกเขาเลื่อนซึ่งทำให้พื้นที่เนื้อหามีความสำคัญมากขึ้น
นี่คือตัวอย่างของส่วนหัวแบบเหนียวสูง: หน้าโปรไฟล์ผู้เล่นของ ATP ใน Roger Federer .
ส่วนหัวแบบติดหนึบของไซต์นี้มีความสูงมากกว่า 180px! นั่นคือกว่า 30% ของความสูงทั้งหน้าในแล็ปท็อปบางเครื่องซึ่งเป็นประสบการณ์การใช้งานที่ไม่ดีซึ่งหลีกเลี่ยงไม่ได้
บางคนอาจใช้จอแสดงผลคอมพิวเตอร์ขนาดใหญ่ที่มีความละเอียดสูงซึ่งส่วนหัวนำทางแบบติดหนึบสามารถเร่งความเร็วในการโต้ตอบได้ แต่อุปกรณ์เคลื่อนที่ล่ะ ไม่ต้องสงสัยเลยว่าผู้เยี่ยมชมไซต์จำนวนมากจะเข้าถึงไซต์จากอุปกรณ์เคลื่อนที่ดังนั้นส่วนหัวคงที่อาจไม่ใช่ความคิดที่ดีที่สุด โชคดีที่ เทคนิคการออกแบบที่ตอบสนอง ทำให้สามารถออกแบบโซลูชันที่แตกต่างกันสำหรับแพลตฟอร์มที่แตกต่างกันและยึดติดกับส่วนหัวนำทางแบบติดหนึบซึ่งใช้สำหรับเบราว์เซอร์เดสก์ท็อป
กาแฟกับตำรวจ ไซต์ยังมีส่วนหัวคงที่ แต่มีขนาดเล็กกว่ามากโดยมีความสูงน้อยกว่า 80 พิกเซล
ในกรณีนี้การนำทางส่วนหัวเป็นเนื้อหาที่เหมาะสมสำหรับหน้าจอความละเอียดสูงเนื่องจากช่วยให้การนำทางมีประสิทธิภาพมากขึ้น บนหน้าจอที่มีความละเอียดน้อยกว่านั้นส่วนหัวจะได้รับการแก้ไขเช่นกัน แต่ใช้พื้นที่มากพอสมควร อีกทางเลือกหนึ่งที่ยอดเยี่ยมสำหรับส่วนหัวนำทางที่เหนียวบนมือถือคือเมนูแฮมเบอร์เกอร์ที่มีอยู่ตลอดเวลา แม้ว่ารูปแบบนี้จะไม่ใช่ตัวแก้ปัญหาที่เป็นสากล แต่ก็ทำให้มีพื้นที่ว่างมากขึ้น
แบบอักษรที่บางและเบาบางทุกวันนี้แพร่หลายในแอปบนอุปกรณ์เคลื่อนที่และเว็บไซต์จำนวนมาก ด้วยความก้าวหน้าของเทคโนโลยีหน้าจอและการเรนเดอร์ที่ได้รับการปรับปรุงทำให้นักออกแบบจำนวนมากเลือกใช้เพราะมันดูหรูหราสะอาดตาและทันสมัย อย่างไรก็ตามแบบอักษรแบบบางอาจทำให้เกิดปัญหาในการใช้งานดังนั้นจึงขัดขวาง UX
เป้าหมายของข้อความทั้งหมดในเว็บไซต์คือต้องอ่านได้ง่ายและแบบบางอาจส่งผลต่อความสามารถในการอ่านอย่างจริงจัง ผู้เยี่ยมชมบางคนจะไม่ได้ดูไซต์บนจอแสดงผลที่แสดงผลแบบบางได้ดี แสงบางประเภทนั้นยากที่จะอ่านบน iPhone หรือ iPad ที่มีจอภาพ Retina
เหนือสิ่งอื่นใดข้อความจะต้องชัดเจน หากผู้ใช้ไม่สามารถอ่านคำศัพท์ในแอปของคุณได้ก็ไม่สำคัญว่าตัวอักษรจะสวยงามเพียงใด
แนวทางการเชื่อมต่อกับมนุษย์ของ Apple
Apple อ้างถึงแอพมือถือ แต่หลักการเดียวกันนี้ใช้กับเว็บไซต์ ความชัดเจนเป็นสิ่งจำเป็นไม่ใช่ทางเลือก เพื่อการใช้งานที่ดี ไม่มีจุดที่จะใส่เนื้อหาบนเว็บไซต์หากไม่สามารถอ่านได้
ต่อไปนี้เป็นข้อผิดพลาด UX ทั่วไปที่ควรพิจารณาก่อนใช้ thin type:
แบบอักษรไม่ควรดูดีเท่านั้น แต่ควรอ่านได้ง่ายด้วย เพื่อให้ได้คอนทราสต์และความชัดเจนที่เหมาะสมนักออกแบบควรพยายามหาส่วนผสมที่เหมาะสมที่สุดในการออกแบบของตน ได้แก่ ขนาดน้ำหนักและสี
วิธีที่ดีที่สุดคือทดสอบไซต์บนอุปกรณ์และขนาดหน้าจอต่างๆเพื่อให้แน่ใจว่าข้อความของไซต์ทั้งหมดอ่านได้ชัดเจน
ซึ่งนำเราไปสู่ข้อผิดพลาด UX ทั่วไปถัดไป:
ประเภทที่บางและเบาอาจดูดีในจอภาพราคาแพงและปรับแต่งอย่างประณีตของนักออกแบบหลายคน แต่ผู้ใช้ทั่วไปที่มักจะเห็นการออกแบบของเราในจอแสดงผลที่ราคาถูกกว่าและต่ำกว่ามาตรฐานจะต้องได้รับการพิจารณาด้วย แนวทางปฏิบัติที่ดีที่สุดคือตรวจสอบลักษณะแบบอักษรบนอุปกรณ์หลัก ๆ ทั้งหมด: คอมพิวเตอร์เดสก์ท็อปแล็ปท็อปแท็บเล็ตและสมาร์ทโฟน
ตัวอย่างเช่นในขณะทดสอบการออกแบบอุปกรณ์เคลื่อนที่ให้ผู้เข้าร่วมใช้ไซต์บนอุปกรณ์เคลื่อนที่ในเวลากลางวันผู้ใช้ในโลกแห่งความเป็นจริงจะไม่มีการท่องเว็บและสภาพแสงที่สมบูรณ์แบบเสมอไป หากใช้แบบอักษรแบบบางบนเว็บไซต์มีวิธีง่ายๆในการปรับให้เข้ากับผู้ใช้อุปกรณ์เคลื่อนที่: ระบุแบบอักษรที่หนาขึ้นบนอุปกรณ์เคลื่อนที่เพื่อให้อ่านง่ายขึ้น
การใช้องค์ประกอบคอนทราสต์สีต่ำยังกลายเป็นเทรนด์ในการออกแบบส่วนต่อประสานผู้ใช้ที่ทันสมัย มันเติบโตมาจากเทรนด์การออกแบบที่เรียบง่ายเนื่องจากการลดความเปรียบต่างในบางพื้นที่การออกแบบจะดู“ มินิมอล” นักออกแบบไม่สามารถตัดความซับซ้อนของข้อมูลที่ต้องนำเสนอได้ดังนั้นพวกเขาจึงเล่นกับความเปรียบต่างต่ำในการออกแบบ
เราได้กล่าวถึงฟอนต์บาง ๆ แล้ว แต่ยังมีข้อผิดพลาดที่ใหญ่กว่านั้นคือ a การรวมกัน ของแบบอักษรแสงที่มีคอนทราสต์ต่ำซึ่งขัดขวาง UX อย่างมากเนื่องจากความสามารถในการอ่านที่ไม่ชัดเจน นักออกแบบควรทำทุกอย่างเท่าที่ทำได้เพื่อหลีกเลี่ยงกับดักการใช้งานนี้
Cool Springs การเงิน ใช้ Helvetica รูปแบบบางสำหรับข้อความเนื้อหาบนเว็บไซต์ แม้ว่าจะดูหรูหราและมีส่วนช่วยใน UI ที่สวยงาม แต่ก็อ่านได้ยากในหลายแพลตฟอร์ม แม้ว่าคอนทราสต์ต่ำไม่จำเป็นต้องแย่ แต่ก็อาจส่งผลเสียต่อการใช้งานเว็บไซต์ได้โดยการทำให้ข้อความอ่านยาก
มีเครื่องมือที่ดีสำหรับการตรวจสอบความคมชัดบนเว็บที่เรียกว่า มีสีสัน ซึ่งจะช่วยให้นักออกแบบตั้งค่าความคมชัดของข้อความตาม แนวทางการเข้าถึงเนื้อหาเว็บ . เมื่อนักออกแบบรู้ว่าพวกเขาใช้ความคมชัดของข้อความที่ถูกต้องพวกเขาสามารถปรับสีอื่น ๆ บนเว็บไซต์ของพวกเขาและทำการทดสอบอุปกรณ์ / ผู้ใช้หลาย ๆ อย่างอย่างรวดเร็วเพื่อให้แน่ใจว่าข้อความนั้นอ่านได้
แนวโน้มที่มีความเสี่ยงสูงอีกประการหนึ่งที่เกิดขึ้นบนเว็บคือ“ การจี้แบบเลื่อน” เว็บไซต์ที่ใช้เทรนด์นี้จะควบคุมการเลื่อนหน้า (โดยปกติจะใช้ JavaScript) เมื่อมีคนพบพวกเขาจะไม่สามารถควบคุมการเลื่อนหน้าได้อีกต่อไปและไม่สามารถคาดเดาพฤติกรรมของมันได้ซึ่งอาจทำให้เกิดความสับสนและหงุดหงิดได้ง่าย เป็นการทดลองที่มีความเสี่ยงซึ่งอาจส่งผลกระทบต่อการใช้งานเว็บไซต์และที่เลวร้ายที่สุดคือกระตุ้นให้เกิด“ ความโกรธของคอมพิวเตอร์ .”
บางเว็บไซต์สามารถหลีกเลี่ยงได้ด้วยการไฮแจ็คแบบเลื่อน แต่ไม่ได้หมายความว่าทุกคนจะทำได้ ตัวอย่างเช่นหลาย ๆ นักออกแบบเว็บไซต์ ติดตามไซต์ของ Apple ด้วยการจี้แบบเลื่อนเอฟเฟกต์พารัลแลกซ์และรูปภาพความละเอียดสูงของผลิตภัณฑ์ต่างๆ Apple มีตลาดเป้าหมายแนวคิดที่ไม่เหมือนใครและเนื้อหาพิเศษสำหรับเว็บไซต์ของตน เนื่องจากทุกไซต์มีปัญหาที่ไม่ซ้ำกันจึงต้องมีวิธีแก้ปัญหาเฉพาะที่เหมาะกับปัญหาเหล่านั้นด้วย
เมื่อยืมแนวคิดหรือรูปแบบ UI ที่ทันสมัยคุณควรทดสอบต้นแบบของเว็บไซต์กับผู้ใช้งานจริงเพื่อหลีกเลี่ยงปัญหา UX การทดสอบการใช้งานอย่างง่ายจะเปิดเผยว่าการใช้งานการจี้แบบเลื่อนเช่นเป็นไปได้หรือไม่ โดยไม่ต้องทดสอบ นักออกแบบ ไม่มีทางรู้ได้ว่าการจี้แบบเลื่อนจะได้ผลหรือไม่และการตั้งสมมติฐานมักมีค่าใช้จ่ายสูง
Tumblr ซึ่งเป็นไซต์บล็อกส่วนตัวยอดนิยมใช้การไฮแจ็คแบบเลื่อนบนหน้าแรกของตน แม้ว่าการทำเช่นนี้อาจมีความเสี่ยง แต่ก็ปลอดภัยที่จะถือว่าพวกเขารู้จักกลุ่มเป้าหมายของตนเป็นอย่างดีและประสบการณ์การใช้งานที่ยอดเยี่ยมและทันสมัยที่พวกเขาต้องการนำเสนอ เมื่อผู้เยี่ยมชมไซต์เริ่มเลื่อนการเลื่อนจะถูกไฮแจ็คและผู้คนจะถูกนำไปยังส่วนถัดไป
หน้าเลื่อนแบบยาวแบ่งออกเป็นหลายส่วนซึ่งแยกแยะได้ด้วยสีอิ่มตัวปริมาณมากและจุดตัวบ่งชี้ที่โดดเด่นทางด้านซ้ายของหน้าต่าง ด้วยเหตุนี้หน้าแรกของ Tumblr จึงให้ความรู้สึกเหมือนว่าผู้เข้าชมภาพหมุนแนวตั้งขนาดใหญ่สามารถควบคุมได้แทนที่จะเป็นเว็บไซต์ทดลองที่ไม่พึงประสงค์ด้วยความคิดของตัวเอง
ภาพหมุน - สไลด์โชว์สำหรับการหมุนเวียนเนื้อหาที่หลากหลายเป็นสิ่งที่พบเห็นได้ทั่วไปบนเว็บโดยเฉพาะอย่างยิ่งในหน้า Landing Page และหน้าแรก แม้ว่าจะมีประโยชน์ แต่ก็มีปัญหาในการใช้งานมากมายดังนั้นจึงถือว่าเป็นข้อผิดพลาด UX ทั่วไปอีกประการหนึ่ง ให้เป็นไปตาม กลุ่ม Nielsen Norman : ' ผู้คนมักจะเลื่อนผ่านภาพขนาดใหญ่เหล่านี้ในทันทีและพลาดเนื้อหาทั้งหมดที่อยู่ในนั้น .” อาจส่งผลเสียต่อ UX เนื่องจากผู้เยี่ยมชมอาจไม่เห็นเนื้อหาที่มีคุณค่าในสไลด์หมุนบางส่วน
หากทำถูกต้องภาพหมุนสามารถดึงดูดผู้ใช้ด้วยภาพที่โดดเด่นขนาดใหญ่ ปัญหาคือภาพหมุนมักไม่ได้เพิ่มมูลค่าเพิ่มเติมใด ๆ แต่มีไว้เพื่อการตกแต่งเท่านั้นและรวมไว้เพียงเพราะคนอื่นใช้มัน วิธีทดสอบว่าภาพหมุนของไซต์เหมาะสมหรือไม่: เขียนประโยชน์สามประการที่ภาพหมุนให้สำหรับผู้เข้าชม หากไม่พบประโยชน์ที่มีความหมาย 3 ประการก็จะไม่เพิ่มมูลค่าใด ๆ
ข้อมูลสำคัญในภาพหมุนของเว็บไซต์อาจยังคงซ่อนอยู่หากไฟล์ ต่อไป และ ก่อนหน้านี้ ลูกศรไม่สามารถค้นพบได้ การควบคุมควรเข้ากันได้กับการแตะสำหรับมือถือ
มักจะไม่มีลูกศรควบคุมม้าหมุน รวมเฉพาะจุดตัวบ่งชี้สไลด์เพื่อเลื่อนสไลด์ อย่างไรก็ตามมักมีคอนทราสต์ต่ำมีความสามารถในการค้นพบต่ำและไม่มีขนาดใหญ่พอที่คลิกได้หรือ พื้นที่แตะได้ . เป้าหมายที่คลิกได้เพียงเล็กน้อยอาจทำให้ UX ไม่ดีผู้เยี่ยมชมเว็บไซต์ที่ผิดหวังและออกจากเว็บไซต์อย่างรวดเร็ว
ตัวอย่างเช่นไฟล์ มูลนิธิลองฟอเรสต์ เว็บไซต์มีภาพหมุนที่หมุนได้ในหน้าแรก ตั้งค่าให้เล่นอัตโนมัติและหมุนภาพห้าภาพ อย่างไรก็ตามลูกศรก่อนหน้าและลูกศรถัดไปมีขนาดเล็กและโปร่งใสทำให้มองเห็นได้ยากและยากต่อการคลิก ไม่มีตัวบ่งชี้สำหรับผู้เข้าชมสไลด์และไม่มีป้ายกำกับเพื่อบ่งบอกถึงสิ่งที่รูปภาพแสดง รูปภาพไม่ใช่ลิงก์และเป็นการตกแต่งที่บริสุทธิ์ แม้ว่าภาพหมุนประเภทนี้อาจมีคุณค่าในการดึงดูดผู้เข้าชม แต่โดยรวมแล้วก็เป็นที่ต้องการอย่างมาก
แนวโน้มการออกแบบเว็บไซต์หากไม่ได้รับการพิจารณาอย่างรอบคอบและนำไปใช้ด้วยความระมัดระวังอาจนำไปสู่ข้อผิดพลาด UX ทั่วไปหลายประการ นักออกแบบ UX ควรใช้วิจารณญาณที่ดีที่สุดและอย่ากลัวที่จะสร้างสรรค์สิ่งใหม่ ๆ แต่เพื่อให้แน่ใจว่าเว็บไซต์มีการใช้งานที่ยอดเยี่ยมมันจะให้บริการพวกเขาได้ดีในการทดสอบการออกแบบอย่างละเอียดกับผู้ใช้จริง
ในกระแสความนิยมอย่างมากในการออกแบบเว็บสิ่งต่างๆในสมัยนิยมเกิดขึ้นไม่หยุดหย่อน ท่ามกลางความสับสนวุ่นวายนี้การใช้สุนทรียศาสตร์ประสิทธิภาพและการใช้งานอย่างสมดุลมีส่วนสำคัญในการแยกแยะเทรนด์ UX ที่พิสูจน์แล้วว่าแข็งแกร่งที่สุดและได้รับการยอมรับจากผู้ใช้มากที่สุด
นักออกแบบเว็บไซต์สามารถสร้างโทนสีที่เจ๋งที่สุดแอนิเมชั่นการเลื่อนที่น่าสนใจที่สุดหรือเอฟเฟกต์พารัลแลกซ์ที่ยอดเยี่ยมที่สุด แต่ถ้าการโต้ตอบของมนุษย์ได้รับผลกระทบ UX จะไม่ดีและผู้คนก็จะเดินต่อไปอย่างรวดเร็ว เว็บไซต์อื่นเพียงไม่กี่คลิก
•••โดยทั่วไปส่วนหัวคงที่หมายถึงแถบนำทางในตำแหน่งคงที่ในการออกแบบเว็บที่ 'เกาะติด' ที่ด้านบนของหน้าต่างเบราว์เซอร์ อย่างไรก็ตามเป็นความผิดพลาดทั่วไปในการใช้ UX โดยไม่ได้ดูว่าจะส่งผลต่อการใช้งานเว็บไซต์อย่างไรโดยเฉพาะบนอุปกรณ์เคลื่อนที่ ไม่ควรใช้กับเบราว์เซอร์บนมือถือ
การออกแบบที่ตอบสนองในการออกแบบเว็บมีประโยชน์มากมาย สามารถพัฒนาได้ครั้งเดียวแทนที่จะเป็นหลายเวอร์ชันสำหรับอุปกรณ์ที่แตกต่างกันและเว็บไซต์ที่ตอบสนองจะปรับให้เข้ากับขนาดหน้าจอและความละเอียดทั้งหมดไม่เพียง แต่บนเดสก์ท็อป แต่ยังรวมถึงมือถือแท็บเล็ตและบางครั้งแม้แต่ทีวี
เหตุผลที่เราต้องการการออกแบบเว็บไซต์ที่ตอบสนองได้นั้นเป็นเพราะธุรกิจที่ไม่มีไซต์บนมือถือจะถูกทิ้งไว้เบื้องหลัง ผู้เยี่ยมชมเว็บไซต์ส่วนใหญ่จะเลิกมีส่วนร่วมกับเว็บไซต์ที่แสดงผลบนอุปกรณ์ของตนได้ไม่ดี ยิ่งไปกว่านั้น Google ยังจัดอันดับเว็บไซต์ที่ไม่ตอบสนองต่ำกว่าในการค้นหาของตน
น้ำหนักแบบอักษรปกติหมายถึงการกำหนดน้ำหนัก (ความหนา) ของแบบอักษรและหมายถึงลักษณะปกติของแบบอักษร น้ำหนักแบบอักษรอื่น ๆ อาจมีน้ำหนักมากตัวหนากึ่งหนาบางเบา ฯลฯ ซึ่งหมายถึงตัวแปรประเภทความหนาของแบบอักษรปกติ
ความคมชัดของสีคือความแตกต่างของภาพระหว่างสองสี วิธีที่ดีในการดูคอนทราสต์คือใส่สีหนึ่งทับอีกสีหนึ่ง หากสีมีคอนทราสต์สูงก็จะแยกสีออกจากสีอื่นได้ง่าย หากมีคอนทราสต์ต่ำก็จะดูกลมกลืนกัน คอนทราสต์มีความสำคัญต่อการเข้าถึงสี
ข้อกำหนดประการแรกสำหรับประสบการณ์การใช้งานที่ยอดเยี่ยมคือการตอบสนองความต้องการที่แท้จริงของลูกค้าโดยไม่ต้องยุ่งยากหรือรำคาญใจ ประสบการณ์ผู้ใช้ที่ยอดเยี่ยมมอบสิ่งที่ผู้คนต้องการในสถานที่ที่ถูกต้องในเวลาที่เหมาะสมในทางที่ถูกต้องและเป็นสิ่งที่จำเป็นหากการออกแบบผลิตภัณฑ์ดิจิทัลจะประสบความสำเร็จ