Tips การออกแบบ Android UI/UX: Swiping Tabs Pattern
- admin
- Jan, 02, 2013
- Android UX Design, Articles
- No Comments
Tabs หรือรูปแบบส่วนติดต่อผู้ใช้แบบแท็บ ที่ผู้ใช้สามารถสลับไปมาระหว่างหน้าได้โดยการกดเลือกที่แท็บที่อยู่ด้านบนของจอ ซึ่งการใช้ Tabs ก็เป็น Pattern ที่เรียกว่าใช้มานานมากตั้งแต่รุ่นแรกสุดของ Android ก็ว่าได้ครับ โดยรูปด้านล่างเป็นตัวอย่างของ Tab ใน Android 2.3 Gingerbread

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

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/
Recent Posts
- เขียนเว็บให้สวยและรวดเร็วด้วย Bootstrap Framework สำหรับผู้เริ่มต้นเขียนเว็บไซต์
- Foursquare ปรับปรุงฟีเจอร์ให้เจ้าของห้างร้านสามารถเลือกรูปถ่ายขึ้นบนหน้า Venue ของร้านได้แล้ว
- xda-developers แจกไฟล์ APK Facebook Home ให้ลองเล่นกันแล้ว
- Android Design in Action: Action Bar
- ตัวอย่างแอพ Google Play ใหม่เวอร์ชั่น 4.0