หลักการของเกสตัลต์: การทำความเข้าใจถึงความสำคัญในการออกแบบรายงาน

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

ในการเป็นนัก ออกแบบที่ดี เราต้องเข้าใจและใช้พลังของจิตวิทยาในการรับรู้ภาพ บางคนมีปฏิกิริยาอย่างไรต่อการออกแบบเมื่อพวกเขาเห็นมัน? จิตของเราตีความอย่างไร?

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

สารบัญ

• การประมวลผลแบบเกสตัลท์
• การประมวลผลล่วงหน้า
• ความสำคัญของหลักเกสตัลท์
• การใช้หลักเกสตัลต์ในการเล่าเรื่อง
• หลักการของความคล้ายคลึงกัน
• การใช้หลักการ Gestalt ในรายงาน LuckyTemplates
• บทสรุป

การประมวลผลแบบเกสตัลท์

เกสตัลต์คือกลุ่มของหลักการรับรู้ทางสายตาที่พัฒนาขึ้นโดยนักจิตวิทยาชาวเยอรมันในปี ค.ศ. 1920 มันถูกสร้างขึ้นบนทฤษฎีที่ว่าทั้งหมดที่ไม่มีการรวบรวมกันถูกมองว่าแตกต่างจากผลรวมของส่วนต่างๆ

ลองมาเป็นตัวอย่าง เมื่อคุณมองภาพด้านล่าง คุณเห็นอะไร? คุณเห็นจักรยานหรือคุณเห็นส่วนประกอบทุกชิ้นแยกจากกัน? แล้วทางด้านขวาคุณเห็นอะไร? คุณเห็นสุนัขหรือคุณเห็นจุดแยกบนหน้าจอหรือไม่?

คุณอาจจะพูดว่าจักรยานกับสุนัข เพราะสมองของเรามองหาเบาะแสที่คุ้นเคยและพยายามทำให้มันง่ายขึ้น

การประมวลผลล่วงหน้า

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

เช่นเดียวกับจิตวิทยา มันมุ่งเน้นไปที่วิธีที่เรารับรู้สิ่งต่างๆ เรารับรู้สิ่งเร้าที่เกี่ยวข้องกับกันและกันและบริบทของพวกเขา

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

โดยพื้นฐานแล้ว สมองของเราจะบังคับให้เราลดความโกลาหลที่เกิดจากข้อมูลที่ถูกโจมตีจากหลายๆ ส่วน และพยายามสร้างความสัมพันธ์จากกลุ่ม แล้วกำหนดส่วนเหล่านี้ให้กับกลุ่ม

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

ความสำคัญของหลักเกสตัลท์

เหตุ ใดจึงสำคัญที่ต้องเข้าใจกฎแห่งการรับรู้เมื่อทำงานในการแสดงข้อมูล

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

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

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

การใช้หลักเกสตัลต์ในการเล่าเรื่อง

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

หลักการของความคล้ายคลึงกัน

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

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

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

ในตัวอย่างนี้ เราจะจัดกลุ่มองค์ประกอบต่างๆ เข้าด้วย กันตามรูปร่าง

สำหรับตัวอย่างนี้ เราจะจัดกลุ่มองค์ประกอบ ต่างๆเข้าด้วยกันตามสี

คุณสมบัติเพิ่มเติมอีกประการของหลักการความคล้ายคลึงกันคือความผิดปกติ

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

ในกรณีนี้ เพื่อให้ดูโดดเด่นจริงๆ เราใช้สี รูปร่าง และการวางแนวที่แตกต่างกัน

การใช้หลักการ Gestalt ในรายงาน LuckyTemplates

มาดูตัวอย่างบางส่วนเกี่ยวกับวิธีที่เราสามารถใช้หลักการภายในรายงานLuckyTemplates ของเรา

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

จุดสำคัญอีกจุดอยู่ที่ส่วนล่างของหน้าจอ นอกจากนี้ เรายังสามารถเปรียบเทียบสนามบินต่างๆ ด้วยค่าต่ำสุดขั้นต่ำ สูงสุดสูงสุดของวันที่ฝนตกสูงกว่าหนึ่งนิ้ว และเรายังสามารถดูค่าของจำนวนวันที่มีฝนตกในปีที่แล้วได้อีกด้วย

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

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

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

อีกตัวอย่างหนึ่งคือรายงานนี้สร้างโดยJulie Boche นี่เป็นตัวอย่างที่สมบูรณ์แบบของหลักการความคล้ายคลึงกัน

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

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

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

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

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

สุดท้าย นี่คือตัวอย่างของความผิดปกติที่คล้ายคลึงกัน ในรายงานนี้ ฉันต้องการให้คุณดูที่มุมขวาบนของหน้าจอ นี่คือตัวอย่างของความผิดปกติเนื่องจากสีของรูปทรงกลม เมื่อเทียบกับรูปร่างของสิ่งอื่นๆ ในรายงานนี้

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

การแสดงข้อมูลและเฟรมเวิร์กการรายงานที่ได้รับการปรับปรุง
การเล่าเรื่องข้อมูล: การวางแผนอย่างรอบคอบและกระบวนการสร้าง
LuckyTemplates Feature Bookmark Navigator: Tutorial & Review

บทสรุป

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

สิ่งที่ดีที่สุด