รูปแบบสมาร์ทฟอร์ม

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

ONEWEB รองรับรูปแบบ UI ต่อไปนี้

WYSIWIG Pattern ONEWEB แบบฟอร์มอัจฉริยะใช้รูปแบบ WYSWIG WYSIWYG เป็นตัวย่อของ What You See Is What You Get รูปแบบนี้ช่วยให้ผู้ใช้ทราบได้อย่างชัดเจนว่าเนื้อหาของตนจะมีลักษณะอย่างไรเมื่อเผยแพร่ ช่วยให้ผู้ใช้สามารถดูผลลัพธ์ที่จัดรูปแบบในขณะที่ทำการแก้ไข ซึ่งช่วยเพิ่มความมั่นใจและช่วยให้ได้ผลลัพธ์ที่ดูดีและรวดเร็ว

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

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

• ตรวจสอบการมีอยู่ของเนื้อหา(Validate the presence of content) อย่างน้อยต้องใส่เนื้อหาบางส่วน

• ตรวจสอบการรวมเนื้อหา(Validate the inclusion of content) ข้อความที่ป้อนต้องมีข้อมูลบางอย่างหรือต้องอยู่ในช่วงที่กำหนด

• ตรวจสอบการยอมรับ(Validate acceptance)(หรือข้อกำหนดในการให้บริการเช่น) มักจะมีช่องทำเครื่องหมาย

• ตรวจสอบความยาว(Validate length) ในหลายกรณี รหัสผ่านต้องมีความยาวอย่างน้อย 6 ตัวอักษร

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

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

Calendar Picker ซึ่งช่วยให้ผู้ใช้ค้นหาหรือส่งข้อมูลตามวันที่หรือช่วงวันที่ เพื่อให้ผู้ใช้สามารถเลือกวันที่หรือช่วงวันที่ในการส่ง ติดตาม จัดเรียง หรือกรองข้อมูลได้อย่างง่ายดาย

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

Live Previews การแสดงตัวอย่างแบบสดช่วยให้ผู้ใช้สามารถตรวจสอบว่าการเปลี่ยนแปลงในช่องแบบฟอร์มส่งผลต่อผลลัพธ์สุดท้ายอย่างไรโดยเร็วที่สุด

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

Navigation Tab Design รูปแบบนี้ช่วยให้ผู้ใช้เลือกเนื้อหาที่ต้องแยกออกเป็นส่วนๆ และเข้าถึงได้โดยใช้โครงสร้างการนำทางแบบเรียบ ซึ่งแสดงตำแหน่งปัจจุบันได้อย่างชัดเจน ซึ่งจะมีประโยชน์เมื่อคุณต้องการระบุรายการส่วน/ส่วนย่อยที่มีอยู่สูงสุดบนฟอร์มอัจฉริยะของคุณ และต้องการแสดงข้อมูลเฉพาะเนื้อหาสำหรับแต่ละแท็บ ONEWEB รองรับแท็บทั่วไปและแท็บ 2 ชั้น และแต่ละแท็บสามารถมีหลายโมดูล (1-1) และ (1- Many) ตามความต้องการของผู้ใช้

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