Tags:

หลังจากล่าสุดที่ได้ยลโฉมแนวทางการออกแบบ (mockup) ส่วนติดต่อผู้ใช้ของไฟร์ฟ็อกซ์ 3.7, 4.0 บนวินโดวส์ไปเมื่อเดือนกันยายนที่ผ่านมา (ดูข่าวเก่า) ล่าสุดก็มีการโพสต์ผลงานการออกแบบลงในบล็อกส่วนตัวของคุณ Stephen Horlander ซึ่งเป็นคนออกแบบธีมของไฟร์ฟ็อกซ์ตั้งแต่รุ่น 1.0 และปัจจุบันเป็น Product Visual Designer ของทีมพัฒนาไฟร์ฟ็อกซ์ด้วย จะเป็นอย่างไรนั้นดูภาพและรายละเอียดได้ข้างใน (คลิก Read more)

ส่วนที่ปรับปรุงจากการออกแบบครั้งก่อนมีดังนี้ (เลขข้อตรงกับเลขในภาพข้างบน)

  1. เพิ่มปุ่ม App Button โดยเป็นความพยายามของทีมพัฒนาในการจัดการ Menu Bar ปุ่มดังกล่าวคล้ายกับปุ่ม File ในออฟฟิศ 2010 หรือโปรแกรมอรรถประโยชน์ของวินโดวส์ 7 อย่าง Paint, WordPad นอกจากนั้นยังลบการแสดงสถานะออกจาก Title Bar อีกด้วย
  2. ปรับปรุงการแสดงผล Toolbar Button ใหม่ ให้เห็นได้ง่ายยิ่งขึ้นบนพื้นหลังสีอ่อน และมีความคมชัดและมีมิติมากยิ่งขึ้น
  3. เพิ่ม Location Bar
  4. คง Search Bar ที่แยกออกมาต่างหากไว้
  5. เพิ่ม Bookmarks Widget

นอกจากนั้นยังมีแบบอื่นๆ เป็นทางเลือก อาทิ:

กรณีแสดงแถบ Bookmark Bar

กรณีย้ายแท็บมาอยู่ใต้ Navigation Bar

กรณีย้ายแท็บมาอยู่ใต้ Navigation Bar และแสดงแถบ Bookmark Bar

นอกจากนั้นยังมีการออกแบบปุ่ม App Button ไว้หลากหลายรูปแบบด้วย ดูได้จากภาพด้านล่าง (น่าจะเปิดให้โหวดเนอะ! :D)

ท้ายสุด...เปรียบเทียบกันจะๆ ไปเลย ระหว่างรุ่น 3.5 และ 4.0

รายละเอียดฉบับเต็มดูได้จากที่มา

ที่มา: Chromatic Pixel

Comments

By: dafty
AndroidWindows
dafty's blog
on 23/12/09 9:52 #144830 toggle
dafty's picture

Theme Chrome ชัดๆ

By: nuntawat
WriterAndroidWindows
nuntawat's blog
on 23/12/09 9:53 #144832 Reply to:144830 toggle
nuntawat's picture

ตรงปุ่ม App Button คุณ Horlander ก็บอกเองว่าทีมพัฒนาดู Chrome, Safari ก่อน สงสัยจ้องมากไปเลยเอามาทั้งหมดเลย :P


ลาก่อนครับ "คุณ"

By: bank2u
ContributorUbuntuWindows
bank2u's blog
on 23/12/09 9:56 #144833 Reply to:144830 toggle
bank2u's picture

+1 แต่ผมก็ชอบแบบนี้นะ ดูเรียบๆ ดีครับ


อัลบัมรูปเล็กๆ ของผมครับ :: www.bank2u.net ::

By: -Rookies-
AndroidUbuntuWindows
-Rookies-'s blog
on 23/12/09 10:19 #144840 Reply to:144830 toggle
-Rookies-'s picture

+1 แต่ผมก็ชอบ เพิ่มพื้นที่แสดงผลอีกหน่อย คนใช้เน็ตบุ๊คอย่างผมปลื้มมมม


เทคโนโลยีไม่ผิด คนใช้มันในทางที่ผิดนั่นแหละที่ผิด!?!

By: HudchewMan
ContributorAndroidSymbianUbuntu
HudchewMan's blog
on 23/12/09 10:44 #144852 Reply to:144830 toggle
HudchewMan's picture

ใช้ Chrome เปิดอ่าน พอเห็นภาพแล้วก็มองหน้าจอตัวเอง…

