Chrome กำลังออกแบบ UI ใหม่ อาจจะไม่มี URL Bar อีกต่อไป?

By mk

on 21 February 2011 - 10:29 Tag: Google, Browser, Chrome, ChromeOS

Google

ทีมวิศวกรของกูเกิลได้โพสต์ภาพต้นแบบของ UI แบบใหม่ของ Chrome/Chrome OS ที่กำลังทดสอบอยู่ว่าควรนำมาใช้หรือไม่ ที่น่าสนใจคือมี UI แบบหนึ่งที่ตัด URL Bar ออกไปเลย เพื่อเพิ่มพื้นที่แสดงผลในแนวตั้ง (หลังจากเสียแชมป์ให้ IE9 ในเรื่องนี้)

เอกสารของกูเกิลได้ออกแบบ UI ใหม่ 3 ส่วนดังนี้

หน้าต่างของเบราว์เซอร์
รองรับ profile หลายอัน
ปรับปรุงการแนะนำเว็บที่อยู่ใน History บน Omnibox

หน้าต่างของเบราว์เซอร์

ทีมของกูเกิลได้โพสต์หน้าต่างของเบราว์เซอร์ที่เป็นไปได้ทั้งหมด 4 แบบ บนเว็บไซต์ Chromium OS ได้แก่

Classic

แบบที่ใช้กันอยู่ทุกวันนี้ ข้อเสียคือ

URL Bar ผูกกับแท็บ ทำให้การใช้ URL Bar เพื่อสั่งเปิดแท็บใหม่หรือสลับแท็บดูไม่สมเหตุสมผล
URL Bar ไม่แสดงสัญลักษณ์ว่าใช้ค้นหาได้ ทำให้บางคนอาจไม่รู้

Compact

ตัด URL Bar ออกไป แสดงเฉพาะตอนโหลดหรือตอนสลับแท็บ ย้ายปุ่มควบคุมขึ้นไปเหนือแท็บ เพิ่มปุ่ม Search เข้ามาในทูลบาร์

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

Sidetab

ย้ายทุกอย่างมาไว้ด้านข้าง โหมดนี้เข้ามาใน Chrome แล้วแต่ยังไม่เปิดใช้ตลอดเวลา

ข้อดีคือได้พื้นที่แนวตั้งแบบเต็มๆ, แสดงจำนวนแท็บได้มาก ส่วนข้อเสียคือไม่เหมาะสำหรับผู้ใช้ที่เปิดแท็บไม่มาก และเหมาะกับจอภาพที่กว้างเกิน 1366px เท่านั้น

Touchscreen

ปรับปุ่มควบคุมให้ใหญ่ขึ้น และแสดงไอคอนของแท็บเพื่อให้กดง่าย

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

รองรับ profile หลายอัน

ฟีเจอร์นี้ก็ตรงไปตรงมาครับ รองรับการเชื่อมกับ Google Account หลายอันพร้อมๆ กัน ซึ่งกูเกิลลองออกแบบปุ่มสำหรับสลับ profile ไว้ด้านบนของขอบหน้าต่าง (ถ้าเป็นเวอร์ชันแมคก็จะไว้ที่เมนูแทน)

รายละเอียดอ่านได้จาก Multiple Profiles

ปรับปรุงการแนะนำเว็บที่อยู่ใน History บน Omnibox

กูเกิลได้ปรับอัลกอริทึมของการเลือก URL ของเว็บที่อยู่ใน History มาแสดงขณะที่เราพิมพ์ใน Omnibox ฟีเจอร์นี้เรียกว่า HistoryQuickProvider (HPQ)

รายละเอียดอ่านได้จาก Omnibox: History Provider

ที่มา - chrome-dev, ConceivablyTech

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's

CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.

Token X

Blockchain, ICO, Tokenization, Digital Assets, and Financial Service

Carmen Software

Hotel Financial Solutions

Next Innovation (Thailand) Co., Ltd.

We are web design with consulting & engineering services driven the future stronger and flexibility.

