สำรวจผลกระทบของอารมณ์ในการออกแบบเว็บ

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

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

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

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

ตัวอย่างเช่น หากเราต้องออกแบบเว็บไซต์เพื่อส่งเสริมน้ำอัดลม เราสามารถทำได้สองวิธี:

1. วางผลิตภัณฑ์และตราสินค้าไว้ข้างหน้า
2. ใส่ผลิตภัณฑ์และแบรนด์ในสิ่งแวดล้อมทางอารมณ์ที่เหมาะสม

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

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

ระดับความเข้าใจทางอารมณ์

นักออกแบบได้ศึกษาผลกระทบทางอารมณ์ของเว็บไซต์ตั้งแต่แรกเริ่มของ Web 2.0 เมื่อภาพเคลื่อนไหวที่ซับซ้อนและคลิปที่มีน้ำหนักเบาค่อยๆ เข้ามาแทนที่พื้นที่เสมือน “การออกแบบเพื่ออารมณ์” หนังสือที่ตีพิมพ์โดย แอรอน วอลเตอร์ ในปี 2548 กลายเป็นหนังสือขายดีอย่างรวดเร็วและเป็นคู่มือบนโต๊ะสำหรับนักออกแบบเว็บไซต์หลายคนในสมัยนี้ รวมทั้งตัวฉันเองด้วย

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

1. ระดับอวัยวะภายใน: “ประทับใจ”

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

และจากการประมาณการเบื้องต้นนั้น เราจะยังคงรับรู้ในเชิงบวกต่อเนื้อหาทั้งหมดบนไซต์นั้น ดังนั้นจึงไม่น่าแปลกใจเลยที่การออกแบบอวัยวะภายในที่ดีจะต้องกระตุ้นปฏิกิริยา "ยกนิ้วโป้ง" เท่านั้น

2. ระดับพฤติกรรม: “ทึ่ง”

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

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

3. ระดับการสะท้อน: “มีส่วนร่วม”

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

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

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

ตอนนี้ มาดูกันว่าเครื่องมือใดบ้างที่มีส่วนช่วยในการสร้างการออกแบบภาพที่ดึงดูดอารมณ์

องค์ประกอบของการออกแบบทางอารมณ์

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

1. หนังสือแบรนด์

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

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

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

2. สี

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

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

นอกจากนี้ คุณต้องคำนึงถึงลักษณะเฉพาะทางวัฒนธรรมของแต่ละสี ในญี่ปุ่น สีขาวเป็นสีแห่งความเศร้าโศก และสำหรับคนในตะวันออกกลางแล้ว สีเหลืองมักถูกมองว่าน่าขยะแขยง นี่เป็นบทความที่น่าสนใจและให้ข้อมูลเกี่ยวกับสีที่แสดงในวัฒนธรรมต่างๆ

3. สิ่งแวดล้อม

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

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

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

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