怎樣在不降低用戶體驗的前提下,設計一個沒有地址欄的瀏覽器?

產品設計師挑戰題


據我對周圍所有人的觀察,地址欄的主要用處是看而不是輸入。這包含兩種典型需求。

1。通過查看網址,確定這個網站域名是否是我期待的站點(例如你應當只在騰訊旗下的站點中輸入騰訊的密碼)。對於所有用戶來說,這是防止釣魚網站最靠譜的辦法。

2。通過查看網址,複製粘貼這個網址給自己或者好友。

對我來說,我幾乎從不在地址欄輸入任何東西,所有的站點都是從搜索引擎進入的,因此,當說到隱藏地址欄這個問題的時候,我覺得很多人從輸入做出發點有些奇怪。要想隱藏地址欄,首要解決的是怎麼閱讀地址欄內容的問題,而不是解決輸入的問題。

要解決閱讀的問題,方法就明確了:

第一:始終在某個地方顯示當前網站的協議類型(是否帶https)與網址(至少包括主域名)

第二:提供一個粘貼按鈕,點擊此按鈕將當前網址粘貼到剪切板。

問題在於,我不知道這樣做能得到什麼好處,因為要想顯示當前的網址,你所佔用的空間跟地址欄的大小會是一樣的。而為了用戶的安全著想,你確實也必須顯示網址。


參考 Modern IE 11 不僅僅沒有地址欄,連工具欄都沒有,我見過最叼的瀏覽器設計,沒有之一。


同意可以將瀏覽器地址欄隱藏的方法,個人認為最好的隱藏方式是將瀏覽器地址欄做成滑鼠移到標籤欄時淡入,移出標籤欄時淡出的樣式,同時加上一個書籤列表下拉展開按鈕。在新建空白標籤頁下顯示地址欄和書籤列表。

但是隱藏地址欄也可能會存在一些問題:

1. 用戶難以習慣。再用了N久有地址欄的瀏覽器之後,突然地址欄不見了,很可能讓初次使用的用戶摸不到頭腦,也很難適應。

2. 其他功能的固定位置決定地址欄存在的必要。這一條可能不太好理解,我來解釋一下,大家都知道瀏覽器中用的最多的一個功能就是「後退」,用戶對於後退鍵形象的心理模式就是存在於標題欄下地址欄前的左方向箭頭,任何一個用過瀏覽器的用戶都能迅速找到後退按鈕,但如果地址欄不在了,也就意味著後退按鈕必然要另找位置來放,這就改變了用戶長久以來形成的使用習慣,如果後腿按鈕的位置放得不好,用戶甚至會找不到這個按鈕,從而影響瀏覽器的使用體驗。

3. 地址欄具有較強的信息提示功能。現在很多瀏覽器都在地址欄中域名前加入了網站安全認證等標誌來提示用戶該網站是否安全等。同時,瀏覽器上的地址欄也可以幫助用戶隨時查看自己是否依然處在同一個網頁當中。試想一下,如果隱藏了標題欄,當我從某個地方鏈接進入到淘寶頁面之後,我很難去分辨這個頁面到底是不是真的淘寶網站,還是無良釣魚網站或神馬山寨網站等,如果要想知道,我還必須把地址欄調出來看,而用戶是很懶得。所以地址欄的存在有助於保障用戶網路使用安全。

4. 地址欄似乎真的不能少。如果說chrome去掉了書籤欄、標題欄、功能欄等等都是用戶體驗的一種增加,那去掉地址欄估計就不會被認為是明智之舉了。隱藏地址欄除了上面所說的問題外,還有一點就是一旦隱去的地址欄,現在存在於地址欄上的其他功能(主要是拓展應用)將會無處可去,這會不會對谷歌chrome應用商店造成影響呢,或許會吧。

所以我覺得,僅僅為了再次擴大頁面顯示空間,而造成如此多的問題,完全是丟了西瓜撿芝麻。但不能否認時代和科技都在進步,設計也在不斷進步,可能過不了多久,就會有一種設計方案來解決上述問題,讓瀏覽器沒有地址欄,但卻更好用。


用搜索引擎打開新頁面


我在想:

  • 瀏覽器能不能做成顯示器呢?
  • 地址欄能不能在鍵盤上顯示呢?
  • 滑鼠能不能變成語音搜索的話筒呢?


這難道不是在說瀏覽器界革命者 Opera Coast 嘛?


新窗口時顯示地址欄, 當進入網頁後自動隱藏地址欄.

Chrome 可以將地址欄做成和書籤欄一樣, 只在新標籤頁中顯示.

做了一個效果圖.

http://m3.img.libdd.com/farm2/189/4C6F0A973A15ACB280579AF5F33A07BD_500_481.jpg


很贊同樓上的一些回答,樓主最好能先把去掉地址欄的初衷說下。


Mind Control or Voice Control

只要能擺脫鍵盤,地址欄有沒有就沒啥問題了。


把地址欄做成隱藏式的,點觸下拉顯示。要用的時候滑鼠挪上去就顯示了。

或者,滑鼠右鍵顯示按鈕「Go」,點擊彈出輸入框。類似圖片瀏覽器的效果。

簡化功能無外乎:刪除、隱藏、整合、轉移。(摘自《簡約至上》)

不過簡化之前還是要反覆斟酌其必要性。


我有一個簡單的想法,就是當你處於瀏覽狀態時,只要敲擊鍵盤就會自動浮現地址欄並輸入網址。(因為你輸入網址,本來就要敲擊鍵盤,所以用戶並沒有多餘的動作)。當然這個提議有很多細節問題,很難實現完美的用戶體驗,而且對於電腦必要性不高。對於觸屏手機和平板電腦,倒是可以設定(屏幕觸發動作),而且也有節省屏幕空間的必要性。


