การออกแบบ (mockup) ส่วนติดต่อผู้ใช้ (UI) ของ Web Browser ที่ผมชื่นชอบนั่นคือ Firefox ล่าสุดคุณ Stephen Horlander ซึ่งเป็นคนออกแบบธีมของ Firefox ตั้งแต่รุ่น 1.0 และปัจจุบันเป็น Product Visual Designer ของทีมพัฒนา Firefox และวันนี้มีภาพรวมการออกแบบ Theme/UI 4.0 มาให้ชมด้วย
Stephen บอกว่าหลังจากที่นำความคิดเห็นต่างๆจากผู้ใช้มาคิดทำตัว Theme/UI ของ Firefox ก็ได้ผลลัพธ์ออกมาดังนี้
1) App Button
ผู้พัฒนาบอกว่า ในเรื่องของ Menu Bar เราทราบโดยวิธีของ Safari และ Chrome เขามีการจัดการปัญหานี้โดยการตัดลงรายการเมนูทั้งหมดแยกเป็นสองหน้า วิธีการนี้มีประโยชน์น้อยแต่แนวทางใหม่ในการแก้ไขปัญหานี้ให้เป็น App Button ที่คล้ายกับเมนู Windows 7, แอพพลิเคชัน (Paint, WordPad) และ MS Office 2010 ด้วย มีส่วนที่มีการเพิ่มและปรับปรุงที่น่าสนใจมีดังนี้
- Appearance and Placement
- Status of the Titlebar
- State of the Menu
2) Refining Toolbar Button Appearance
Toolbar Button ตัวใหม่จะเห็นได้ง่ายยิ่งขึ้นบนพื้นหลังสีอ่อน และมีความคมชัดและมีมิติมากยิ่งขึ้น
3) Location Bar
4) Retain Separate Search Bar
จะแยกออกมาต่างหากอย่างชัดเจน
5) Bookmarks Widget
ในรูปแบบเริ่มต้นหรือโปรไฟล์ที่มีอยู่ที่ยังไม่ได้แก้ไขแถบเครื่องมือบุ๊คมาร์คจะถูกซ่อนไว้ โดยค่าเริ่มต้นและ Bookmarks Widget จะวางในแถบเครื่องมือนำทาง
lternatives to Default Configurations
With Bookmarks Bar
Tabs Under the Navigation Bar
Tabs Under the Navigation Bar with Bookmarks Bar
นอกจากนี้เขายังเปรียบเทียบความแตกต่างระหว่าง 3.5 กับ 4.0 ในหัวข้อ Firefox 4 and Firefox 3.5 Comparison ดูกันชัดๆดีกว่า
