ข้อมูลการแสดงภาพ: การออกแบบสำหรับอุปกรณ์เคลื่อนที่ - หุ่น

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

• การออกแบบส่วนติดต่ออุปกรณ์เคลื่อนที่

• การสร้างแอปสำหรับอุปกรณ์เคลื่อนที่

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

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

การออกแบบที่ตอบสนองต่อการตอบสนอง

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

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

ในบทความ Marcotte อ้างถึงสามประเด็นที่ RD สามารถมีผลมากที่สุดในการออกแบบเว็บ:

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

  

  การออกแบบตารางถูกแปลเป็นหน้าจอต่างๆ

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

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

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

ตามมาตรฐานการออกแบบแอ็พ

นักออกแบบไม่เพียง แต่ต้องการอินเตอร์เฟซที่ดูดี แต่ยังต้องการทำทุกอย่าง ด้วยเหตุนี้การออกแบบแอปจึงกลายเป็นระเบียบวินัยแก่ตัวเอง

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

ในบทความ "กฎง่ายๆ 6 ข้อของ Apple สำหรับการออกแบบ Killer iOS App" Pete Pachal อธิบายถึงสิ่งที่เขาต้องทำเพื่อให้ได้แอปข่าว Spun ที่ได้รับการรับรองสำหรับ App Store ของ Apple (ในการเขียนนี้แอปไม่พร้อมใช้งานใน U. S. App Store) ทีมของ Pachal ต้องทำงานร่วมกับ Apple เป็นระยะเวลาห้าเดือนเพื่อให้ทุกอย่างสมบูรณ์แบบ ในช่วงเวลานั้น Pachal ได้จัดทำกฎหกข้อสำหรับทีมงานของเขาซึ่งมี 4 ข้อที่ใช้กับการออกแบบข้อมูล ได้แก่

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

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

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

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