上周在公司內(nèi)部做了一次關(guān)于交互和UI設(shè)計(jì)的演講惫确,整理完之后發(fā)現(xiàn)還有一些東西值得留下來。也算是把當(dāng)時(shí)的逐字稿分享給大家眼耀,當(dāng)然會稍微有些不同英支,逐字稿也是寫的慘不忍睹。閑言少敘哮伟,我們開始干花。
相信大家都在網(wǎng)上看過老羅(羅永浩)在星巴克打臉的視頻妄帘,這個(gè)視頻每次在老羅有什么新聞的時(shí)候都會被挖出來發(fā)一遍,我們在這個(gè)視頻中還是可以看出很多東西的池凄。 包括用戶體驗(yàn)抡驼、營銷方法、甚至文化差異等等肿仑。真的很有意思致盟。
首先我們要肯定星巴克這樣杯型的命名是有著他一套營銷邏輯的。星巴克的點(diǎn)單環(huán)節(jié)尤慰,可以說是一次游戲馏锡、一次社交行為及表演,客戶在此也得到了某種程度上的滿足割择。
但確實(shí)對于點(diǎn)單的客戶最初會造成很大困惑眷篇,這就和頁面一樣,如果沒有對場景進(jìn)行分析荔泳,設(shè)計(jì)就會給用戶帶來困擾和一些非常不適的心里感受蕉饼。那么設(shè)計(jì)出的輸出物也可能是一次交互設(shè)計(jì)和UI設(shè)計(jì)的失敗。
我們首先來看這個(gè)界面(圖一)玛歌,真的很好看很漂亮昧港,按鈕的質(zhì)感和配色都無可挑剔,但是大家有沒有注意到支子,這個(gè)管理上傳文件的彈窗在功能操作上的感受會讓人有和老羅一樣的感受创肥。
它的界面有上傳、刪除值朋、和取消功能叹侄,但我們看這張圖片,我們真的無法去判斷如何操作昨登。它功能按鈕做的雖然很精致趾代,但是配色方面讓用戶覺得無從下手。我們經(jīng)常作為警示的紅色用到了取消丰辣,我們最常用的上傳功能用到了灰色撒强,按照普通用戶的操作習(xí)慣來說,最長按的就是刪除的按鈕笙什,顯然這是讓人崩潰的設(shè)計(jì)飘哨。我很難去快速的識別和操作。
看這些非常精美的按鈕琐凭,可以說UI做到了極致芽隆,那你可以說這是個(gè)好設(shè)計(jì)嗎?顯然不是,他錯(cuò)在哪里胚吁?錯(cuò)在他脫離了場景臼闻,表意的換亂造成操作的不確定性和糟糕的用戶體驗(yàn)。
我們在看下圖二顯然它是合格的囤采,為什么呢述呐?場景對了!藍(lán)色代表功能蕉毯,灰色代表取消功能乓搬,紅色代表刪除并有提示作用。在上傳文件管理的操作場景下代虾,這樣的表達(dá)就符合了這個(gè)場景的功能特點(diǎn)进肯。
在看我們的題目,《特定場景下的交互與UI設(shè)計(jì)》我更想個(gè)他加個(gè)標(biāo)題棉磨,設(shè)計(jì)中如何避免“讓老羅打臉”的尷尬江掩。
我在接下來的文章中會從場景的定義和分析、場景分析對于交互乘瓤、場景分析對于UI环形、綜合實(shí)例四個(gè)方面來說一下自己對于特定場景下設(shè)計(jì)的理解和感受。
下期預(yù)告:
場景的定義和分析