portaldacalheta.pt
  • หลัก
  • ทีมแบบกระจาย
  • เคล็ดลับและเครื่องมือ
  • ชีวิตนักออกแบบ
  • นวัตกรรม
การออกแบบ Ui

การออกแบบ UI ของทีวี: การทำงานกับ White Space



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

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



พื้นที่สีขาวคือเพื่อนของเรา



ก่อนอื่น…

พื้นที่สีขาวคืออะไร?



พื้นที่สีขาว เป็นอสังหาริมทรัพย์ที่ไม่มีใครอยู่โดยมีข้อความหรือกราฟิกเป็นศูนย์อยู่ด้านบน

สิ่งนี้เป็นสิ่งสำคัญที่ควรทราบเนื่องจากภาพกราฟิกพื้นหลังถือได้ว่าเป็นพื้นที่สีขาวตราบเท่าที่ไม่มีสิ่งใดเพิ่มไว้ด้านบน



พื้นที่สีขาวคือ

พื้นที่สีขาวไม่ได้เป็นเพียงสีขาวเสมอไป

ข้อตกลงใหญ่คืออะไร?

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



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

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



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

แฮ็คบัตรเครดิต รายละเอียดทั้งหมด 2018

นักออกแบบทราบดีว่าพื้นที่สีขาวช่วยให้ผู้ใช้โฟกัสและดูดซับเนื้อหาที่ต้องการดูได้



นักออกแบบ UI อิสระเต็มเวลาในสหรัฐอเมริกาต้องการ

พูดว่าใช่กับ White Space

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



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

windows 7 เขียนด้วยภาษาอะไร

ตาม วิจัย จัดทำโดย Human Factors International พื้นที่สีขาวช่วยเพิ่มความเข้าใจของผู้ใช้เกือบ 20%

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

ดูเหมือนว่าอินเทอร์เฟซทีวีออกแบบมาเพื่อก่อให้เกิดความวิตกกังวล

ดูเหมือนว่าอินเทอร์เฟซทีวีออกแบบมาเพื่อก่อให้เกิดความวิตกกังวล


อินเทอร์เฟซทีวีพยายามทำมากเกินไปในเวลาเดียวกัน

อินเทอร์เฟซทีวีพยายามทำมากเกินไปในเวลาเดียวกัน


ดำเนินการอย่างสวยงาม แต่ขาดช่องว่างระหว่างเนื้อหา

ดำเนินการอย่างสวยงาม แต่ขาดช่องว่างระหว่างเนื้อหา


ส่วนต่อประสานกับห้องหายใจ

ส่วนต่อประสานกับห้องหายใจ


อินเทอร์เฟซทีวีที่มีความสมดุลและลำดับชั้นระหว่างองค์ประกอบต่างๆ

อินเทอร์เฟซทีวีที่มีความสมดุลและลำดับชั้นระหว่างองค์ประกอบต่างๆ


อินเทอร์เฟซทีวีที่มีความสมดุลและลำดับชั้นระหว่างองค์ประกอบต่างๆ

อินเทอร์เฟซทีวีที่มีความสมดุลและลำดับชั้นระหว่างองค์ประกอบต่างๆ


เห็นมั้ย?

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

วิธีทำบอทเพลงสำหรับ Discord 2018

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

Hulu ดึงดูดคุณด้วยพื้นที่สีขาวอันน่าทึ่ง

Hulu ดึงดูดคุณด้วยพื้นที่สีขาวอันน่าทึ่ง

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

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

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

ใช้พลังของพื้นที่สีขาวเพื่อยกระดับการออกแบบของคุณและช่วยในการตัดสินใจ

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

การใช้พื้นที่สีขาวอย่างมีประสิทธิภาพ

ต่อไปนี้เป็นตัวอย่างเพิ่มเติมของแอปทีวีที่ใช้พลังของพื้นที่สีขาวที่มีประสิทธิภาพเพื่อสร้างอินเทอร์เฟซที่ใช้งานได้อย่างเพลิดเพลิน

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

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

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

