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