想知道現(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ā)性。
整個步驟如下:
用一個投影儀,把需要評估的界面投影到墻上給所有人看到。兩個人”角色扮演“這個交互,第三個人記錄。
第一個人—用戶—將自己和這個頁面的交流想法都大聲說出來。表格頁面是最適合這個練習了,當然其他頁面也不錯。
-
第二個人扮演這個頁面。他們的對話只能局限于投影出來的這個界面。當然,他們可以任意修飾一下劇本上的臺詞。別忘了弄一個漂亮的道具來幫助人們進入角色。
?
這可能看起來有點傻,但這的確很管用,我之前用它來和客戶交流,把現(xiàn)存的痛點表演給他們看到。當然,也有很多頁面不像這個頁面那么適合這種評估方法。但里面總有一部分細節(jié)可以拿出來,適用于這個練習。
對話細節(jié)
好的交互設(shè)計一定是貫穿人與機器交互的每個步驟的。這些交互可以是直截了當?shù)?,比如點擊一處按鈕,或者完成一個表格。也有一些交互是難以表述的,比如試著理解問題和如何回答所產(chǎn)生的停頓,就像開頭我寫出來的那個對話一樣。
事實上,設(shè)計師很容易集中在界面元素本身。要求表現(xiàn)出來的信息啊,頁面里展現(xiàn)的內(nèi)容啊。我們經(jīng)常忽略掉人與機器對話停頓的這一面。
比如下面這個例子:
第一眼看上去,這個頁面沒什么問題。有些漂亮的圖標,有個標題,有個很顯目的按鈕,但是……
為什么我會在這?我是在期待什么?我到這是為了注冊嗎?或者是填充我的賬號?如果我不注冊,那我為什么會有”設(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)在的趨勢,有適當修改。