對(duì)于有些app來(lái)說(shuō),有那么一兩種功能被設(shè)計(jì)成它最核心的交互方式。這其中最出色的绰筛,也因?yàn)檫@種獨(dú)一無(wú)二的交互方式,使其與產(chǎn)品自身建立起了緊密的聯(lián)系描融。當(dāng)遇到這種相同設(shè)計(jì)時(shí)铝噩,我習(xí)慣管他們叫:被刻上烙印的交互。
clear
clear的添加和清除待辦事項(xiàng)列表的交互方式是其整個(gè)應(yīng)用的核心窿克。橫向的手勢(shì)操作是它最被人津津樂(lè)道的地方骏庸,通過(guò)這種操作,你可以一遍又一遍的刪除你的待辦事項(xiàng)列表让歼,真的敞恋,還有比這更令人激動(dòng)的嗎!另外谋右,在操作過(guò)程中所使用的動(dòng)畫(huà)和聲音效果讓一切變的非常有趣?,這一點(diǎn)點(diǎn)的心理作用补箍,讓你停不下來(lái)的一遍又一遍的去滑動(dòng)它們改执。從它開(kāi)始,這種類似的交互方式都被人們稱為clear坑雅,這到底是巧合還是他們天才的創(chuàng)見(jiàn)辈挂,我到愿意相信后者。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??![](http://i.imgur.com/vZwg7Bs.gif)
mailbox
mailbox是ios平臺(tái)上最新并最受推崇的郵件客戶端裹粤,但前提是你必須有耐心通過(guò)他們長(zhǎng)長(zhǎng)的等候名單才行终蒂。但是當(dāng)你開(kāi)始真正使用它時(shí),你會(huì)發(fā)現(xiàn)mailbox最大的作用在于管理你的收件箱遥诉。通過(guò)水平方向的手勢(shì)滑動(dòng)來(lái)操作條目這一點(diǎn)與clear非常類似拇泣,但很明顯的是mailbox還有更多的想法,而這些便是將mailbox與其他郵件客戶端區(qū)別開(kāi)來(lái)的關(guān)鍵矮锈。
當(dāng)你的手勢(shì)向右滑動(dòng)時(shí)會(huì)出現(xiàn)一個(gè)綠色的確認(rèn)標(biāo)志霉翔,它表示你可以保存這條消息。再往右方向滑動(dòng)會(huì)出現(xiàn)一個(gè)紅色背景條和一個(gè)X苞笨,它表示你可以取消债朵。如果你向左滑動(dòng),會(huì)出現(xiàn)一個(gè)黃色背景條和一個(gè)鬧鐘圖標(biāo)瀑凝,它表示你可以設(shè)定時(shí)間將這條郵件在稍后發(fā)給自己序芦。再往左滑動(dòng)時(shí)便會(huì)出現(xiàn)一個(gè)綠色背景條,它表示你可以把這條郵件添加到你的項(xiàng)目列表里粤咪。
mailbox可以被看做是一種巨大的創(chuàng)新谚中,通過(guò)四種手勢(shì)操作即可對(duì)你的郵件進(jìn)行系統(tǒng)的分類,我相信它的存在會(huì)讓我們的收件箱不再負(fù)重累累。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
vine
拍攝視頻對(duì)于智能手機(jī)來(lái)說(shuō)一直讓人非常頭疼藏杖,而vine卻發(fā)現(xiàn)其實(shí)這一切可以變的非常有趣将塑。瞧瞧twitter上數(shù)不清的用vine拍攝的視頻,你就能知道他們真的辦到了蝌麸。如果你還不相信点寥,我建議你最好親自嘗試一下vine。
讓我們看看他們是如何做到這一切的吧来吩。當(dāng)你想拍攝的時(shí)候敢辩,你只需要按住屏幕并保持住,這時(shí)進(jìn)度條就顯示正在拍攝弟疆,而當(dāng)你放開(kāi)手指戚长,你的拍攝也隨之暫停,這意味著你可以去為下一秒的拍攝尋找目標(biāo)怠苔。vine事實(shí)上給了用戶在拍攝時(shí)就可以編輯視頻的機(jī)會(huì)同廉,而不是像其他的一些應(yīng)用僅僅是丟給用戶一大堆工具。
我相信這種新的交互方式給視頻的拍攝和分享帶來(lái)了一種全新的體驗(yàn)柑司,它讓我們獲得了一種與眾不同的表達(dá)和創(chuàng)作方式迫肖。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
Path
Path是一款與你的密友分享個(gè)人生活的應(yīng)用,它最重要的交互方式體現(xiàn)在你如何在Path上添加自己想要分享的內(nèi)容攒驰。Path一直在認(rèn)真的看待這件事蟆湖,并且希望這種操作的過(guò)程中能有更多令人興奮的地方。在Path上玻粪,你只要點(diǎn)擊屏幕上帶有紅色加號(hào)的圖標(biāo)隅津,一瞬間,你所要分享的內(nèi)容選項(xiàng)就會(huì)嗖的從里面飛出來(lái)劲室。再點(diǎn)擊一下伦仍,它們又會(huì)神奇的藏回去。這種對(duì)于操作細(xì)節(jié)的關(guān)注痹籍,再加上整個(gè)過(guò)程中神奇的動(dòng)畫(huà)效果呢铆,毋庸置疑,這是一種令人著迷的使用體驗(yàn)蹲缠。而讓我們想象一下棺克,如果Path只是簡(jiǎn)單的在屏幕底部放上一堆點(diǎn)擊按鈕,就像其它應(yīng)用常干的那樣线定,我相信我們一定會(huì)丟失掉很多令人難忘的時(shí)光娜谊。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
![](http://i.imgur.com/c0vmxvS.gif)
Google+
當(dāng)Google+帶來(lái)了一種更加美觀的信息分享方式的時(shí)候,他們又開(kāi)始思考在自己的app上弄出一個(gè)值得炫耀的設(shè)計(jì):加載條斤讥。Google+使用往下拖拽的方式來(lái)加載最新的內(nèi)容纱皆,事實(shí)上湾趾,這種交互方式的效果令人的印象非常深刻。在Google+上派草,當(dāng)你按住屏幕開(kāi)始往下拖拽時(shí)搀缠,會(huì)出現(xiàn)四條豎著的彩色絲帶,而且看起來(lái)近迁,它們會(huì)隨著你的拖拽動(dòng)作不斷伸縮艺普。這就好像如果你用力太大,拖拽的太遠(yuǎn)鉴竭,這幾個(gè)彩色絲帶會(huì)瞬間斷掉一樣歧譬。老實(shí)說(shuō),我?guī)缀趺看问褂肎oogle+的時(shí)候都會(huì)拿出來(lái)試試搏存,并且在想如果我真的成功了瑰步,Google的那幫人會(huì)不會(huì)瘋掉。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?![](http://i.imgur.com/crchdjt.gif)
如何創(chuàng)造出刻上你烙印的交互方式璧眠?
在app設(shè)計(jì)的一開(kāi)始缩焦,我們有些非常重要的問(wèn)題要去思考:到底什么才是你的核心功能?而你所做的哪些努力可以讓人們一遍又一遍的去使用蛆橡?如果你嘗試著認(rèn)真的思考這些問(wèn)題舌界,并且足夠幸運(yùn)的話,我相信你也可以創(chuàng)造出以你的產(chǎn)品來(lái)命名的交互方式泰演,就像clear一樣。專注于用戶所接觸到的核心操作葱轩,然后為這些經(jīng)常發(fā)生的行為提供支持睦焕。
上面的例子都是關(guān)于如果為你的應(yīng)用構(gòu)建最核心的交互方式的。當(dāng)然靴拱,并不是每一個(gè)用戶都那么貪玩垃喊,但是我們可以讓我們的應(yīng)用在使用時(shí)包含更多令人興奮的地方。事實(shí)上袜炕,通過(guò)在用戶的情感需求上投入額外的努力本谜,我們可以將讓自己的產(chǎn)品所提供的用戶價(jià)值登上一個(gè)新的臺(tái)階。
“在我們的設(shè)計(jì)中增加更多情感化的因素偎窘,并且有意識(shí)的去塑造關(guān)于產(chǎn)品的的美好回憶乌助,這不僅僅是鼓勵(lì)用戶更長(zhǎng)時(shí)間的停留在我們的產(chǎn)品上,這還會(huì)讓他們感知到產(chǎn)品所包含的情感與愛(ài)陌知,慢慢的他們會(huì)變成為你的應(yīng)用搖旗吶喊的布道者他托。”
?Stephen?P.?Anderson,?Seductive?Interaction?Design
而當(dāng)你的交互方式變的如此的獨(dú)一無(wú)二時(shí)仆葡,你的用戶會(huì)潛移默化的將這種交互方式與你品牌聯(lián)系在一起赏参,你要知道,在這個(gè)被界面所充滿的世界里,擁有一種屬于自己的交互方式把篓,這將是一種多么強(qiáng)大的品牌力量纫溃。
原創(chuàng)翻譯 @一筆一畫(huà)的小胡子
原文地址:http://www.matthewmooredesign.com/branded-interactions/
小店地址:http://shop102288713.taobao.com/