United Information Highway Co., Ltd.

UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business

KKP Dime

KKP Dime บริษัทในเครือเกียรตินาคินภัทร

Kiatnakin Phatra Financial Group

Financial Service

Fastwork Technologies

Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน

Thoughtworks Thailand

Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน

Iron Software

Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.

CLEVERSE

Cleverse is a Venture Builder. Our team builds several tech companies.

Nipa Cloud

#1 OpenStack cloud provider in Thailand with our own data center and software platform.

CDG GROUP

Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years

Bangmod Enterprise

The leader in Cloud Server and Hosting in Thailand.

CIMB THAI Bank

MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank

Bangkok Bank

Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking

Gofive

“We create world-class software experience”

KBTG - KASIKORN Business-Technology Group

KBTG - "The Technology Company for Digital Business Innovation"

Siam Commercial Bank Public Company Limited

"Let's start a brighter career future together"

Icon Framework co.,Ltd.

Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก

REFINITIV

The Financial and Risk business of Thomson Reuters is now Refinitiv

H LAB

Re-engineering healthcare systems through intelligent platforms and system design.

LTMH TECH

LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย

Seven Peaks

We Drive Digital Transformation

Wisesight (Thailand) Co., Ltd.

The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

MOLOG Tech

We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.

Data Wow Co.,Ltd

We enable our clients to realize increased productivity by solving their most complex issues by Data

LINE Company Thailand

LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call

LINE MAN Wongnai

Join our journey to becoming No.1 food platform in Thailand

ไม่มีใครยอมใครเลยจริง ๆ :P

Fzo Mon, 02/21/2011 - 10:42

ไม่มีใครยอมใครเลยจริง ๆ :P

ปรับ candy tab

kswisit Mon, 02/21/2011 - 10:49

ปรับ candy tab ให้มันเหลือพื้นที่ไว้ drag หน้าต่างด้วยก็ดี

เท่าที่ดูไม่มีอันไหนผ่านสักอั

Soul_Master Mon, 02/21/2011 - 11:04

เท่าที่ดูไม่มีอันไหนผ่านสักอัน ผมว่าแบบ IE9 RC น่าจะดีที่สุดล่ะ ตามหลัก Design UI ของ Windows แต่การวาง UI ของปุ่มไว้ให้สลับ profile idea ดีใช้ได้

ปล. ว่าแต่ Google ไม่คิดจะเปลี่ยนให้ปุ่ม Back ใหญ่กว่า Forward ตาม Firefox กับ IE เหรอครับ?

[Duplicate]

Soul_Master Mon, 02/21/2011 - 11:05

[Duplicate]

ผมว่าแบบเดิมอ่ะดีแล้ว

Ekae Mon, 02/21/2011 - 11:23

ผมว่าแบบเดิมอ่ะดีแล้ว ส่วนเอา nav มาอยู่ข้าง tab แบบ IE9RC ก็ไม่เวิร์ค

แบบนี้ไม่สนหรอก ตอนใช้ Flash

mytotoe Mon, 02/21/2011 - 11:26

แบบนี้ไม่สนหรอก ตอนใช้ Flash แล้วเจอหน้าแย่จัง คือมันเดี้ยงไป น่าจะมาสนใจจุดนี้นะครับ

ผมกด F11 เอาได้ไม่มีปัญหาครับ

neizod Mon, 02/21/2011 - 11:40

ผมกด F11 เอาได้ไม่มีปัญหาครับ :P

ปล. IE9 กับ Chrome เฉือนกันนิดส์เดียวเองแฮะ ไม่ถึง 10 pixel เลย

F11

iStyle Mon, 02/21/2011 - 11:47

F11 ในโครมปัจจุบันนับว่าห่วยมากครับ = ='

ห่วยยังไงอะครับ

HMage Mon, 02/21/2011 - 13:38

ห่วยยังไงอะครับ เต็มจอก็คือเต็มจอ

มันควรจะพิมพ์ URL ได้สิครับ

iStyle Mon, 02/21/2011 - 15:51

