【連載】特定場景下的交互設(shè)計(jì)

特定場景下的交互與UI設(shè)計(jì)

上周在公司內(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ì)的失敗。


(圖一:失敗的設(shè)計(jì))

我們首先來看這個(gè)界面(圖一)玛歌,真的很好看很漂亮昧港,按鈕的質(zhì)感和配色都無可挑剔,但是大家有沒有注意到支子,這個(gè)管理上傳文件的彈窗在功能操作上的感受會讓人有和老羅一樣的感受创肥。

它的界面有上傳、刪除值朋、和取消功能叹侄,但我們看這張圖片,我們真的無法去判斷如何操作昨登。它功能按鈕做的雖然很精致趾代,但是配色方面讓用戶覺得無從下手。我們經(jīng)常作為警示的紅色用到了取消丰辣,我們最常用的上傳功能用到了灰色撒强,按照普通用戶的操作習(xí)慣來說,最長按的就是刪除的按鈕笙什,顯然這是讓人崩潰的設(shè)計(jì)飘哨。我很難去快速的識別和操作。

看這些非常精美的按鈕琐凭,可以說UI做到了極致芽隆,那你可以說這是個(gè)好設(shè)計(jì)嗎?顯然不是,他錯(cuò)在哪里胚吁?錯(cuò)在他脫離了場景臼闻,表意的換亂造成操作的不確定性和糟糕的用戶體驗(yàn)。


(圖二:合格的設(shè)計(jì))

我們在看下圖二顯然它是合格的囤采,為什么呢述呐?場景對了!藍(lán)色代表功能蕉毯,灰色代表取消功能乓搬,紅色代表刪除并有提示作用。在上傳文件管理的操作場景下代虾,這樣的表達(dá)就符合了這個(gè)場景的功能特點(diǎn)进肯。

在看我們的題目,《特定場景下的交互與UI設(shè)計(jì)》我更想個(gè)他加個(gè)標(biāo)題棉磨,設(shè)計(jì)中如何避免“讓老羅打臉”的尷尬江掩。

我在接下來的文章中會從場景的定義和分析、場景分析對于交互乘瓤、場景分析對于UI环形、綜合實(shí)例四個(gè)方面來說一下自己對于特定場景下設(shè)計(jì)的理解和感受。


下期預(yù)告:

場景的定義和分析

場景的定義和分析
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末衙傀,一起剝皮案震驚了整個(gè)濱河市抬吟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌统抬,老刑警劉巖火本,帶你破解...
    沈念sama閱讀 218,284評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異聪建,居然都是意外死亡钙畔,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評論 3 395
  • 文/潘曉璐 我一進(jìn)店門金麸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來擎析,“玉大人,你說我怎么就攤上這事钱骂∈迦瘢” “怎么了挪鹏?”我有些...
    開封第一講書人閱讀 164,614評論 0 354
  • 文/不壞的土叔 我叫張陵见秽,是天一觀的道長。 經(jīng)常有香客問我讨盒,道長解取,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,671評論 1 293
  • 正文 為了忘掉前任返顺,我火速辦了婚禮禀苦,結(jié)果婚禮上蔓肯,老公的妹妹穿的比我還像新娘。我一直安慰自己振乏,他們只是感情好蔗包,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著慧邮,像睡著了一般调限。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上误澳,一...
    開封第一講書人閱讀 51,562評論 1 305
  • 那天耻矮,我揣著相機(jī)與錄音,去河邊找鬼忆谓。 笑死裆装,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的倡缠。 我是一名探鬼主播哨免,決...
    沈念sama閱讀 40,309評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼昙沦!你這毒婦竟也來了铁瞒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,223評論 0 276
  • 序言:老撾萬榮一對情侶失蹤桅滋,失蹤者是張志新(化名)和其女友劉穎慧耍,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體丐谋,經(jīng)...
    沈念sama閱讀 45,668評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡芍碧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了号俐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泌豆。...
    茶點(diǎn)故事閱讀 39,981評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖吏饿,靈堂內(nèi)的尸體忽然破棺而出踪危,到底是詐尸還是另有隱情,我是刑警寧澤猪落,帶...
    沈念sama閱讀 35,705評論 5 347
  • 正文 年R本政府宣布贞远,位于F島的核電站,受9級特大地震影響笨忌,放射性物質(zhì)發(fā)生泄漏蓝仲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望袱结。 院中可真熱鬧亮隙,春花似錦、人聲如沸垢夹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽果元。三九已至煤裙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間噪漾,已是汗流浹背硼砰。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留欣硼,地道東北人题翰。 一個(gè)月前我還...
    沈念sama閱讀 48,146評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像诈胜,于是被迫代替她去往敵國和親豹障。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評論 2 355

推薦閱讀更多精彩內(nèi)容