Tips การออกแบบ Android UI/UX: Swiping Tabs Pattern

Tips การออกแบบ Android UI/UX: Swiping Tabs Pattern

Tabs หรือรูปแบบส่วนติดต่อผู้ใช้แบบแท็บ ที่ผู้ใช้สามารถสลับไปมาระหว่างหน้าได้โดยการกดเลือกที่แท็บที่อยู่ด้านบนของจอ ซึ่งการใช้ Tabs ก็เป็น  Pattern ที่เรียกว่าใช้มานานมากตั้งแต่รุ่นแรกสุดของ Android ก็ว่าได้ครับ โดยรูปด้านล่างเป็นตัวอย่างของ Tab ใน Android 2.3 Gingerbread

 

ตัวอย่าง Tabs ใน Android รุ่น Gingerbread 2.3

ตัวอย่าง Tabs ใน Android รุ่น Gingerbread 2.3

 

แต่หลังจากนั้นเป็นต้นมา Tabs ได้วิวัฒนาการเรื่อยมาจนถึงในแอนดรอยด์รุ่นปัจจุบัน ตั้งแต่ Icecream Sandwich 4.0 แอนดรอยด์ได้เริ่มใช้รูปแบบแท็บใหม่ที่เรียกว่า Swiping Tabs Pattern ซึ่งเป็นแท็บที่สามารถสลับหน้าได้ด้วยการปาดหน้าจอไปทั้งซ้ายและขวา นอกเหนือจากการกดที่แท็บแบบเดิม

ตัวอย่าง Tabs ใน Android รุ่น Gingerbread 2.3

Tabs ใน Android รุ่น Icecream Sandwich (Contact App)

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

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

อย่างไรก็ตาม การทำ Swiping Tabs ก็ไม่ใช่เรื่องที่ยุ่งยาก โดยสามารถศึกษาเพิ่มเติมได้ที่ Android Developer Website ครับ

ที่มา: http://androiduiux.com/2012/12/18/android-uiux-tips-5/

Leave a Reply

Your email address will not be published. Required fields are marked *