มันควรจะพิมพ์ URL ได้สิครับ

อ๋อ... พึ่งไปลองเล่น FF

neizod Mon, 02/21/2011 - 16:23

อ๋อ... พึ่งไปลองเล่น FF มาถึงรู้ว่ารายนั้นพิมพ์ URL ได้ด้วย ^^"

ปรกติใช้ F11 แค่ตอนเล่นเกมครับ ถ้าเข้าดูเว็บธรรมดาไม่ได้เปิดไว้อยู่แล้ว เลยไม่รู้ว่ามีปัญหานี้เลยแฮะ

ie

iStyle Mon, 02/21/2011 - 16:30

ie ก็ได้ครับ(เจ้าอื่นก็น่าจะได้ไม่เคยใช้ opera) เสียใจโครมที่รักทำไม่ได้ T_T

@iStyle Opera ต้องกด F2

polaromonas Mon, 02/21/2011 - 16:56

@iStyle Opera ต้องกด F2 เรียกช่องใส่ URL ครับ

แต่แบบไม่เต็มจอที่มีแถบ url

HMage Mon, 02/21/2011 - 17:04

แต่แบบไม่เต็มจอที่มีแถบ url มันก็แทบจะเต็มจออยู่แล้วนะ ถ้าให้ auto hide ผมกลับรำคาญซะอีก
ผมจะใช้ full screen เฉพาะตอนใช้เป็น app เต็มๆ เหมือนตอนเล่นเกมเต็มจออะครับ task bar ของ windows ก็ไม่ต้องโผล่มาด้วย

กดแล้ว มันเป็น ลดเสียง แทนอ่ะ

l2aelba Mon, 02/21/2011 - 14:34

กดแล้ว มันเป็น ลดเสียง แทนอ่ะ :P

นั่นสิผมก็ว่ามันดูเป็นปัญหาแบ

Not Available … Mon, 02/21/2011 - 15:01

นั่นสิผมก็ว่ามันดูเป็นปัญหาแบบแปลกๆ(ของผู้ใช้) คือถ้าอยากได้เต็มจอก็กด Fullscreen ไปเลยไม่เห็นจะยาก - -"

Sidetab

RERFz Mon, 02/21/2011 - 11:55

Sidetab น่าสนใจนะ
เพราะเด๋วนี้ จอคอม เป็น จอ wide เกือบหมดแล้ว

เขียน software ให้ดูค่า resolution ของจอ แล้วเลือกเลยถ้าเป็นจอ wide ก็ side tab โลด
จะได้มีพื้นที่ในแนวตั้งเยอะๆหน่อย

"เขียน software ให้ดูค่า

EThaiZone Mon, 02/21/2011 - 12:24

"เขียน software ให้ดูค่า resolution ของจอ" เห็นด้วยมาก

ขอ sidetab

gunornor Mon, 02/21/2011 - 12:22

ขอ sidetab มาเร็วๆนะ
จะได้ย้ายไปใช้ chorme กับเค้าบ้างสักที
ทุกวันนี้ผมใช้ Opera เพราะ sidetab นี้แหละ

มานานแล้วครับ เปิดได้ใน

17November Mon, 02/21/2011 - 18:46

มานานแล้วครับ เปิดได้ใน about:flags

แบบ Compact น่าสนใจ

iammeng Mon, 02/21/2011 - 13:26

แบบ Compact น่าสนใจ ทุกวันนี้ผมก็หดพวกเมนูต่างๆของ FF มันให้เหลือ 2 แถว

Menu, url, bookmark bar, Back, Forward, Stop
Tab
ชอบหน้าแสดงเว็บกว้างๆ

โอ้ น่าสนใจ

khajochi Mon, 02/21/2011 - 15:34

โอ้ น่าสนใจ

สงสัยไม่เคยเห็น tool bar

shikima Mon, 02/21/2011 - 15:57

สงสัยไม่เคยเห็น tool bar ของเครื่องชาวบ้านๆ
มีอะไรท่านไม่สน กด OK ตลอด มาดูอีกที ที่แทบไม่เหลือ
tool bar ครึ่งจอ

