當(dāng)人們?nèi)硇牡赝度朐谀硞€活動中時窗轩,會對周邊干擾視而不見,這種狀態(tài)被稱為"流"介劫。人們進行游戲或其它創(chuàng)造性活動(編程徽惋,繪畫)時更容易進入“流”,而日常生活中這種狀態(tài)卻很少座韵。about face這章所討論的“流”并不完全是游戲等娛樂或創(chuàng)造性工具中用戶進入的那種“心流”狀態(tài)险绘。因為比起游戲可以讓人通過創(chuàng)造性成就和能力的提高帶來的滿足感和愉快感,絕大部分交互產(chǎn)品是希望用戶使用產(chǎn)品時能高效順利的完成任務(wù)誉碴。所以本文討論的是宦棺,如何有效地設(shè)計出與用戶“流”相匹配的交互,對于用戶想要完成的任務(wù)或者產(chǎn)品希望用戶去完成的任務(wù)黔帕,提高其效率代咸,完成率和流暢度。
策略一:在用戶執(zhí)行任務(wù)前-避免空狀態(tài)
對于大多數(shù)人來說成黄,從空白開始很困難呐芥,而在別人做好的基礎(chǔ)上開始則會更簡單
在PC端的PPT或者word上逻杖,用戶創(chuàng)建新文檔時,產(chǎn)品會默認創(chuàng)建一個空白文檔思瘟,而不是首先打開一個對話框荸百,讓用戶去設(shè)置每一個細節(jié)。大部分用戶都希望產(chǎn)品能邁出“足夠好的”第一步滨攻,然后按照自己的需要調(diào)配够话,提供模板也是這個道理。同樣光绕,產(chǎn)品可以用這種方式將用戶逐漸導(dǎo)向目標(biāo)更鲁。
策略二:提供非模態(tài)反饋,盡量避免模態(tài)的彈出框
產(chǎn)品有多種方式向用戶呈現(xiàn)或反饋信息奇钞。對于模態(tài)反饋澡为,比如彈出框,它讓程序處于一種特定狀態(tài)景埃,用戶必須進行相應(yīng)操作后才能返回以前的狀態(tài)媒至,這就打斷了用戶當(dāng)前的操作流。而非模態(tài)反饋則不會干擾或打斷用戶當(dāng)前的操作谷徙,它把用戶需要的信息構(gòu)建在界面中拒啰,不需要用戶去操作。
這里以在網(wǎng)易云音樂里發(fā)布動態(tài)這個任務(wù)為例來說明設(shè)計原則
網(wǎng)易云音樂定位移動音樂社區(qū)完慧,產(chǎn)品希望所有人能在這里找到音樂的歸屬和情感的共鳴谋旦。對于UGC社區(qū)而言,如何讓用戶自發(fā)的去創(chuàng)造內(nèi)容是產(chǎn)品的關(guān)鍵屈尼。那么這里的設(shè)計目標(biāo)就應(yīng)該是提高發(fā)布動態(tài)這個任務(wù)的完成率和流暢度册着。
從第一張圖可以看到,在用戶輸入文字前的空狀態(tài)脾歧,產(chǎn)品就有文案提示甲捏,“一起聊聊音樂吧”,引導(dǎo)用戶發(fā)布關(guān)于音樂的感想鞭执。這里有個細節(jié)是司顿,當(dāng)用戶進入這個頁面時,產(chǎn)品可以自動在文本框獲取焦點兄纺,既減少了用戶的點擊次數(shù)大溜,又去引導(dǎo)用戶輸入內(nèi)容。然而估脆,產(chǎn)品此處卻沒這樣做钦奋,也許是考慮到輸入欄的高度問題吧。
第二張是用戶沒有給動態(tài)配上音樂就點擊發(fā)送的情況,顯然锨苏,出現(xiàn)這種錯誤是因為產(chǎn)品的限制疙教。產(chǎn)品希望用戶發(fā)布動態(tài)必須配上音樂棺聊,把音樂作為一種情感的載體伞租,符合整個社區(qū)音樂分享的氛圍,同時也是把相關(guān)動態(tài)推薦給其他人的基礎(chǔ)限佩。這是產(chǎn)品的目標(biāo)葵诈。當(dāng)用戶沒按產(chǎn)品目標(biāo)行事時,“給動態(tài)陪上音樂”這欄會短暫地以紅色閃爍一下(安卓版本是以振動的形式)祟同,提示用戶這里出現(xiàn)了問題作喘,而不是跳出一個彈出框,讓用戶確認自己的錯誤晕城。產(chǎn)品采用的非模態(tài)反饋沒有打斷用戶的操作流泞坦,并且清晰的告知用戶問題所在,讓發(fā)布流程更流暢進行砖顷。
策略三:少即是多贰锁,減少不必要的頁面跳轉(zhuǎn)
必須以更少的元素做更多的事
書里舉得一個例子是,在很久以前的window應(yīng)用程序的一個“保存”對話框中滤蝠,用戶不能重命名或者刪除看到的文件豌熄,用戶必須去其他頁面才能完成這類操作。不過現(xiàn)在的window已經(jīng)開始基于用戶的使用場景來提供合適的功能物咳,用戶不需要經(jīng)常切換不同界面來完成簡單常見的任務(wù)了锣险。其實這就要求單一界面并不只是滿足一項需求,而要根據(jù)場景览闰,滿足其衍生的需求芯肤。
策略四:盡量將用戶操作所需信息儲存在界面中
準(zhǔn)確所需要的知識并沒有完全儲存在頭腦中,而是一部分在頭腦中压鉴,有一部分來自外部世界的提示纷妆,還有一部分存在外界限制因素之中∏缙——設(shè)計心理學(xué)
輸入和選擇 ? ?wps中修改字體掩幢,用戶不需要記憶特定字體,只需要在下拉列表中選擇即可上鞠。然而际邻,當(dāng)字體類型過多并且用戶完全知道字體名稱的時候,用戶在眾多的選項中找尋字體是很難的芍阎,這時候用戶直接輸入反而更方便世曾。總之谴咸,輸入會讓用戶付出成本轮听,一方面是用戶的記憶成本骗露,另一方面輸入也有操作成本,同時無法避免用戶犯錯的情形血巍。而選擇雖然通過將一部分信息構(gòu)建在界面中來減少用戶的記憶成本萧锉,避免用戶犯錯,但是當(dāng)選項過多時述寡,會產(chǎn)生新的篩選成本柿隙。
配置和調(diào)用 ? ?很多程序中,如果你要求打印一份文檔鲫凶,它們會開啟一個復(fù)雜的對話框禀崖,要求你說明要打印多少份,紙張大小螟炫,黑白打印還是彩印等等波附。但是更合理的設(shè)計是使用一個命令進行打印,而使用另一個命令設(shè)置打印昼钻。打印命令使用上一次的設(shè)置或者(默認)標(biāo)準(zhǔn)設(shè)置直接打拥拧;打印設(shè)置功能提供所有關(guān)于打印的選項换吧。word中就存在快速打印的命令折晦,不需要對話框。通常沾瓦,如果一個命令調(diào)用了10次满着,才設(shè)置1次,那么最好讓用戶10次中只有1次明確地請求設(shè)置贯莺,而不是10次中用戶9次拒絕設(shè)置的對話框风喇。這里提到的調(diào)用,就是讓產(chǎn)品根據(jù)實際用戶的需求缕探,默認一些選項或者記住用戶的操作(上一次或高頻)魂莫,將這些信息儲存在界面中,提高的用戶完成任務(wù)的效率爹耗。
策略五:隱藏彈射座椅的操作桿-合理的組織界面元素
在噴氣機的駕駛艙中存在一個彈射座椅的操作桿耙考,飛行員拉動操作桿就會同其座椅一起彈射出去。彈射座椅是飛行員應(yīng)對緊急情況所必須的潭兽,但是正常情況是不需要的倦始,并且如果被放在明顯的位置,就會讓飛行員不經(jīng)意間拉動山卦,造成很大的麻煩鞋邑。界面中的元素組織也存在類似的情況。
界面元素組織的三個原則:
使用頻率:高頻功能應(yīng)該放在觸手可及的地方,低頻功能確保一倆次點擊就能實現(xiàn)枚碗,如果很少使用逾一,放置的層級可以更深些。抽屜導(dǎo)航模式是這里明顯的例子肮雨。
轉(zhuǎn)化程度:某些功能或命令會引起正在處理的界面或者文檔遵堵,信息突然發(fā)生變化。一般來說酷含,最好將這一類型的功能隱藏起來或放在難以觸及的地方鄙早。PPT或者word文檔中汪茧,視圖變化的button被放在下方很不起眼的位置椅亚,且視覺面積很小。另一個不典型的例子是iOS系統(tǒng)的返回舱污,很多用戶向蘋果用戶體驗設(shè)計師反饋返回鍵放在左上角操作不方便呀舔,蘋果設(shè)計師給出的理由中就有,對于這種極易引起界面信息變化的命令扩灯,應(yīng)該設(shè)置點擊難度媚赖。當(dāng)然,這里的情況是該考慮高頻操作應(yīng)該注重效率還是該考慮轉(zhuǎn)化程度帶來的后果珠插,哪個問題的優(yōu)先級更高些惧磺,還需最后一個原則。
風(fēng)險承擔(dān)程度:某些功能或命令會帶來不可更改的功能或者更改后會產(chǎn)生危險后果捻撑。對于上面的問題磨隘,返回引起的界面跳轉(zhuǎn),帶來的后果是否嚴(yán)重了顾患?不同場景不同對待番捂,如果用戶在閱讀一篇長文章時誤觸返回鍵,導(dǎo)致用戶必須再次點擊進入找到上次瀏覽的位置江解,這樣的體驗是糟糕的设预。但是如果是普通的下一層級返回上一層級,比如聊天界面返回信息列表犁河,誤操作的后果并不嚴(yán)重鳖枕。所以,我們要結(jié)合以上三個原則來判斷界面元素的組織桨螺,因為突然的界面跳轉(zhuǎn)而引起嚴(yán)重后果的返回操作頻率較低宾符,而多數(shù)情況是不會引起嚴(yán)重后果的,所以這里我認為依然是效率優(yōu)先彭谁。關(guān)于操作帶來的風(fēng)險問題吸奴,另外一種解決方案是模態(tài)的彈出框,讓用戶仔細確認后再執(zhí)行。
策略六:為響應(yīng)優(yōu)化则奥,但容許延遲
在互聯(lián)網(wǎng)產(chǎn)品中考润,用戶對響應(yīng)時間是及其敏感的,研究表明读处,0.1秒以內(nèi)糊治,用戶才認為系統(tǒng)的響應(yīng)是即刻的。但是如果無法避免響應(yīng)時間過長的情況罚舱,可以讓任務(wù)在后臺執(zhí)行井辜,從而允許用戶繼續(xù)做其它工作。無論如何管闷,要有明確的狀態(tài)反饋(進度條粥脚,時間等),而取消機制這時很關(guān)鍵包个。
策略七:合適的動畫
交互中的動畫刷允,首要目標(biāo)應(yīng)該是支持和增強用戶的流狀態(tài),幫助用戶創(chuàng)造一個強烈的心理模型碧囊,把當(dāng)前信息與上一個視圖的信息聯(lián)系起來树灶。
創(chuàng)建一個成功的產(chǎn)品需要的不只是實現(xiàn)實用的功能,也必須考慮如何編配不同的功能元素糯而,讓用戶執(zhí)行任務(wù)像流水一樣感覺不到障礙天通。最好的界面通常不會讓用戶驚嘆它有多漂亮,而是因為能夠幾乎不會被人注意熄驼,毫不費力地使用像寒。