รัฐที่ว่างเปล่า – แง่มุมที่ถูกมองข้ามมากที่สุดของ UX

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

สถานะว่างเปล่าคืออะไร?

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

ต่อไปนี้คือตัวอย่างบางส่วนของสถานการณ์สถานะว่างทั่วไป:

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

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

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

ต่อไปนี้คือตัวอย่างบางส่วนของการออกแบบสถานะว่างเปล่าที่พลาดโอกาส:

ประเภทของรัฐที่ว่างเปล่า

ต่อไปนี้คือสี่ประเภทของสถานะว่างที่พบบ่อย:

• การใช้งานครั้งแรก – เกิดขึ้นกับผลิตภัณฑ์หรือบริการใหม่เมื่อยังไม่มีอะไรให้แสดง เช่น บัญชี Evernote หรือ Dropbox ใหม่
• ผู้ใช้เคลียร์ – เกิดขึ้นเมื่อผู้ใช้ดำเนินการต่างๆ เช่น ล้างกล่องขาเข้าหรือรายการงาน และผลลัพธ์คือหน้าจอว่างเปล่า
• ข้อผิดพลาด – สิ่งเหล่านี้เกิดขึ้นเมื่อมีสิ่งผิดปกติเกิดขึ้น หรือเมื่อมีปัญหา เช่น โทรศัพท์มือถือออฟไลน์เนื่องจากปัญหาเครือข่าย
• ไม่มีผลลัพธ์/ไม่มีข้อมูล – เกิดขึ้นเมื่อไม่มีอะไรให้แสดง กรณีนี้อาจเกิดขึ้นได้หากมีผู้ทำการค้นหาและคิวรีว่างเปล่าหรือไม่มีข้อมูลที่จะแสดง (เมื่อกรองช่วงวันที่ที่ไม่มีข้อมูล เป็นต้น)

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

ผู้ใช้ลองใช้แอปจำนวนมาก แต่ตัดสินใจว่าจะ "หยุดใช้" แอปใดภายใน 3-7 วันแรก สำหรับแอปที่ 'ดี' ผู้ใช้ส่วนใหญ่คงอยู่ 7 วันจะอยู่นานกว่ามาก กุญแจสู่ความสำเร็จคือการดึงดูดผู้ใช้ในช่วง 3-7 วันแรกที่สำคัญนั้น – อังกิต เชน

ประโยชน์ของการใช้สภาวะว่างที่ออกแบบมาอย่างดี

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

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

เขาเขียนว่าลูกค้าต้องการ:

1. ประสบการณ์ที่น่าสนใจ
2. โฟกัสส่วนตัว
3. ความจงรักภักดีซึ่งกันและกัน
4. ความแตกต่าง
5. การประสานงาน
6. นวัตกรรม

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

ต่อไปนี้เป็นพื้นที่เพิ่มเติมสามประการที่สามารถได้รับประโยชน์จากการออกแบบสถานะว่างเปล่าที่ดี:

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

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

หลีกเลี่ยง: หน้าจอที่ถูกลืมของการออกแบบ UX

เนื่องจากมีผลในเชิงบวกที่ชัดเจนต่อสภาวะว่างที่ออกแบบมาอย่างดี เหตุใดจึงละเลยตั้งแต่แรก

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

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

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

จะเกิดอะไรขึ้นเมื่อไม่สนใจสถานะว่าง?

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

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

วิธีการเติมหน้าจอว่างด้วยวัตถุประสงค์

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

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

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

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

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

ต่อไปนี้คือตัวอย่างหน้าจอสถานะว่างเปล่าที่มีเนื้อหาเริ่มต้น:

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

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

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับ UX ของรัฐที่ว่างเปล่า – จากภาคสนาม

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

นักออกแบบชั้นนำ: Tamara Olson

สาขาวิชาการออกแบบ: การออกแบบ UX

การออกแบบสถานะว่างเปล่าที่ดีที่คุณเคยทำงานหรือเคยเห็นมีอะไรบ้าง

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

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

คุณเคยมองข้ามความว่างเปล่าหรือไม่ และถ้าเคย ทำไม?

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

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

คุณเคยเห็นความสำเร็จของลูกค้าด้วยการใช้สถานะว่างหรือไม่? ถ้าเป็นเช่นนั้นในทางใด?

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

การใช้สภาวะว่างเปล่าที่ประสบผลสำเร็จมากที่สุดคืออะไร?

ในฐานะที่เป็น "ผู้ไม่มีกล่องจดหมายเข้า" ฉันมีความยินดีเสมอกับภาพประกอบกล่องจดหมายว่างเปล่าของแอป Gmail: บุคคลที่อยู่ใต้ร่ม อ่านหนังสือภายใต้แสงแดด พร้อมคำบรรยายว่า "เสร็จแล้ว!" ในทางเทคนิคแล้ว มันแหกกฎที่ฉันพูดถึงเกี่ยวกับสภาวะว่างเปล่าซึ่งจำเป็นต้องมีการเรียกร้องให้ดำเนินการ แต่ก็ไม่เป็นเช่นนั้น เพราะ CTA อ่อนเกินคือ "เลิกใช้อีเมลแล้วไปใช้ชีวิตให้สนุก" ฉันชอบแบบนั้น.

นักออกแบบชั้นนำ: Michael Clingerman

สาขาวิชาการออกแบบ: การออกแบบผลิตภัณฑ์ SaaS

หากคุณออกแบบสำหรับสภาวะว่าง คุณเห็นประเภทใดบ่อยที่สุด

สถานะว่างที่ฉันคุ้นเคยมากที่สุดคือสถานะข้อผิดพลาด 404/สถานะ และสถานะที่ผู้ใช้ล้าง

คุณเคยเห็นความสำเร็จของลูกค้าด้วยการใช้สถานะว่างหรือไม่? ถ้าเป็นเช่นนั้นในทางใด?

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

การใช้สภาวะว่างเปล่าที่ประสบผลสำเร็จมากที่สุดคืออะไร?

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

บทสรุป

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

• • •

อ่านเพิ่มเติมในบล็อก Toptal Design

• แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบ UI และข้อผิดพลาดทั่วไป
• การออกแบบ UX บนมือถือ – แนวทางปฏิบัติที่ดีที่สุด ข้อจำกัด และการทำงานกับนักพัฒนา
• หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
• อิทธิพลกับการออกแบบ – คู่มือสีและอารมณ์
• หลักการออกแบบและความสำคัญ