近幾年移動(dòng)平臺(tái)風(fēng)生水起，APP多得數(shù)不勝數(shù)，交互方式也是遍地開(kāi)花，相信大家都玩過(guò)那么幾個(gè)讓人驚艷的APP。大家看到的亮點(diǎn)或是轉(zhuǎn)場(chǎng)夠炫、或是擬物得恰到好處、又或是突破性的操作方式，但我認(rèn)為“需要時(shí)顯示”也是許多設(shè)計(jì)中的精妙之筆，是設(shè)計(jì)師應(yīng)遵循的原則之一。

需要時(shí)顯示

首先談?wù)?ldquo;需要時(shí)顯示”這個(gè)概念，記憶中這句話有2個(gè)出處：

Extras on Demand. -《Designing Interfaces》

摘抄：讓80%的使用情形更容易，而剩下的20%至少是可能達(dá)到的（需要用戶(hù)稍做努力）。

Only Show What I Need When I Need It. -《Android Design-Design Principle》

摘抄：當(dāng)一下子看到太多東西時(shí)，人們?nèi)菀资艽驌簟�將任�?wù)和信息分解成小的、可消化的片段。隱藏當(dāng)前非必須的選項(xiàng)，并指導(dǎo)人們?nèi)绾巫呦氯ァ?/p>

兩個(gè)出處，一個(gè)貫穿全書(shū)，一個(gè)作為操作系統(tǒng)的規(guī)范，可見(jiàn)這句話的分量。

舉個(gè)例子

說(shuō)到這里，我忍不住要舉個(gè)非常喜歡的案例-ALKAQUA礦泉水。不知道有多少同學(xué)在超市看到過(guò)這瓶水，反正它驚艷了我的時(shí)光…

整個(gè)瓶身只有LOGO，凈含量等信息，配上膠囊狀的形態(tài)，看上去非常簡(jiǎn)潔，氣質(zhì)優(yōu)雅。

但這還不是高潮，真正的高潮是在轉(zhuǎn)動(dòng)瓶身時(shí)的那一剎那，我被折服了。

關(guān)于此水的詳細(xì)介紹用極小的字體印在了背面，而又恰好地利用水的折射放大了文字。

畫(huà)外音：我們?yōu)槭裁匆�轉(zhuǎn)動(dòng)瓶身了？一定是在尋找！那么當(dāng)你要找它時(shí)，它就恰到好處地出現(xiàn)在你眼前，沒(méi)有早一步，也沒(méi)有晚一步，剛巧趕上了。

為什么“需要時(shí)顯示”

在我看來(lái)，“需要時(shí)顯示”能成為設(shè)計(jì)原則并不是不無(wú)道理：

1.頁(yè)面承載更多信息

自從人類(lèi)記錄事物的方式從壁畫(huà)到羅馬人的“codex”頁(yè)后，內(nèi)容就變得有了邊界。移動(dòng)設(shè)備的興起，使我們傳統(tǒng)意義上的“頁(yè)”變得越來(lái)越小，更加地需要隱藏使界面承載更多的信息！

2.使界面變得優(yōu)雅

排版上認(rèn)為，界面的優(yōu)雅在于合適的留白，讓人的視線可以得到喘息。就像批發(fā)市場(chǎng)對(duì)比奢侈品店的陳列，擁堵、嘈雜總給人一種低檔、庸俗的感覺(jué)，而寬敞的空間總讓人覺(jué)得從容、閑適。功能的隱藏釋放了空間，使我們的界面變得優(yōu)雅。

3.核心任務(wù)/信息更清晰

頁(yè)面所有的設(shè)計(jì)應(yīng)該為其核心任務(wù)服務(wù)，隱藏不必要的信息，核心信息才會(huì)相對(duì)清晰和凸顯，這是對(duì)用戶(hù)最好的指引。

4.打動(dòng)用戶(hù)

精妙的“功能出場(chǎng)”如同ALKAQUA的說(shuō)明那樣，在我們真正需要時(shí)給予我們，這樣的設(shè)計(jì)能與用戶(hù)產(chǎn)生思維上的互動(dòng)，讓人瞬間感動(dòng)。

正題：如何“需要時(shí)顯示”

“需要時(shí)顯示”其實(shí)講的是2點(diǎn)：

1.暫時(shí)不需要的功能要隱藏起來(lái)。

2.被隱藏的功能要能被發(fā)現(xiàn)。