google ก็เหอะ มีมึนเหมือนกัน

ปล. ผมไม่เคยแก้ปัญหาพวกนี้นอกจาก format ใหม่ เพราะมันง่ายผมดี ^^

เอาอย่างอื่นไว้เหมือนเดิม

Connextion Mon, 02/21/2011 - 16:43

เอาอย่างอื่นไว้เหมือนเดิม เพิ่มปุ่ม Full Screen ใหญ่ๆ พอ !!!

ปุ่ม Full Screen

iammeng Mon, 02/21/2011 - 16:51

ปุ่ม Full Screen เวลาจะปิดให้เป็นปกติ ทำไมต้องกด F11 ด้วยนะ กด ESC ยังจะสะดวกกว่า

F11

HMage Mon, 02/21/2011 - 16:54

F11 บนคีย์บอร์ดก็ใหญ่อยู่นะครับ

ฮา

iStyle Mon, 02/21/2011 - 17:09

ฮา

5555

17November Mon, 02/21/2011 - 18:48

5555

ตึกโป๊ะ ตะลุง ตุ้ง แช่ !!!

Connextion Mon, 02/21/2011 - 22:56

ตึกโป๊ะ ตะลุง ตุ้ง แช่ !!!

ชอบแนว firefox 4 มากกว่า

nextman13 Mon, 02/21/2011 - 17:20

ชอบแนว firefox 4 มากกว่า ส่วนที่อยากได้เพิ่มคือ pdf viewer ในตัวเลยเหมือน chrome และเลือก disable หรือ enable ได้

ใครอยากลองใช้ sidetab ตอนนี้

ipats Mon, 02/21/2011 - 18:02

ใครอยากลองใช้ sidetab ตอนนี้ ลองหาว่า "chrome side tabs enable" ดูนะครับ ทำสองสามขั้นตอน มันก็จะโผล่มาแล้ว

แต่ที่ผมเคยลอง พบว่า เวลาใช้งานจริงไม่ค่อยสะดวกเท่าไหร่แฮะ รู้สึกว่าต้องลากเมาส์ระหว่าง tabs กับ scrollbar ไกลมาก (ก็มันอยุ่กันคนละฝั่งจอเลย -*-)

หรือไม่ก็.. อาจจะเพราะยังไม่ชิน เลยรู้สึกไปเอง คงเหมือน windows taskbar ที่ผมลากไปไว้ข้างๆ ทีไร ก็ไม่รู้สึกว่ามันจะดีไปกว่าตำแหน่งด้านล่างยังไง

อยากแสดงผลเยอะๆก็ Full Screen ไปสิ

โปรแกรมเค้าคงเขียนตามความต้อง

iStyle Mon, 02/21/2011 - 21:34

โปรแกรมเค้าคงเขียนตามความต้องการของคนส่วนใหญ่แหละครับ

Apple

public://topics-images/apple_webp.png

SCB10X

public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png

Windows 11

public://topics-images/hero-bloom-logo.jpg

Huawei

public://topics-images/huawei_standard_logo.svg_.png

Google Keep

public://topics-images/google_keep_2020_logo.svg_.png

Instagram

public://topics-images/instagram_logo_2022.svg_.png

SCB

public://topics-images/9crhwyxv_400x400.jpg

Microsoft

public://topics-images/microsoft_logo.svg_.png

Basecamp

public://topics-images/bwpepdi0_400x400.jpg

FTC

public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png

public://topics-images/pinterest.png

Palantir

public://topics-images/-nzsuc6w_400x400.png

AIS Business

public://topics-images/logo-business-2021-1.png

PostgreSQL

public://topics-images/images.png

JetBrains

public://topics-images/icx8y2ta_400x400.png

Krungthai

public://topics-images/aam1jxs6_400x400.jpg

Palworld

public://topics-images/mccyhcqf_400x400.jpg

Bill Gates

public://topics-images/bill_gates-september_2024.jpg

