域名預(yù)訂/競(jìng)價(jià)，好“米”不錯(cuò)過(guò)

呼，又要夜間上新了。其實(shí)自己偶爾還會(huì)進(jìn)去關(guān)于Be For Web里面看看將近兩年前寫(xiě)的博客開(kāi)篇語(yǔ)。當(dāng)時(shí)的動(dòng)力現(xiàn)在仍在，當(dāng)時(shí)愛(ài)的那個(gè)世界現(xiàn)在仍在愛(ài)，并且越來(lái)越讓我覺(jué)得自豪;這讓我開(kāi)心了些。周六晚上有在喝冰啤酒的兄弟姐妹嗎，有的話(huà)我們虛擬碰個(gè)杯吧先，周末愉快=)

前面連續(xù)做了13篇iOS7預(yù)發(fā)布版界面設(shè)計(jì)規(guī)范，這周開(kāi)始重新回到正常節(jié)奏，上一些小文。今次的小話(huà)題是關(guān)于返回按鈕的;其實(shí)還少談了一種越來(lái)越普及的替代方案，也就是將返回按鈕做到底部標(biāo)簽欄或是工具欄最左側(cè);當(dāng)然，準(zhǔn)確的說(shuō)，這種情況下容器本身也不能再叫做標(biāo)簽欄或工具欄了。那開(kāi)始吧。

這里進(jìn)入譯文。我(英文原文作者)愛(ài)iPhone5，那多出來(lái)的640×176像素的空間非常有用。不過(guò)我時(shí)常會(huì)在點(diǎn)擊那個(gè)最重要的按鈕時(shí)遇到麻煩，是的，就是返回按鈕。UX設(shè)計(jì)當(dāng)中有一條規(guī)則，如果某個(gè)功能是很常用的，那么它應(yīng)該被放在最容易點(diǎn)擊到的位置上。

49%的移動(dòng)用戶(hù)在使用手機(jī)時(shí)是單手操作的，這就意味著每?jī)蓚€(gè)用戶(hù)當(dāng)中就有一個(gè)會(huì)每天多次通過(guò)單手來(lái)點(diǎn)擊返回按鈕;算起來(lái)的話(huà)這可是數(shù)以?xún)|計(jì)的點(diǎn)擊率。如果手機(jī)尺寸略大，那么你將不得不使用另一只手來(lái)點(diǎn)擊返回按鈕。我猜這也是很多安卓手機(jī)會(huì)在左下角放置硬件返回按鈕的原因之一;不過(guò)這種解決方案也不是最優(yōu)的，因?yàn)樵诎沧科脚_(tái)中，應(yīng)用內(nèi)的“返回上一級(jí)”按鈕與硬件返回按鈕的功能還是有所區(qū)別的。

通過(guò)手勢(shì)來(lái)解決問(wèn)題

要解決返回按鈕的問(wèn)題，最簡(jiǎn)單的方案就是使用手勢(shì)。在用戶(hù)已經(jīng)熟悉了應(yīng)用操作方式的前提下，手勢(shì)還是很有效的。另外，將手勢(shì)操作作為可視化按鈕的一種補(bǔ)充形式也是不錯(cuò)的做法。

讓我有些驚訝的是，在試用了無(wú)數(shù)個(gè)應(yīng)用之后，我發(fā)現(xiàn)市面上已經(jīng)有很多產(chǎn)品在通過(guò)這種方法解決返回按鈕的問(wèn)題了。當(dāng)然，沒(méi)有哪種解決方案能適用于所有的情況，但至少這是個(gè)開(kāi)始。我個(gè)人真心希望設(shè)計(jì)師們能夠逐漸找到更多更有創(chuàng)意的方案。

拋甩(toss)

“拋甩”是對(duì)我們與真實(shí)物體之間互動(dòng)方式的一種隱喻，使用這種模式，你可以很輕松地將當(dāng)前的活動(dòng)界面“甩開(kāi)”。例如在Letterpress中，用戶(hù)可以通過(guò)向下快速滑動(dòng)的手勢(shì)將彈出提示甩走，有點(diǎn)意思。

在Facebook里，當(dāng)你全屏查看一張圖片時(shí)，可以將圖片向上或向下甩開(kāi)，回到之前的界面當(dāng)中。

橫向滑動(dòng)

新界面從屏幕右側(cè)向左滑入視圖，這是iOS當(dāng)中的標(biāo)準(zhǔn)動(dòng)效。相應(yīng)的，我們也可以通過(guò)向相反的方向執(zhí)行輕掃來(lái)導(dǎo)航回之前的界面，例如你可以在Pinterest當(dāng)中通過(guò)向右輕掃的手勢(shì)將大圖界面向右移走，回到之前的界面。