第1點(diǎn)許多人已經(jīng)探討過(guò)了，我們可以通過(guò)聚攏、壓縮等方式來(lái)進(jìn)行。這里需要探討的是第2點(diǎn)——如何讓用戶(hù)發(fā)現(xiàn)功能，或者說(shuō)是“功能可見(jiàn)性”的問(wèn)題。

換句話說(shuō)，設(shè)計(jì)師定義了頁(yè)面中隱藏了某些功能，但用戶(hù)需要通過(guò)非常規(guī)手段才能發(fā)現(xiàn)，這個(gè)實(shí)在不是好的設(shè)計(jì)。（ps：這里需要考慮功能到底有多生僻，本篇暫不做討論）

功能可見(jiàn)性

功能可見(jiàn)性，其實(shí)說(shuō)得是“如何讓用戶(hù)發(fā)現(xiàn)功能”的問(wèn)題。

最直接的形式是給用戶(hù)一個(gè)可視信號(hào)：這里有東西。當(dāng)然形式可以是直白的也可以是暗示性的、甚至可以通過(guò)社會(huì)性的影響。

但如果不給出信號(hào)的話，用戶(hù)也可以：

1.通過(guò)學(xué)習(xí)發(fā)現(xiàn)。

2.被動(dòng)地發(fā)現(xiàn)。

3.不用發(fā)現(xiàn)，它已經(jīng)出現(xiàn)了。

于是我們就有了這樣一個(gè)框架：

語(yǔ)義符號(hào)

1.蓄意性語(yǔ)義符號(hào)

蓄意性語(yǔ)義符號(hào)指的是有意識(shí)地創(chuàng)建和布置好的語(yǔ)義符號(hào)，簡(jiǎn)單點(diǎn)說(shuō)就是有明確意義的實(shí)體信息，比如路口的指示牌等。

蓄意性語(yǔ)義符號(hào)是界面語(yǔ)言中最常見(jiàn)、最易被感知的信號(hào)，比如各種箭頭、按鈕、icon等。我們常用下箭頭表示有浮層或可伸展，i按鈕查看imformation信息，用“+”表示可展開(kāi)等。

Path中的“+”則代表了一類(lèi)“添加”操作的集合，google play中應(yīng)用的介紹用“v”表示了下方有更多信息。

2.附帶性語(yǔ)義符號(hào)

附帶性語(yǔ)義符號(hào)指的是生活中行為和事件意料之外的副產(chǎn)品，簡(jiǎn)單點(diǎn)說(shuō)就是暗示性的實(shí)體信息，比如人的影子，這是一個(gè)人存在于一個(gè)光源前面的附加效果，也暗示著人的存在。與蓄意性符號(hào)不同的是，它們表面上都不帶任何意義。

早些年使用樂(lè)phone時(shí)的一個(gè)交互，讓我記憶深刻。這里的光作為某個(gè)未知物的附帶性產(chǎn)物（想想街頭轉(zhuǎn)角處的人影），被用戶(hù)所察覺(jué)，它暗示著這里有東西。

QQ提醒的交互也非常有意思，點(diǎn)擊底部的冠形部分，會(huì)彈出一個(gè)圓形菜單，冠形本身并沒(méi)有什么明確意義，它僅僅暗示它是不完整的形態(tài)。

3.界面隱喻

附帶性語(yǔ)義符號(hào)中有個(gè)特殊的類(lèi)型是必須提及的，也是設(shè)計(jì)師最樂(lè)于關(guān)注的，那就是隱喻。

修辭上認(rèn)為隱喻是通過(guò)比較兩個(gè)好像無(wú)關(guān)的事物，制造的一種修辭的轉(zhuǎn)義。而設(shè)計(jì)中的隱喻往往借助擬物化來(lái)產(chǎn)生附帶性的信息，但并不是單純地?cái)M物，而是通過(guò)與現(xiàn)實(shí)物的類(lèi)比，對(duì)界面語(yǔ)言進(jìn)行轉(zhuǎn)義，讓材質(zhì)、陰影、形狀等形成新的意義。就像眾所周知的：觸屏界面的基礎(chǔ)就是卡片式的隱喻，iOS的解鎖就是插鎖的隱喻等。

Flava中的一個(gè)操作相信用過(guò)的人都會(huì)有印象。撕邊紙的操作讓人聯(lián)想到了卷紙，而卷紙則隱喻著該界面可以滾動(dòng)，操作后果不其然。

另一個(gè)較經(jīng)典的案例是ios6中地圖的折角，按照現(xiàn)實(shí)的隱喻，這里是可以翻起的。

標(biāo)簽： 交互設(shè)計(jì) 社會(huì)性語(yǔ)義符號(hào) App設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。