VMware

public://topics-images/1nj4i1gp_400x400.jpg

Take-Two Interactive

public://topics-images/0khle7nh_400x400.jpg

OpenAI

public://topics-images/ztsar0jw_400x400.jpg

Thailand

public://topics-images/flag_of_thailand.svg_.png

ServiceNow

public://topics-images/ytnrfphe_400x400.png

Klarna

public://topics-images/urcllpjp_400x400.png

Google Play

public://topics-images/play.png

Drupal

public://topics-images/drupal.png

Virtua Fighter

public://topics-images/virtua_figther_2024_logo.png

Paradox Interactive

public://topics-images/paradox_interactive_logo.svg_.png

Europa Universalis

public://topics-images/europa-icon.png

Nintendo Switch 2

public://topics-images/mainvisual.png

Cloudflare

public://topics-images/cloudflare_logo.svg_.png

Samsung

public://topics-images/samsung.png

Google

public://topics-images/google_2015_logo.svg_.png

Uber

public://topics-images/uber.png

Microsoft 365

public://topics-images/m365.png

USA

public://topics-images/flag_of_the_united_states.svg_.png

public://topics-images/0pe0po-z_400x400.jpg

Perplexity

public://topics-images/perplex.jpg

Xperia

public://topics-images/xperia.png

iOS 18

public://topics-images/ios-18-num-96x96_2x.png

True

public://topics-images/true_logo.png

SoftBank

public://topics-images/softbank.jpg

Pac-Man

public://topics-images/pacman.png

Harry Potter

public://topics-images/harry.png

Marvel

public://topics-images/marvel.png

Skydance

public://topics-images/skydance.png

SEA

public://topics-images/sealogo.png

Find Hub

public://topics-images/find.png

Gemini

public://topics-images/google_gemini_logo.svg__1.png

Accessibility

public://topics-images/accessibility-128x128_2x.png

Material Design

public://topics-images/m3-favicon-apple-touch.png

Android 16

public://topics-images/android16.png

Android

public://topics-images/android_0.png

Firefox

public://topics-images/firefox_logo-2019.svg_.png

Google Messages

public://topics-images/messages.png

Notepad

public://topics-images/notepad.png

Singapore

public://topics-images/flag_of_singapore.svg_.png

Airbnb

public://topics-images/airbnb.png

PS5

public://topics-images/ps5.png

Krafton

public://topics-images/krafton.png

Doom

public://topics-images/doom-game-s_logo.svg_.png

AMD

public://topics-images/amd_logo.svg_.png

GTA

public://topics-images/gta_0.png

DoorDash

public://topics-images/doordash.png

YouTube

public://topics-images/yt.png

YouTube Music

public://topics-images/yt-music.png

Facebook

public://topics-images/fb.png

iQiyi

public://topics-images/iqiyi_0.png

Viu

public://topics-images/viu.png

Amazon Prime Video

public://topics-images/prime-vid.png

Spotify

public://topics-images/spotify.jpg

Apple TV

public://topics-images/apple-tv.png

HBO Max

public://topics-images/max.png

Threads

public://topics-images/threads.png

Alexa

public://topics-images/alexa.png

Kindle App

public://topics-images/kindle.png

Shopee

public://topics-images/shopee.png

Waze

public://topics-images/waze.png

Bilibili

public://topics-images/bili.png

Google Maps

public://topics-images/maps.png

Apple Music

public://topics-images/apple-music.png

Claude

public://topics-images/claude.png

TikTok

public://topics-images/tiktok.png

Xbox

public://topics-images/xbox.png

Tesla

public://topics-images/tesla.png

Chrome

public://topics-images/chrome.png

Google Calendar

public://topics-images/gcal.png

Google Home

public://topics-images/ghome.png

Google Meet

public://topics-images/meet.png

NotebookLM

public://topics-images/notebooklm.png

public://topics-images/reddit.png

Assassin’s Creed

public://topics-images/ac.png

Mark Zuckerberg

public://topics-images/zuck.jpg