การใช้พื้นที่สีขาวในการออกแบบช่วยให้เนื้อหาของคุณเปล่งประกายบนหน้าจอขนาดใดก็ได้

การใช้พื้นที่สีขาวในการออกแบบช่วยให้เนื้อหาของคุณเปล่งประกายบนหน้าจอขนาดใดก็ได้

•••

อ่านเพิ่มเติมในบล็อกการออกแบบ ApeeScape:

  • eCommerce UX - ภาพรวมของแนวทางปฏิบัติที่ดีที่สุด (พร้อม Infographic)
  • ความสำคัญของการออกแบบที่เน้นมนุษย์เป็นศูนย์กลางในการออกแบบผลิตภัณฑ์
  • ผลงานนักออกแบบ UX ที่ดีที่สุด - กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
  • หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
  • การออกแบบที่คาดหวัง: วิธีสร้างประสบการณ์ผู้ใช้ที่มีมนต์ขลัง

วิศวกรแบ็คเอนด์อาวุโสทีมพอร์ทัลลูกค้า

อื่น ๆ

วิศวกรแบ็คเอนด์อาวุโสทีมพอร์ทัลลูกค้า
CloudI: การนำ Fault-Tolerance ของ Erlang มาสู่การพัฒนา Polyglot

CloudI: การนำ Fault-Tolerance ของ Erlang มาสู่การพัฒนา Polyglot

เทคโนโลยี

โพสต์ยอดนิยม
เอกสาร Agile: การปรับสมดุลความเร็วและการรักษาความรู้
เอกสาร Agile: การปรับสมดุลความเร็วและการรักษาความรู้
ทำลายหลักการออกแบบ (ด้วยอินโฟกราฟิก)
ทำลายหลักการออกแบบ (ด้วยอินโฟกราฟิก)
วิธีจัดโครงสร้างลำดับชั้นการพิมพ์ที่มีประสิทธิภาพ
วิธีจัดโครงสร้างลำดับชั้นการพิมพ์ที่มีประสิทธิภาพ
ฮาร์ดแวร์ที่คล่องตัวพร้อมการพัฒนาซอฟต์แวร์ในตัว
ฮาร์ดแวร์ที่คล่องตัวพร้อมการพัฒนาซอฟต์แวร์ในตัว
วิธีการรวม OAuth 2 เข้ากับ Django / DRF Back-end ของคุณโดยไม่บ้า
วิธีการรวม OAuth 2 เข้ากับ Django / DRF Back-end ของคุณโดยไม่บ้า
 
GWT Toolkit: สร้างส่วนหน้า JavaScript ที่มีประสิทธิภาพโดยใช้ Java
GWT Toolkit: สร้างส่วนหน้า JavaScript ที่มีประสิทธิภาพโดยใช้ Java
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
Libation Frontiers: เจาะลึกอุตสาหกรรมไวน์โลก
Libation Frontiers: เจาะลึกอุตสาหกรรมไวน์โลก
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
พบกับ Phoenix: กรอบงานคล้ายรางสำหรับเว็บแอปสมัยใหม่บน Elixir
พบกับ Phoenix: กรอบงานคล้ายรางสำหรับเว็บแอปสมัยใหม่บน Elixir
โพสต์ยอดนิยม
  • หลักการและองค์ประกอบของการออกแบบ
  • สร้างเอกสารคำจาก xml
  • วิธีสร้างปลั๊กอินเวิร์ดเพรส
  • c คอร์ปอเรชั่น หรือ ส คอร์ปอเรชั่น คืออะไร
  • javascript แปลงการประทับเวลาเป็นวันที่
  • ทำไมเทคโนโลยีที่สวมใส่ได้จึงสำคัญ
หมวดหมู่
  • ทีมแบบกระจาย
  • เคล็ดลับและเครื่องมือ
  • ชีวิตนักออกแบบ
  • นวัตกรรม
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt