市面上現(xiàn)有的主流手機(jī)操作系統(tǒng)有一些優(yōu)秀的體驗(yàn)，比如android從頂部下滑出的通知中心。Palm的context menu 從屏幕下部的感應(yīng)區(qū)呼出。Nokia N9 就更為純粹，把just swipe——從側(cè)面滑動(dòng)切換手機(jī)態(tài)視為核心的設(shè)計(jì)理念。仔細(xì)看還挺邪門兒的，從頂部向下，從底部向上，從側(cè)面向內(nèi)——它們是如此熱衷于邊緣，以至于當(dāng)我們想再這么做的時(shí)候，發(fā)現(xiàn)四周都被它們用光了：）
為什么是邊緣？我想到兩個(gè)原因，第一個(gè)記憶成本，第二個(gè)fitts定律。
畫了三張圖，試著每張圖停留5秒鐘，記住黑點(diǎn)的位置：

事實(shí)上可以將黑點(diǎn)理解為界面中需要定位的信息，隨機(jī)擺放的情況下，5秒鐘的時(shí)間很可能一個(gè)也記錄不下。
下一張，仍然是5秒鐘的時(shí)間

同樣是5秒鐘的時(shí)間，結(jié)果確有所不同。原因就在于本來一個(gè)黑點(diǎn)對應(yīng)兩個(gè)信息（x，y），但再這張圖中,其中一個(gè)信息被大大簡化了，以至大體能記下一兩個(gè)點(diǎn)的位置。當(dāng)我們真的用到邊緣的時(shí)候，情況還更簡單一些，比如下一張圖，同樣是5秒鐘時(shí)間。

顯而易見的一個(gè)結(jié)論是邊緣的記憶成本要低一些，道理也很簡單，如果黑點(diǎn)在屏幕內(nèi)，每個(gè)點(diǎn)有兩個(gè)維度的信息，x，y，而在屏幕邊緣時(shí)，因?yàn)檫吘壷挥兴膫€(gè)，很容易區(qū)分，以至這個(gè)維度的信息幾乎可以忽略，這樣自然更容易定位了。

第二可以說明邊緣道理的就是fitts定律，它可以簡單的描述成定位一個(gè)目標(biāo)的時(shí)間，取決于目標(biāo)與當(dāng)前位置的距離，以及目標(biāo)的大?。ㄟ€有其他因素，但和界面相關(guān)度較小）。距離越近時(shí)間越短，目標(biāo)越大，時(shí)間越短。更詳細(xì)的內(nèi)容可以參見這里

表面看來，fitts定律和邊緣沒有什么直接的關(guān)系，但仔細(xì)想下，我們所謂的“移動(dòng)到邊緣”和“從邊緣移入”實(shí)際的目標(biāo)點(diǎn)并非邊緣本身，而是“邊緣外”?？梢韵胂?，如果我們需要定位到邊緣上的一點(diǎn)，多了少了都不算數(shù)，其實(shí)還是蠻難的，但如果只要移出邊緣就算數(shù)，那顯然會(huì)容易很多。套用到fitts定律上，目標(biāo)點(diǎn)的位置實(shí)際上是邊緣的一些像素及邊緣之外的全部面積，這個(gè)目標(biāo)點(diǎn)就足夠大了，以至fitts定律因?yàn)橐粋€(gè)分母的增大而使得界面的效率提高。如下圖。

另外還有一些我曾經(jīng)做過的設(shè)計(jì)作為案例，比如下面的解鎖界面，上邊為概念稿，下邊是我們再產(chǎn)品正式開發(fā)前改進(jìn)的稿件，這個(gè)設(shè)計(jì)可以在現(xiàn)在市面上的騰訊定制的手機(jī)上可能到。

右圖中的小字為“拖動(dòng)圖標(biāo)到屏幕邊緣解鎖”。這個(gè)設(shè)計(jì)充分利用了屏幕的四個(gè)邊緣，出去可以從fitts定律解釋的效率提高外，同時(shí)有的優(yōu)點(diǎn)包括：可以盲解鎖（解鎖鍵在屏幕正中，感應(yīng)區(qū)域也較大，容易定位），進(jìn)而可以不用看到屏幕既可完成解鎖甚至還可以進(jìn)入到你想要的應(yīng)用（屏幕四周對應(yīng)四個(gè)常用界面），也就是說在你從口袋里拿出它的這個(gè)過程，從解鎖到選擇應(yīng)用一并完成了。
當(dāng)然，不論什么設(shè)計(jì)都不是完美無缺的，比如這個(gè)設(shè)計(jì)也受到一些挑戰(zhàn)，諸如：“為什么有四個(gè)入口，一個(gè)不是挺好，移動(dòng)端設(shè)計(jì)力求一個(gè)頁面完成一個(gè)功能，不用這么復(fù)雜”。這點(diǎn)我不認(rèn)同，也涉及到另外一個(gè)有關(guān)交互密度的話題。移動(dòng)端的設(shè)計(jì)雖然力求功能簡潔明了，但不能一概而論。100個(gè)功能不可能安排100個(gè)頁面來完成，交互密度需要和用戶熟悉程度相關(guān)。畫了下面的圖標(biāo)，但只是感覺而已，未經(jīng)論證：

在NOKIA工作的時(shí)候，一個(gè)設(shè)計(jì)師說起他們的調(diào)研結(jié)果：用戶每天在手機(jī)屏幕停留的時(shí)間，大約60%-70%以上在主屏幕（home screen）上，這一結(jié)論好像那個(gè)直接導(dǎo)致了我們看到nokiaN97剛上市時(shí)那個(gè)繁華的過了頭的主頁面，先不論這個(gè)設(shè)計(jì)的好壞，數(shù)據(jù)上是比較客觀的（3年前的數(shù)據(jù)）。對于用戶非常熟悉的界面，我們雖然不必像N97的主頁面一樣排滿功能，但在功能，內(nèi)容布局中將密度提高一些是可以接受的，這樣有利于用戶有效的提高操作效率。也一并解釋上述設(shè)計(jì)中四個(gè)入口的問題。

摩托羅拉在去年年末推出了一款新的手機(jī)，界面上和我們之前的設(shè)計(jì)非常相近，并非想說moto抄襲，應(yīng)該只是個(gè)偶然，因?yàn)轵v訊也經(jīng)常要面對抄襲的指責(zé)，可能大家都是中國人，習(xí)慣這個(gè)詞了，但是設(shè)計(jì)上并沒有那么多抄襲可言。好的想法是可以碰撞的。總的來說這并不是一個(gè)很爛的設(shè)計(jì)。
關(guān)于邊緣及交互密度，在桌面軟件中有很多應(yīng)用，mac，win7系統(tǒng)中有很多相關(guān)的優(yōu)秀體驗(yàn)。最近我們在QQ2012的概念稿中也有充分的體現(xiàn)，短時(shí)間內(nèi)不便放設(shè)計(jì)稿上來，終究它能帶來一些不錯(cuò)的體驗(yàn)，值得實(shí)踐一下。

來源：http://www.gaoge.me/?p=150