沒有,是指完全消去還是指隱藏?

隱藏的話可以做成懸浮,完全消去的話可以考慮

1)用搜索引擎取代

2)語音或觸屏輸入


題主說要設計一個沒有地址欄的瀏覽器,意思就是既不是隱藏,也不是換種設計,而是就沒有!

那麼我們來看瀏覽器地址欄的功能:

1、查看當前網頁URL

2、與人分享網頁時用於複製粘貼URL

3、用戶輸入URL進入相應網頁瀏覽(這項可以用搜索替代,忽略)

所以地址欄是和網頁的URL相關的,而URL相當於一個網頁的ID,用於標識網頁,是獨一無二的。

所以題主是想換一種方式標識網頁。

我能想到的第一個是二維碼,二維碼便於分享和讀取,但是不便於識別。好比

@ChaoFung 說的,不便於確認網站來源,安全性沒有保障。

其次是手勢、語音等,即使它們可以對所有網頁提供唯一標識,那其傳播和複製也非常困難。

那我們假設二維碼或者什麼別的標識方式,有了更好的安全保障或識別機制,它就可以用於完全替代URL了。但是,此時瀏覽器仍需要有專門的位置來放置這個標識符。至此,去掉地址欄的結果不過是換了一種方式顯示網頁"地址",然而產生的效果與犧牲用戶習慣的代價並不一定成正比,甚至更糟。

妄自揣測一下題主斃掉地址欄的目的:

1、節省空間

但是當前手機電腦屏幕已經足夠大,地址欄的空間幾乎不影響用戶的瀏覽體驗;大部分手機瀏覽器都設計了地址欄自動隱藏,一鍵隱藏或調出非常方便,不必非要刪除。

2、體驗創新

創新並不在於強制用戶培養新的使用習慣,而應該是滿足用戶尚未被滿足的需求以及改善其體驗不好的部分。例如:地址欄應該怎樣更好的提供搜索建議,猜測用戶的下一步操作等。

說了一大堆,好像沒啥用。只是目前看來,完全沒有地址欄的瀏覽器肯定是會降低用戶體驗的。期待未來有如此顛覆性的瀏覽方式被設計出來。


Chrome最新版本的截圖不知道你看過沒。可以去搜搜下,不久前剛放出的一張截圖,應該比較複合樓主想要的要求。

http://www.softjie.cn/2011/05/21/compact-navigation/


去掉地址欄的需求從何而來呢?

1、最大化瀏覽空間?

那麼可以採取自動隱藏的方式,類似於windows系統欄的隱藏方式,但並不是單純的移到新標籤頁,那改變用戶習慣太多;

2、為用戶省略輸入Url的操作?

那麼,雖然手動輸入的操作去掉了,前往某個網站或轉向某個鏈接的指令還是需要由用戶發出,可以考慮語音操作,或大幅增強網址導航和探索類似網頁的功能

3、轉換用戶對網址的概念(消滅域名)?

這種革命應該屬於創造新的用戶體驗,就不是簡單的保持原來的用戶體驗了,那就必定會有用戶體驗降低到0的階段,然後通過易用的學習引導和確實優秀的交互設計來恢復原有的用戶體驗,期待各位牛人發明成功~


提供一個很簡略的瀏覽器產品類似於提供沒有搜索框的搜索產品,如果用戶一打開界面他希望看到的,他感興趣的,他可能感興趣的內容都已經推送給他,那有沒有那個地址欄或者搜索框就不那麼重要了

其實我想說的就是目前這個階段還真不適合隱藏掉地址欄,不要為了隱藏而費勁腦汁設計


其實我的理解是,如果用戶在瀏覽時不需要輸入地址,瀏覽器就不需要有地址欄了。

其實現在我們在瀏覽網頁時,有多少次是直接在瀏覽器里輸入網址的?已經很少了吧,對於不熟悉的域名一般都要走搜索引擎,熟悉的域名通常也是經常訪問的,可以新建標籤頁後從快捷撥號里點開。

所以瀏覽器如何提供一個功能或若干功能的組合,來取代直接輸入域名的方式?

搜索引擎+Feeling Lucky?

起始頁的快速撥號?

書籤+快捷鍵?(Firefox的方式)

等這些條件滿足了,地址欄就可以隱去了。


用firefox+vimperator,沒有地址欄好多年。

當然,只有vi黨才喜歡這樣。


其實我個人認為,地址欄還是要給的,過於追求簡潔而把該有的東西也閹割了的話,這樣用戶體驗並不好。看了其他人的回答,除了部分天馬行空的答案,另外一部分就是說做成隱藏的或者懸浮的。我連輸入個地址都要找一下地址欄在哪裡,這是一種什麼樣的感覺呢?起碼我個人不喜歡,可能是因為我習慣了用輸入第一個首字母來查找網站吧。

畢竟,有些人覺得沒有更好,但是這部分人,在總人群里究竟佔了多大的比重?

懸浮,和隱藏可以,不過最好是先詢問用戶,是否對地址欄進行操作,讓用戶來決定要不要,也許效果更好。


地址欄的功能留下,需要的時候雙擊任務欄空白處出現個帥氣的輸入界面即可,圖啥啊?


推薦閱讀:

有哪些靠譜的交互設計評估方法?
怎麼使用Axure製作固定位置的組件?
UI&UE設計師是怎麼開始系統學習UI的?
macOS 系統對 UI 設計師有多重要?

TAG:用戶體驗 | 產品設計 | 網頁瀏覽器 | 交互設計 | 產品設計師 | 用戶體驗設計 |