อิทธิพลกับการออกแบบ – คู่มือสีและอารมณ์

เห็นแดง. รู้สึกฟ้า. เขียวด้วยความอิจฉา

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

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

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

มีสีที่เป็นบวกและลบหรือไม่?

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

ถึงกระนั้น ความสัมพันธ์เหล่านั้นก็ไม่ใช่กฎที่ยากและรวดเร็ว ตัวอย่างเช่น สีแดง (สีโทนร้อน) อาจทำให้รู้สึกโกรธหรืออันตราย (พิจารณาบทพูดคนเดียวของ Holly Golightly เกี่ยวกับ "สีแดงที่ร้ายกาจ" ใน Breakfast at Tiffany's ) ในขณะที่สีเขียว (สีโทนเย็น) อาจทำให้นึกถึงการเติบโตและการเริ่มต้นใหม่ นี่เป็นเหตุผลหนึ่งว่าทำไมจิตวิทยาสีและทฤษฎีสีจึงซับซ้อน มีปัจจัยที่ดูเหมือนไม่มีที่สิ้นสุดที่สามารถมีอิทธิพลต่อการรับรู้สีและผลกระทบต่อพฤติกรรมและความคิดของมนุษย์

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

เป็นสิ่งสำคัญที่นักออกแบบจะต้องใส่ใจว่าสีในจานสีของพวกเขาทำงานประสานกันอย่างไร และสีแต่ละสีมีอิทธิพลต่อสีอื่นๆ ที่อยู่รอบๆ อย่างไร

ผลกระทบทางจิตวิทยาของสี

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

สิ่งที่น่าสนใจอย่างหนึ่งที่ควรทราบด้วยสีโทนอุ่นคือสีหลักสองในสามสี (สีแดงและสีเหลือง) เป็นสีโทนร้อน โดยมีสีส้ม ซึ่งเป็นสีรองซึ่งเป็นการผสมกันของสีทั้งสอง ซึ่งหมายความว่าโดยส่วนใหญ่แล้ว โทนสีอบอุ่นจะเป็นสีโทนอุ่นเท่านั้น กล่าวคือ สีหลัก และไม่สามารถผสมจากสีอื่นได้

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

สีเขียว โดยเฉพาะรุ่นที่สว่างกว่าและสว่างกว่า สามารถเชื่อมโยงกับชีวิตและพลังงานบวก สีม่วง โดยเฉพาะอย่างยิ่งเมื่อมันสว่างกว่า (เช่น fuschia) หรือสีอ่อนกว่า (เช่นลาเวนเดอร์) อาจเป็นสีที่มีชีวิตชีวามาก

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

ผลกระทบของสีต่อพฤติกรรมผู้บริโภค

สีสามารถส่งผลต่ออารมณ์หรือความคิดของบุคคล แต่จะส่งผลต่อพฤติกรรมของพวกเขาด้วยหรือไม่

ใช่อย่างแน่นอน

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

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

ต่อไปนี้เป็นบทสรุปโดยย่อว่าแต่ละเฉดสีส่งผลต่อพฤติกรรมผู้บริโภคอย่างไร (ดูข้อมูลโดยละเอียดเพิ่มเติมเกี่ยวกับการใช้สีเพื่อการตลาดได้ในอินโฟกราฟิกนี้จาก Suyati)

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

อีกครั้ง ผลกระทบที่แต่ละสีมีต่อพฤติกรรมผู้บริโภคนั้นได้รับอิทธิพลอย่างมากจากวิธีการใช้และบริบทของเนื้อหา

การสร้างจานสีที่มีประสิทธิภาพทางอารมณ์

นักออกแบบ UX หลายคนคิดว่าสีบางสี “ใช้ไม่ได้” ในบางสถานการณ์ ความคิดแบบนั้นล้าสมัยและไม่มีที่ใดในการออกแบบที่ทันสมัย

มาดูสีสันแห่งปีของ Pantone ประจำปี 2019: Living Coral นี่เป็นเฉดสีที่เข้ม และเป็นสิ่งที่นักออกแบบหลายคนอาจไม่กล้าที่จะใช้สำหรับหลายโครงการ (หมายเหตุ: ฉันไม่ได้สนับสนุนให้กระโดดข้ามกลุ่มนี้เพียงเพื่อเห็นแก่แนวโน้มต่อไปนี้ แต่เป็นจุดเริ่มต้นที่ดีสำหรับการทดสอบ)

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

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

ต่อไปนี้คือตัวอย่างจานสีสี่แบบที่รวม Living Coral เข้ากับอุตสาหกรรมต่างๆ

สี่จานสีที่แตกต่างกัน สี่ความรู้สึกที่แตกต่างกันโดยสิ้นเชิง การทดลองประเภทเดียวกันสามารถทำได้แทบทุกสี

อีกวิธีหนึ่งในการผสมผสานสีที่ดูเหมือนไม่เข้ากันในการออกแบบคือการเปลี่ยนค่าของเฉดสีโดยเพิ่มสีดำ สีเทา หรือสีขาวเข้าไป

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

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

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

บทสรุป

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

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

•••

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• สเปกตรัมของความเป็นไปได้: Go-To UI Color Guide
• จิตวิทยาการออกแบบและประสาทวิทยาศาสตร์ของ Awesome UX
• สาเหตุและผลกระทบ – สำรวจจิตวิทยาสี
• ออกแบบเพื่ออารมณ์เพื่อเพิ่มการมีส่วนร่วมของผู้ใช้
• บทบาทของสีใน UX