3 เคล็ดลับ Google Data Studio ขั้นสูงที่คุณต้องรู้

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

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

เอาล่ะ เข้าเรื่องกันเลย – 3 เทคนิคที่เราจะพูดถึงมีดังนี้

1. แถบนำทางด้านข้างแบบกำหนดเอง
2. ภาพสรุปเมตริก
3. ภาพลวงตาของความเร็ว

1. แถบนำทางด้านข้างแบบกำหนดเอง

หากคุณพิมพ์ 'แดชบอร์ด' ลงใน Google และทำการค้นหารูปภาพ คุณอาจสังเกตเห็นคุณลักษณะทั่วไปทั่วๆ ไป – แถบนำทางด้านข้าง

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

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

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

การออกแบบ:

1. เพิ่มสี่เหลี่ยมสีขาวทางด้านซ้ายของรายงาน – ทำให้ระดับรายงานนี้
2. เพิ่มคุณสมบัติการออกแบบที่เกี่ยวข้อง (โลโก้ แถบแนวนอนด้านบน ส่วนหัวของรายงาน เงาขอบ) - สร้างระดับรายงานเหล่านี้
3. เพิ่มกล่องข้อความสำหรับชื่อหน้าที่ต้องการ – สร้างระดับรายงานเหล่านี้
4. เพิ่มวงกลมสีเทาอ่อนข้างชื่อหน้าทั้งหมด – สร้างระดับรายงานเหล่านี้
5. สุดท้าย สำหรับหน้าที่คุณกำลังดูอยู่ ให้เพิ่มวงกลมสีและเส้นข้างชื่อและปล่อยให้เป็นระดับหน้า เนื่องจากจะต้องย้ายแต่ละหน้า

ฟังก์ชั่น:

1. เพิ่มกล่องข้อความ
2. ในโหมดแก้ไข ให้คลิกช่องข้อความแล้วคลิกไอคอน 'แทรกลิงก์' ในแถบด้านข้างคุณสมบัติข้อความ แล้วเลือกหน้าที่คุณต้องการให้ลิงก์ไป ตั้งค่าข้อความที่แสดงเป็นศูนย์จำนวนมาก
3. วางและปรับขนาดกล่องข้อความเหนือชื่อหน้าในแถบด้านข้างที่ตรงกัน
4. จากนั้น ทำการเปลี่ยนแปลงต่อไปนี้ในแถบด้านข้าง:
   • ตั้งค่าโอเวอร์โฟลว์เป็นซ่อน
   • เปลี่ยนความทึบของพื้นหลังเป็น 0%
   • ลดช่องว่างด้านซ้าย ด้านขวา และด้านบนเป็น 0% และความสูงของเส้นเป็น 0px
   • กำหนดขนาดตัวอักษรให้เล็กที่สุด
5. ทำให้ระดับรายงานนี้ ดังนั้นคุณจำเป็นต้องเปลี่ยนแปลงในหน้าเดียวเพื่อให้มีผลกับหน้าอื่นๆ ทั้งหมด
6. จากนั้นคุณสามารถคัดลอกและวางบนหัวเรื่องถัดไป โดยเปลี่ยนเฉพาะหน้าที่อ้างอิงไฮเปอร์ลิงก์เท่านั้น
7. สิ่งสำคัญที่ควรทราบ – หากทำทั้งหมดนี้พร้อมกัน ไฮเปอร์ลิงก์อาจเปลี่ยนกลับเป็นลิงก์เก่าต่อไป น่าเสียดายที่เป็นพฤติกรรมปกติ ดังนั้นโปรดตรวจสอบให้แน่ใจว่าได้ตั้งค่าไว้ตลอดสองสามวัน เมื่อตั้งค่าแล้ว จะไม่เปลี่ยนกลับอีกในอนาคต

เมื่อทำได้แล้ว คุณสามารถขยายวิธีการนี้เพื่อปรับปรุงแดชบอร์ดของคุณ! จุดประสงค์หลักเบื้องหลังการรวมแถบด้านข้างเข้ากับแดชบอร์ดคือขอบที่สวยงามและความคุ้นเคย คุณสามารถหาตัวอย่างแดชบอร์ดของ Google Data Studio เพิ่มเติมได้ในบล็อกที่แล้ว ซึ่งอ้างอิงถึง 'Laws of UX' และวิธีใช้ประโยชน์จากมันในขณะที่สร้างแดชบอร์ด ซึ่งครอบคลุมทั้งกฎของยาคอบและกฎความสามารถในการใช้งานด้านสุนทรียศาสตร์ในคราวเดียว

2. ภาพสรุปเมตริก

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

ตัวอย่างเช่น คุณต้องการดูเซสชันเฉพาะ เราจำเป็นต้องสร้างข้อความเสริมสามรายการแยกกันเพื่อสร้างมุมมองด้านบน นี่คือวิธีที่คุณจะทำเช่นนั้น:

1. รวมหมายเลขดิบและป้ายกำกับ แต่ซ่อนป้ายกำกับเปรียบเทียบ
2. คัดลอกและวางคำบรรยายนี้และทำให้สีแบบอักษรโปร่งใส เปิดใช้งานการเปรียบเทียบช่วงเวลาและเลือก 'ช่วงเวลาก่อนหน้า'
3. สุดท้ายให้คัดลอกอีกครั้ง แต่เปลี่ยนจากช่วงก่อนหน้าเป็นปีที่แล้ว

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

3. ภาพลวงตาของความเร็ว

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

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

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

สรุป

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