เออ โครมจริงๆ แฮะ :P


~ จุดยืนของทุกคนคือส้นเท้า : HudchewMan's Diary | TH LG Optimus Black ~

By: willwill
ContributorAndroidUbuntu
willwill's blog
on 23/12/09 9:57 #144834 toggle
willwill's picture

UI สวย ... แต่ Engine หละครับเมื่อไรจะสู้ WebKit

By: orbitalz
Windows PhoneAndroid
orbitalz's blog
on 23/12/09 10:01 #144835 toggle
orbitalz's picture

ขอ quicker responsive and faster java script กว่า chrome ด้วยนะ

By: mossila
Android
mossila's blog
on 23/12/09 10:01 #144836 toggle
mossila's picture

จาก 5 อัน ชอบอันที่ 3(นับจากซ้าย,แถวบน)

หน้าตาเหมือนปรับมาจาก opera เลยแฮะ? Chrome เองก็หน้าตาเหมือนปรับจาก opera แต่บ้าน(Home) ของ FF ไม่มีปล่องไฟ


Moss 's blog

By: mokin
Contributor
mokin's blog
on 23/12/09 21:20 #144947 Reply to:144836 toggle
mokin's picture

+1 แต่ชอบ App Button แบบโอเปร่า จะได้ไม่เปลื้องพื้นที่ แต่เศร้าใจที่ยังคง Search Bar ไว้ ยุบรวมได้แล้วครับ


<@mOkin>Every thing that has a beginning has an end.<mOkin/>

By: 077023
ContributoriPhoneBlackberryWindows
077023's blog
on 01/07/10 13:07 #188233 Reply to:144947 toggle
077023's picture

โพสซ้ำ จะลบมันยังไงอ่ะครับ


もういい

( My blog 077023.com )

By: 077023
ContributoriPhoneBlackberryWindows
077023's blog
on 01/07/10 13:06 #188234 Reply to:144947 toggle
077023's picture

ถ้าเอา Search Bar ออกนี่ผมจะเศร้าใจมากเลย เพราะว่าใช้ทุกครั้งที่จะเสิร์จเลยละครับ


もういい

( My blog 077023.com )

By: mokin
Contributor
mokin's blog
on 01/07/10 22:27 #188411 Reply to:188234 toggle
mokin's picture

ค้นหาใน address bar ได้เลยครับ แบบ Google Chrome


<@mOkin>Every thing that has a beginning has an end.<mOkin/>

By: Blltz
WriterWindows PhoneAndroidWindows
Blltz's blog
on 02/07/10 1:44 #188517 Reply to:188411 toggle
Blltz's picture

แต่ถึงกระนั้น FF4 Beta1 ก็ยังมีแถบ Search


Blog ดองเค็ม

By: Slimy
AndroidUbuntu
Slimy's blog
on 23/12/09 10:25 #144842 toggle
Slimy's picture

อย่าลืมปรับปรุงเรื่องตื่นสายด้วยนะ

By: xxa
Android
xxa's blog
on 23/12/09 10:31 #144846 Reply to:144842 toggle
xxa's picture

++++1

By: McKay
iPhoneAndroidBlackberryWindows
McKay's blog
on 24/12/09 7:26 #144992 Reply to:144842 toggle
McKay's picture

อาการตื่นสายนี่ตัวไฟล์ Database SQLite มีผลมากครับ อยากให้เร็วขึ้นคงต้องปรับลด History เป็นประมาณ 7 วันจะช่วยได้เยอะครับ


Apple is Alpha. Apple is Omega. Ain't no doubt Apple.

By: Lightwave
AndroidWindows
Lightwave's blog
on 23/12/09 10:44 #144851 toggle
Lightwave's picture

ทำไมถึงรู้สึกว่ามันสวยกว่าโอเปร่าได้ล่ะเนี่ย -*-

By: Perl
ContributorUbuntu
Perl's blog
on 23/12/09 10:45 #144853 toggle
Perl's picture

พึ่งอ่าน opera มาเมื่อกี๊...

เอามาเปิดคู่กัน 2 ตัวโดยไม่แสดงชื่อโปรแกรมยังดูไม่ออกเลยอันไหน FF อันไหน Opera O


ecution.style

By: mednoon
mednoon's blog
on 23/12/09 10:57 #144856 toggle
mednoon's picture

สวยงามโดนใจผมมาก ขอให้เร็วกว่า 3.5 หน่อยนะตัวเอง

