<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 集成搜索應(yīng)用 Ai Search 重設(shè)計(jì)

          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 的使用場景不少,在多個(gè)購物網(wǎng)站中對比同一商品、在不同的社交網(wǎng)站中查看流行新聞事件、在各個(gè)學(xué)術(shù)網(wǎng)站查詢查詢資料,這些是開發(fā)者在 iTunes 內(nèi)容提要中給出的一部分使用場景,也是我常用 Ai Search 的目的。可以看出,Ai Search 的優(yōu)勢在于能給出豐富的搜索結(jié)果,并可以方便地對內(nèi)容進(jìn)行對比。

            正因搜索、內(nèi)容對比是 Ai Search 的常用操作,開發(fā)者將主要功能和選項(xiàng)卡放在底部,在瀏覽網(wǎng)頁時(shí) bottom bar 承擔(dān)了所有功能操作。隨著手機(jī)尺寸增大,用戶對界面的操控區(qū)域降低,不像那些以搜索見長的地圖、瀏覽器應(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)頁時(shí),開始滑動(dòng)頁面,Ai Search 也會(huì)像 Safari 一樣把頂?shù)撞康倪厵诙茧[藏起來,以換取更大的屏幕瀏覽視野。但在發(fā)生點(diǎn)擊或跳轉(zhuǎn)后,Ai Search 沒有左/右滑動(dòng)以后退/前進(jìn)的交互手勢,只能通過 bottom bar 的「后退」「前進(jìn)」按鈕進(jìn)行操作。是否因?yàn)楸荛_選項(xiàng)卡的語義我不得而知,但選項(xiàng)卡也無法通過輕掃手勢來切換。這兩個(gè)幾乎已被用戶熟知的交互手勢都放棄掉未免顯得有些守舊。

            重設(shè)計(jì)

            在保持全屏瀏覽的基礎(chǔ)上,我在右下角添加了一個(gè)按鈕用作分擔(dān)「后退」「前進(jìn)」「刷新」等頁面操作。點(diǎn)擊「…」按鈕,操作選項(xiàng)會(huì)被展示出來。當(dāng)用戶滑動(dòng)頁面或點(diǎn)擊頁面空白處時(shí),選項(xiàng)欄會(huì)重新折疊起來。

            此外,我調(diào)整了按鈕的排列順序,將「返回搜索」移到最右側(cè)——和展開選項(xiàng)欄的「…」按鈕位置相同。當(dāng)用戶上手 Ai Search 的操作后,直接在右下角點(diǎn)擊兩下就能快速回到搜索頁面了。


            ▲Ai Search 重設(shè)計(jì)的全屏瀏覽狀態(tài)和展開選項(xiàng)欄的狀態(tài)


            切換搜索引擎和網(wǎng)站的選項(xiàng)卡被改到頁面的最下方,當(dāng)用戶向上滑動(dòng)頁面時(shí),頂?shù)撞康倪厵跁?huì)重新顯示出來。相比原先的設(shè)計(jì),用戶只需要直接點(diǎn)擊屏幕左右下角就能切換選項(xiàng)卡,沒有操作難度。

            左/右滑動(dòng)頁面的操作可定義為后退/前進(jìn)。梳理整個(gè)交互流程,這樣做不會(huì)出現(xiàn)交互手勢沖突,同時(shí)也可以減少展開選項(xiàng)欄的需要。


            ▲向上滑動(dòng)頁面的狀態(tài),左:原 Ai Search,右:我的重設(shè)計(jì)

          日歷

          鏈接

          個(gè)人資料

          存檔

          精品久久久久久无码国产| 久久er国产精品免费观看2| 久久线看观看精品香蕉国产| 久久香蕉综合色一综合色88| 久久99久久99小草精品免视看| 伊人久久综在合线亚洲2019| 久久无码一区二区三区少妇| 久久精品视频一| 漂亮人妻被黑人久久精品| 久久精品一区二区| 99久久亚洲综合精品网站| 久久久久亚洲AV片无码下载蜜桃| 久久精品国产亚洲AV高清热| 亚洲国产成人精品91久久久 | 久久久久青草线蕉综合超碰| 日韩精品久久久久久久电影蜜臀| 国产成人精品久久亚洲高清不卡| 精品国产乱码久久久久软件| 国产一久久香蕉国产线看观看| 亚洲欧洲久久久精品| 久久最新精品国产| av午夜福利一片免费看久久| 久久人人爽人人澡人人高潮AV| 久久精品国产半推半就| 久久精品国产精品青草app| 国产成人无码精品久久久性色| 久久精品国产亚洲av瑜伽| 人人狠狠综合久久88成人| 97精品伊人久久久大香线蕉| 狠狠干狠狠久久| 久久久久久久久久久久中文字幕 | 亚洲狠狠婷婷综合久久蜜芽 | 婷婷久久久亚洲欧洲日产国码AV | 久久久久久免费一区二区三区| 日产精品99久久久久久| 欧美午夜精品久久久久免费视| 久久精品成人欧美大片| 狠狠综合久久综合88亚洲| 亚洲人成无码网站久久99热国产| 亚洲精品tv久久久久久久久久| 色噜噜狠狠先锋影音久久|