如何有效地設(shè)計出與用戶“流”相匹配的交互-about face讀書筆記

當(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ù)的完成率和流暢度册着。

網(wǎng)易云音樂iOS3.5.2

從第一張圖可以看到,在用戶輸入文字前的空狀態(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)生新的篩選成本柿隙。

WPS演示

配置和調(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ù)像流水一樣感覺不到障礙天通。最好的界面通常不會讓用戶驚嘆它有多漂亮,而是因為能夠幾乎不會被人注意熄驼,毫不費力地使用像寒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市谜洽,隨后出現(xiàn)的幾起案子萝映,更是在濱河造成了極大的恐慌,老刑警劉巖阐虚,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件序臂,死亡現(xiàn)場離奇詭異,居然都是意外死亡实束,警方通過查閱死者的電腦和手機奥秆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咸灿,“玉大人构订,你說我怎么就攤上這事”苁福” “怎么了悼瘾?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵囊榜,是天一觀的道長。 經(jīng)常有香客問我亥宿,道長卸勺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任烫扼,我火速辦了婚禮曙求,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘映企。我一直安慰自己悟狱,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布堰氓。 她就那樣靜靜地躺著挤渐,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豆赏。 梳的紋絲不亂的頭發(fā)上挣菲,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天富稻,我揣著相機與錄音掷邦,去河邊找鬼。 笑死椭赋,一個胖子當(dāng)著我的面吹牛抚岗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播哪怔,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼宣蔚,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了认境?” 一聲冷哼從身側(cè)響起胚委,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎叉信,沒想到半個月后亩冬,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡硼身,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年硅急,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片佳遂。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡营袜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出丑罪,到底是詐尸還是另有隱情荚板,我是刑警寧澤凤壁,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站跪另,受9級特大地震影響客扎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜罚斗,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一徙鱼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧针姿,春花似錦袱吆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至榕暇,卻和暖如春蓬衡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背彤枢。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工狰晚, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缴啡。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓壁晒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親业栅。 傳聞我的和親對象是個殘疾皇子秒咐,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,700評論 2 354

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