By: theoneox
Android
theoneox's blog
on 23/12/09 11:01 #144860 toggle
theoneox's picture

เหมือนกันหมด เหอะๆ ต่อไปคงเหลือ IE กับ Safari ที่ แยกออกแบบ จะ จะ

By: Aphorist
AndroidUbuntu
Aphorist's blog
on 23/12/09 12:48 #144877 toggle
Aphorist's picture

ไม่รู้จะคงแถบด้านบนไว้ทำไม เห็นใส่แค่สองอัน App Menu กะ min max/restore close button เอา แท็บ ไปวางไว้ตรงนั้น จะเพิ่ม พื้นที่แสดงผลได้อีกโขนา

หรือกลัวว่า มันจะเหมือน Chrome มากไป

By: boynoiz
AndroidSUSEUbuntuWindows
boynoiz's blog
on 23/12/09 13:19 #144884 toggle
boynoiz's picture

มาแนวเดียวกะ Opera 10.5 Pre-Alpha เลยแหะ (แต่ดูท่าทาง FF สวยหว่า)


bOynOiz's G+

By: check
AndroidBlackberry
check's blog
on 23/12/09 13:35 #144886 toggle
check's picture

ชอบแบบนี้แหละ

By: MrWhisper
ContributorWindows PhoneSymbianWindows
MrWhisper's blog
on 23/12/09 15:36 #144907 toggle
MrWhisper's picture

ดีเหมือนกัน จะได้ไม่ต้องหาธีม Opera มาลงให้หมาย่าง - -"

ถ้าเบราเอร์มาหน้าตาแนวๆเดียวกันหมดก็ดีแฮะ จะได้ไม่งงเวลาย้ายไปมา


[ JIRAYU.IN.TH ]

By: modernkoro
modernkoro's blog
on 23/12/09 15:43 #144911 toggle
modernkoro's picture

กลายเป็น ChromeFox ไปซะแล้ว

By: varavut
Windows PhoneUbuntuWindows
varavut's blog
on 23/12/09 16:11 #144914 toggle
varavut's picture

สวยงาม

By: b98se
AndroidWindows
b98se's blog
on 23/12/09 18:16 #144933 toggle
b98se's picture

หน้าตาโดนใจเหลือเกิน ชอบๆๆๆ

By: khajochi
WriteriPhone
khajochi's blog
on 24/12/09 11:07 #145010 toggle
khajochi's picture

Fhrome


Khajochi Blog : It's not a Bug ... It's a Feature

By: sunback
ContributorUbuntu
sunback's blog
on 24/12/09 12:10 #145016 toggle
sunback's picture

เอ่อ นอกเรื่องนะครับ ตรง tags ครับ

  • Browser
  • Concept
  • Firefox
  • GUI
  • Mozilla

ผมว่า ตรง Concept ไม่น่าจะมีนะครับ เพราะดูกว้างๆ เกินไป เพราะเท่าที่ลองค้นดู ดูเหมือนจะมีคุณ nuntawut ท่านเดียวที่ใช้ tag นี้

แต่พอลองค้น tag Mockup ก็ไม่พบเช่นกัน ที่จริงๆ ผมคิดว่าน่าจะมี เพราะจะได้รวบรวม Mockup จากอดีดถึงปัจจุบันได้

เอ๊ะ หรือจะใช้ tag GUI แทนไปเลย


[ kantiya.com ]

By: nuntawat
WriterAndroidWindows
nuntawat's blog
on 24/12/09 18:08 #145061 Reply to:145016 toggle
nuntawat's picture

อาจต้องสร้างแท็กใหม่ถ้าจำเป็นครับ


ลาก่อนครับ "คุณ"

By: teayza31
teayza31's blog
on 25/12/09 17:17 #145224 toggle
teayza31's picture

เออช่วยไปพัฒนาเรื่อกินแรมทีครับ ผมละเซ็งใช้ไปนานๆ เริ่มช้า

By: diewland
AndroidWindows
diewland's blog
on 13/02/10 0:11 #156938 toggle
diewland's picture

สะอาดตา :)

By: omoboy
iPhone
omoboy's blog
on 25/06/10 23:15 #186484 toggle
omoboy's picture

ภาพสุดท้าย

ท้ายสุด...เปรียบเทียบกันจะๆ ไปเลย ระหว่างรุ่น 3.5 และ 4.0

น่าจะเปลี่ยนเป็น

ท้ายสุด...เปรียบเทียบกันจะๆ ไปเลย ระหว่างรุ่น FF และ Opera

หุวๆๆ