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