類(lèi)似的，在Flipboard里，你也可以在某主題下的內(nèi)容界面中通過(guò)向右輕掃回到主界面。

在iBooks中，并沒(méi)有明確的視覺(jué)指引告訴你可以通過(guò)左右輕掃的手勢(shì)來(lái)打開(kāi)下一頁(yè)或回到上一頁(yè)。不過(guò)除了輕掃以外，點(diǎn)擊屏幕的左右兩部分也能起到同樣的導(dǎo)航作用，這樣，由于缺乏視覺(jué)指引所導(dǎo)致的導(dǎo)航功能不可發(fā)現(xiàn)的概率就大大降低了。而且由于翻頁(yè)效果使用了強(qiáng)有力的隱喻，所以一旦用戶(hù)通過(guò)點(diǎn)擊屏幕完成了一次翻頁(yè)操作之后，很容易根據(jù)漂亮的翻頁(yè)動(dòng)效來(lái)發(fā)現(xiàn)左右輕掃的導(dǎo)航功能。

縱向拖動(dòng)

與橫向滑動(dòng)的初衷相似，如果某些界面是從屏幕底部或頂部向上滑入視圖的，那么可以嘗試使用縱向拖動(dòng)的方式來(lái)進(jìn)行后退導(dǎo)航。Day One應(yīng)用就打造了這樣一套屬于他們自己的“下拉刷新”，使用戶(hù)可以在縱向的操作中直接進(jìn)入之前或之后的一篇內(nèi)容。

在Clear里，你可以通過(guò)向下長(zhǎng)拖動(dòng)來(lái)回退到上一級(jí)列表，而向下短拖動(dòng)則用來(lái)創(chuàng)建新的事項(xiàng)。

而Haze允許用戶(hù)通過(guò)向下拖動(dòng)界面來(lái)進(jìn)入設(shè)置界面;當(dāng)然嚴(yán)格的講這不屬于“回退”方面的導(dǎo)航操作。

長(zhǎng)按或雙擊如何?

長(zhǎng)按和雙擊都是可以由拇指獨(dú)立完成的操作，所以我個(gè)人覺(jué)得它們將來(lái)有可能在回退導(dǎo)航上體現(xiàn)出價(jià)值。

從視覺(jué)和布局的角度解決問(wèn)題

誠(chéng)然，按照iOS設(shè)計(jì)規(guī)范所要求的那樣將返回按鈕放在導(dǎo)航欄左側(cè)，看上去是最自然的。但這不能阻止我們?cè)诒匾臅r(shí)候完全改變返回按鈕的視覺(jué)樣式或位置;它甚至可以看上去不那么像個(gè)按鈕。

Basecamp將待辦事項(xiàng)內(nèi)容界面設(shè)計(jì)成半覆蓋的面板形式，用戶(hù)點(diǎn)擊左側(cè)未遮蓋的空間即可將面板向右收起，返回到之前的界面。

如果內(nèi)容類(lèi)型適合，我們確實(shí)可以像Basecamp那樣將子界面處理成某種覆蓋層或面板的形式，并使用“完成(Done)”按鈕進(jìn)行關(guān)閉，返回上級(jí)界面。完成按鈕可以被放置在界面右上角，相比于左上角的位置，更容易被點(diǎn)擊到。

總結(jié)

除非蘋(píng)果推出一款更纖細(xì)、邊緣更薄的手機(jī)，否則我個(gè)人還是建議設(shè)計(jì)師們能夠抱著更開(kāi)放的心態(tài)來(lái)看待使用手勢(shì)執(zhí)行常規(guī)操作這件事。如果你能充分理解交互對(duì)象的運(yùn)動(dòng)方式以及人們對(duì)這些運(yùn)動(dòng)規(guī)律的認(rèn)知，并將這些理解體現(xiàn)到設(shè)計(jì)當(dāng)中，那么手勢(shì)會(huì)成為非常高效和符合直覺(jué)的操作方式。作為設(shè)計(jì)師，我們必須清楚人們?cè)趯?shí)際當(dāng)中是怎樣使用手機(jī)的，只有這樣，才能設(shè)計(jì)出讓人們愉悅而不是感到受挫的產(chǎn)品。

本站原創(chuàng)編譯文章。如需轉(zhuǎn)載，請(qǐng)注明：本文來(lái)自Be For Web

英文原文:

譯者信息: c7210 - UX玩家、交互設(shè)計(jì)師、曾經(jīng)的視覺(jué)與前端、貓奴、guitar *er...現(xiàn)就職于攜程無(wú)線(xiàn)事業(yè)部。

申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！