2015-4-29 周周
Ai Search 是一款主打集成搜索的應用,當用戶輸入關鍵詞,應用就會在預選好的多個搜索引擎和網站同時發起搜索。并且 Ai Search 可以為指定搜索引擎或網站添加標簽,連同關鍵詞一并搜索,也可以由用戶自行添加搜索的引擎或網站。
iTunes App Store 中的 "Ai Search"
Ai Search 的使用場景不少,在多個購物網站中對比同一商品、在不同的社交網站中查看流行新聞事件、在各個學術網站查詢查詢資料,這些是開發者在 iTunes 內容提要中給出的一部分使用場景,也是我常用 Ai Search 的目的。可以看出,Ai Search 的優勢在于能給出豐富的搜索結果,并可以方便地對內容進行對比。
正因搜索、內容對比是 Ai Search 的常用操作,開發者將主要功能和選項卡放在底部,在瀏覽網頁時 bottom bar 承擔了所有功能操作。隨著手機尺寸增大,用戶對界面的操控區域降低,不像那些以搜索見長的地圖、瀏覽器應用還不合時宜地堅持把搜索欄放在界面頂部,Ai Search 這樣的做法很不錯。但我認為還可以更好。
在 Ai Search 中切換選項卡的使用強度很高,用戶目前需要點擊選項卡進行切換。但不像是單行的 bottom bar,Ai Search 的選項卡位于五個功能按鈕的上方,它不是最靠近屏幕邊緣的,比它更靠近屏幕底部的還有一些功能選項。在進行操作時,這會導致用戶為了避免誤操作而變得需要更小心翼翼地去點擊,這提高了操作難度。
把功能按鈕、選項卡或導航欄獨立地放在一個固定不變的位置,這樣的例子很多。比如,OS X 把每個軟件的導航欄固定在屏幕頂部,Windows 系統把開始菜單的按鈕放在屏幕的左下角。采取這種做法,可以使得用戶「閉著眼」都能直接把鼠標移到正確的位置,沒有操作難度。
在瀏覽網頁時,開始滑動頁面,Ai Search 也會像 Safari 一樣把頂底部的邊欄都隱藏起來,以換取更大的屏幕瀏覽視野。但在發生點擊或跳轉后,Ai Search 沒有左/右滑動以后退/前進的交互手勢,只能通過 bottom bar 的「后退」「前進」按鈕進行操作。是否因為避開選項卡的語義我不得而知,但選項卡也無法通過輕掃手勢來切換。這兩個幾乎已被用戶熟知的交互手勢都放棄掉未免顯得有些守舊。
在保持全屏瀏覽的基礎上,我在右下角添加了一個按鈕用作分擔「后退」「前進」「刷新」等頁面操作。點擊「…」按鈕,操作選項會被展示出來。當用戶滑動頁面或點擊頁面空白處時,選項欄會重新折疊起來。
此外,我調整了按鈕的排列順序,將「返回搜索」移到最右側——和展開選項欄的「…」按鈕位置相同。當用戶上手 Ai Search 的操作后,直接在右下角點擊兩下就能快速回到搜索頁面了。
▲Ai Search 重設計的全屏瀏覽狀態和展開選項欄的狀態
切換搜索引擎和網站的選項卡被改到頁面的最下方,當用戶向上滑動頁面時,頂底部的邊欄會重新顯示出來。相比原先的設計,用戶只需要直接點擊屏幕左右下角就能切換選項卡,沒有操作難度。
左/右滑動頁面的操作可定義為后退/前進。梳理整個交互流程,這樣做不會出現交互手勢沖突,同時也可以減少展開選項欄的需要。
▲向上滑動頁面的狀態,左:原 Ai Search,右:我的重設計