วิธีวางแผนเชิงกลยุทธ์สำหรับการออกแบบ UX ที่มีข้อมูลจำนวนมาก

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

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

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

แล้วคุณจะทำอย่างไรให้สมดุล?

วิธีที่แอปพลิเคชันนำเสนอข้อมูลมีบทบาทอย่างมาก ซึ่งเป็นจุดที่นักออกแบบ UX เข้ามามีบทบาท

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

ฉันจะละทิ้งภาษาที่ดีที่สุดสำหรับการออกแบบแอปพลิเคชันข้อมูลขนาดใหญ่ออกจากการสนทนานี้ไปก่อน

ต่อไปนี้เป็นวิธีการออกแบบสำหรับ UX ที่มีข้อมูลจำนวนมาก:

วิธีออกแบบแอปพลิเคชัน Big Data ที่ยอดเยี่ยมที่ลูกค้าชื่นชอบ

บางทีจุดเริ่มต้นที่ดีที่สุดคือการถามว่าลูกค้าของคุณคือใคร

บางทีคุณอาจสร้างแดชบอร์ดที่สวยงามและส่งมอบให้ลูกค้าตรงเวลาเพียงเพื่อให้พวกเขาถามว่า "แล้วฉันจะทำ X, Y และ Z ได้ที่ไหน"

อุ๊ย! มันต้องเจ็บแน่ๆ

1. ใช้บุคลิกของผู้ใช้ในการออกแบบแดชบอร์ดที่ขับเคลื่อนด้วยข้อมูลที่มีประโยชน์

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

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

พวกเขาทำมันได้อย่างไร?

Erik Klimcz หัวหน้าฝ่ายออกแบบอาวุโสของ Uber และ Advanced Technologies Group ได้แบ่งปันเคล็ดลับที่นำไปใช้ได้จริงบนสื่อ เขาแนะนำว่านักออกแบบ UX จำเป็นต้องระบุก่อน จากนั้นจึงกำหนดผู้ใช้หรือลักษณะเฉพาะสำหรับทุกโครงการ

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

นั่นจะทำให้การออกแบบมีประโยชน์ต่อผู้ใช้ปลายทาง กลุ่มเป้าหมายของคุณ—ลูกค้าหลักของคุณ

นี่คือภาพประกอบ:

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

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

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

ตัวอย่างเช่น:

คุณสามารถออกแบบอินโฟกราฟิกประเภทหนึ่งที่เติมข้อมูลตามรายการส่วนตัวของผู้ใช้

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

ตัวอย่างหนึ่งคือในการบริการลูกค้า ซึ่งตัวแทนฝ่ายบริการลูกค้าสามารถป้อนชื่อหรือหมายเลขของลูกค้าเพื่อรวบรวมข้อมูลเพิ่มเติมเกี่ยวกับพวกเขา

คุณสามารถค้นหาเครื่องมือสร้างภาพข้อมูลเชิงโต้ตอบประเภทนี้ได้ที่ Mahfix for You vs John Paulson อนุญาตให้คุณป้อนตัวเลข จากนั้นจะรายงานข้อมูลกลับตามข้อมูลที่คุณป้อน สวยเนียนกริ๊บ!

2. ใช้งานได้เหนือสไตล์: รักษาความเรียบง่าย ชัดเจน และสง่างาม

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

อินเทอร์เฟซต้องชัดเจนจึงจะใช้งานได้ “ความชัดเจนคืองานอันดับ 1” ตามคำพูดของ Joshua Porter นักออกแบบ UX ที่มีผลงานมากมาย

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

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

ซึ่งจะขึ้นอยู่กับกรณีลูกค้า/ผู้ใช้ของคุณ

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

อย่างไรก็ตาม มีเพียงสี่เครื่องมือในการนำเสนอข้อมูลเท่านั้นที่คุณจำเป็นต้องใช้:

• แผนภูมิเส้นสำหรับแสดงข้อมูลที่ต่อเนื่อง เช่น การเปลี่ยนแปลงบางอย่างเมื่อเวลาผ่านไป
• ตารางสำหรับแสดงข้อมูลสรุป
• ฮิสโตแกรมสำหรับแสดงการแจกแจงของตัวแปรและวางแผนข้อมูลเชิงปริมาณเป็นช่วงๆ
• กราฟแท่งสำหรับแสดงข้อมูลแยก เปรียบเทียบตัวแปร และวางแผนข้อมูลแยกประเภท

แต่คุณสามารถทำได้มากกว่าแค่ความสามารถในการใช้งานเพื่อสร้างส่วนต่อประสานข้อมูลที่น่าดึงดูดใจ

นี่คือวิธีหนึ่งที่จะทำ:

ดียิ่งกว่านั้น การออกแบบสำหรับอินเทอร์เฟซที่มีข้อมูลจำนวนมากสามารถทำได้ง่ายกว่า:

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

3. ผสมผสานวัสดุและการออกแบบแนวราบ—ฟังก์ชั่นเหนือรูปแบบ

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

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

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

4. การเข้าถึงมากกว่าความสวยงาม

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

• เข้าใจอย่างชัดเจนว่าข้อมูลใดสำคัญที่สุด
• เข้าใจการไหลของข้อมูลเชิงตรรกะที่นำเสนอ
• ทำความเข้าใจความหมายของข้อมูล
• ทำความเข้าใจว่าขั้นตอนต่อไปที่ต้องทำคืออะไร

เราจะแยกแต่ละองค์ประกอบเหล่านี้ออกอย่างไร

ผู้ใช้ควรทราบว่าข้อมูลใดมีความสำคัญที่สุด

หลักการออกแบบ UX ที่สำคัญประการหนึ่งคือการสังเกตและนำลำดับชั้นของข้อมูลไปใช้ ในกรณีนี้คือลำดับชั้นภาพ

กล่าวคือ การออกแบบที่จัดลำดับความสำคัญของเมตริกที่เหมาะสม

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

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

ผู้ใช้ควรสามารถเข้าใจการไหลของข้อมูลเชิงตรรกะได้

ความเรียบง่ายมีบทบาทสำคัญในการช่วยให้ผู้ใช้เชื่อมโยงข้อมูลกับผลลัพธ์บางอย่าง

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

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

ต่อไปนี้เป็นสองวิธีที่จะช่วยให้มีกระแส:

ซ่อนข้อมูลเพิ่มเติม

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

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

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

ใช้ภาพเคลื่อนไหวโฮเวอร์

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

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

ยังมีวิธีอีกมากมายในการใช้แอนิเมชันเพื่อมอบแอปพลิเคชันที่มีประโยชน์และใช้งานข้อมูลจำนวนมาก

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

ผู้ใช้ควรสามารถเข้าใจความหมายของข้อมูลได้

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

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

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

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

บ่อยครั้งที่ลูกค้าจะขอแดชบอร์ดประเภทนี้ แต่คุณควรรู้ดีกว่านี้

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

ผู้ใช้ควรสามารถเข้าใจขั้นตอนต่อไปได้

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

5. อนุญาตให้มีการปรับปรุง

สุดท้าย แต่ไม่ท้ายสุด คุณจะต้องทำให้การออกแบบของคุณคล่องตัว

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

ประเด็นที่สำคัญ

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

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

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

มีเคล็ดลับใดที่คุณปฏิบัติตามในการออกแบบ UI การแสดงข้อมูลที่ยอดเยี่ยมและต้องการแบ่งปันหรือไม่

แจ้งให้เราทราบในส่วนความคิดเห็นด้านล่าง