[自譯]UX設(shè)計中的角色扮演

想知道現(xiàn)在大多數(shù)應用和網(wǎng)站有多不人性化?

把那些網(wǎng)站和應用想象成一個人,你試著和它來一場對話,你就知道大多數(shù)網(wǎng)站和應用都是多么……不靠譜了!

下面是我最近在一個會議網(wǎng)站上申請一個工作坊所進行的“對話”:

網(wǎng)站:“期望的參展人數(shù)?!?/p>

我:“額……‘大概二十多’?”(填充區(qū)域大概有20個半角空格)

網(wǎng)站:“錯誤!人數(shù)必須是一個數(shù)字!”

我:“好吧……那‘20-30’?!?/p>

網(wǎng)站:”錯誤!人數(shù)必須是一個數(shù)字!“

我:“唔,我填的是數(shù)字啊……我想可能不能填寫一個范圍吧,那填個‘24?’“

網(wǎng)站:”錯誤!人數(shù)必須是一個數(shù)字!“

我:”24“。

以上只是一處填充格!

這會是兩個人之間的真實對話嗎?那樣的話”設(shè)備“應該會更包容一些,能夠接受我第一次的回應內(nèi)容?;蛘?,他或者她本可以提前澄清所需要的回應內(nèi)容。如果我填一個空都要如此費盡,那結(jié)果應該需要很多安慰或者獎勵??!

在真實的世界中,我們大多數(shù)都是很好的交流者。我們也應該如此,畢竟已經(jīng)練習了至少十年呀!

而網(wǎng)絡上和機器的對話呢?

我所知道的優(yōu)秀的交互設(shè)計師,他們至少都會在他們的腦海里”排練“他們所設(shè)計的界面對話。

這就使我想到了……為什么我們不把這個練習明確下來呢?用個漂亮的道具(比如一個形象化的瀏覽器)和一個已經(jīng)存在的頁面當做”劇本“。

看看這個視頻吧:https://www.youtube.com/watch?v=hkAFdIrTR00

這是這個視頻的對話:http://uxmastery.com/wp-content/uploads/2012/12/stephen-anderson-transcript.txt

這是一個簡單的練習,但是他真的很有啟發(fā)性。

整個步驟如下:

  1. 用一個投影儀,把需要評估的界面投影到墻上給所有人看到。兩個人”角色扮演“這個交互,第三個人記錄。

  2. 第一個人—用戶—將自己和這個頁面的交流想法都大聲說出來。表格頁面是最適合這個練習了,當然其他頁面也不錯。

  3. 第二個人扮演這個頁面。他們的對話只能局限于投影出來的這個界面。當然,他們可以任意修飾一下劇本上的臺詞。別忘了弄一個漂亮的道具來幫助人們進入角色。

    ?

這可能看起來有點傻,但這的確很管用,我之前用它來和客戶交流,把現(xiàn)存的痛點表演給他們看到。當然,也有很多頁面不像這個頁面那么適合這種評估方法。但里面總有一部分細節(jié)可以拿出來,適用于這個練習。

對話細節(jié)

好的交互設(shè)計一定是貫穿人與機器交互的每個步驟的。這些交互可以是直截了當?shù)?,比如點擊一處按鈕,或者完成一個表格。也有一些交互是難以表述的,比如試著理解問題和如何回答所產(chǎn)生的停頓,就像開頭我寫出來的那個對話一樣。

事實上,設(shè)計師很容易集中在界面元素本身。要求表現(xiàn)出來的信息啊,頁面里展現(xiàn)的內(nèi)容啊。我們經(jīng)常忽略掉人與機器對話停頓的這一面。

比如下面這個例子:

IMG1

第一眼看上去,這個頁面沒什么問題。有些漂亮的圖標,有個標題,有個很顯目的按鈕,但是……

為什么我會在這?我是在期待什么?我到這是為了注冊嗎?或者是填充我的賬號?如果我不注冊,那我為什么會有”設(shè)置“和”我的書籍“這兩個選項?而且,第一句話是什么意思,”我們現(xiàn)在正在搜尋你的書本……“

最終證實,”完成的你賬號“按鈕會引領(lǐng)用戶到”注冊“頁面,那個頁面上有用戶熟悉的用戶名/密碼這兩個內(nèi)容。以這個例子來說,側(cè)邊欄就完全不需要了。(既然我不能進去那還給我看干嘛?)

另外,”我們現(xiàn)在正在搜索書籍……“這一行字只是用來分心的,就好像你正在填表的時候有個人在對你說話一樣。你可以試著和這個頁面來一場對話,你會發(fā)現(xiàn)有很多吐槽的地方。

所以,我們怎么重新設(shè)置這個頁面來解決這些問題呢?嗯,一個簡單的登錄界面,和一句歡迎詞(既然這是用戶第一次訪問頁面)可能更適合一些。

設(shè)計微動畫

這個概念如今已經(jīng)被廣泛應用了,那么為什么要用它?

想象一下兩個人第一次見面,得多小心翼翼的組織一場對話?而且,一場好的對話可不止是語言上的,一些小的細節(jié)也是至關(guān)重要——語氣語調(diào),尷尬時候的暖場等等!

為什么不把這些用在設(shè)計一個界面呢?

這就是我們現(xiàn)在流行的:微動畫了。我們可以在交互中任何有可能尷尬的場合使用微動畫。

就像魔術(shù)師需要參與到每個細節(jié)中,否則他們想要創(chuàng)造的幻覺就很可能失敗。同樣的,導演,律師,政治家和其他職業(yè)都需要細節(jié)來確保他們的努力最終是有效果的,那我們設(shè)計師何嘗也不是呢?想象這場交互是一場對話吧!是你和系統(tǒng)的對話!

不管你是否是和線上的數(shù)據(jù)還是和頁面后的其他人在對話,都需要把這場對話設(shè)計的更合適些。試著用這種方法來排練對話吧!你會有所收獲的!

原作:Stephen P. Anderson

譯者:林影落

這是一篇5年前的文章,由于上一篇文《五步提高交互設(shè)計》有提到,此處單獨列一篇作進一步說明。根據(jù)自己的經(jīng)驗和現(xiàn)在的趨勢,有適當修改。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,763評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,238評論 3 428
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,823評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,604評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,339評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,713評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,712評論 3 445
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,893評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,448評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,201評論 3 357
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,397評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,944評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,631評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,033評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,321評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,128評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,347評論 2 377

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