如何建立交互設(shè)計(jì)自查表

對(duì)于移動(dòng)應(yīng)用來(lái)說(shuō)葫男,移動(dòng)情景非常復(fù)雜,設(shè)備也很多樣分苇。那么在設(shè)計(jì)之后添诉,設(shè)計(jì)評(píng)審之前,你的交互稿考慮的細(xì)節(jié)是否完善医寿,對(duì)特殊狀態(tài)的描述是否有遺漏栏赴,你是怎么提前發(fā)現(xiàn)一些問(wèn)題并查漏補(bǔ)缺的?為解決這個(gè)問(wèn)題靖秩,我們團(tuán)隊(duì)建立了一份交互設(shè)計(jì)自查表须眷,并且在版本迭代的過(guò)程中同步迭代,補(bǔ)充新出現(xiàn)的異常點(diǎn)乌叶。這份表格梳理了用戶在完成具體任務(wù)過(guò)程中的各種異常情況。它不會(huì)顯示交互的所有細(xì)節(jié)柒爸,但是卻能為特定的目標(biāo)提供用戶體驗(yàn)的全面視角。這個(gè)目標(biāo)可能是高層次的事扭,例如:進(jìn)行某項(xiàng)操作無(wú)網(wǎng)絡(luò)時(shí)捎稚,應(yīng)該如何展示;網(wǎng)絡(luò)不佳時(shí)應(yīng)該如何處理等求橄。在此過(guò)程中今野,可能由于特殊的使用場(chǎng)景,解決方案會(huì)有不同罐农,但是這份表格會(huì)提醒你去深入地思考一個(gè)解決方案条霜。以下是我在總結(jié)這些異常情況時(shí)的一些小經(jīng)驗(yàn)。

1涵亏、交互設(shè)計(jì)自查表格如何建

通常在QA測(cè)試中宰睡,一般會(huì)以用戶的任務(wù)為主線,也就是對(duì)產(chǎn)品分析并總結(jié)出所有的任務(wù)气筋,并輸出任務(wù)列表拆内,去挨個(gè)走查,標(biāo)識(shí)出模塊宠默、前置條件麸恍、用例標(biāo)題、執(zhí)行步驟搀矫、預(yù)期結(jié)果抹沪,以及一些重要備注等。如果交互同學(xué)也用這種方法瓤球,就需要我們每個(gè)版本都要花不少精力去撰寫(xiě)融欧、梳理用例,與我們之前所想的花較少時(shí)間快速查漏補(bǔ)缺的初衷相背離冰垄。更何況蹬癌,用戶任務(wù)的走查在設(shè)計(jì)流程中都會(huì)考慮到,而遺漏的往往是一些異常情況虹茶。

因此逝薪,交互設(shè)計(jì)師在自查時(shí),可以換個(gè)思路試試:首先當(dāng)然是產(chǎn)品的實(shí)際功能是否能滿足用戶的需求蝴罪。這是最基本的前提董济,也就是可用性目標(biāo)中的“可行性”。然后思考用戶在使用這個(gè)產(chǎn)品時(shí)的核心使用情景以及核心的影響因素要门,把這些影響因素按所在的區(qū)塊進(jìn)行分類(lèi)虏肾,了解它們對(duì)你的用戶體驗(yàn)的目標(biāo)的影響廓啊,再一一列舉出來(lái),進(jìn)行歸類(lèi)并形成表格封豪,在之后的版本中谴轮,可以一直延用此表格,如果有了新的異常點(diǎn)吹埠,再按這個(gè)思路補(bǔ)充進(jìn)去第步。

我們可以把這一過(guò)程分為以下4個(gè)步驟:

圖1、建立自查表格的4個(gè)步驟

為了更好地把人缘琅、機(jī)粘都、設(shè)備、使用情景等因素對(duì)設(shè)計(jì)帶來(lái)的影響都考慮進(jìn)來(lái)刷袍,我將這些影響因素按所在的模塊進(jìn)行分類(lèi)翩隧,大致可以分為以下幾類(lèi):

1)、軟硬件特性:設(shè)備呻纹、系統(tǒng)堆生、新老版本兼容等;

圖2雷酪、軟硬件特性相關(guān)

手機(jī)硬件以及平臺(tái)的多樣性顽频,給設(shè)計(jì)帶來(lái)機(jī)遇的同時(shí)也帶來(lái)了挑戰(zhàn)。除了以上所列舉的一些太闺,我們要考慮的點(diǎn)還有很多糯景,比如屏幕越來(lái)越大,當(dāng)在搖晃的車(chē)廂內(nèi)省骂,大屏幕遇上單手操作蟀淮,需要考慮如何通過(guò)設(shè)計(jì)使用戶能夠用得更自然、順暢钞澳。

2)怠惶、網(wǎng)絡(luò)特性;

圖3轧粟、網(wǎng)絡(luò)特性相關(guān)

由于移動(dòng)應(yīng)用使用場(chǎng)景的特殊性策治,遇到數(shù)據(jù)加載慢或者無(wú)網(wǎng)絡(luò)的情況會(huì)很多,此時(shí)漫長(zhǎng)的數(shù)據(jù)加載等待會(huì)令用戶抓狂兰吟。此時(shí)處理好界面交互中的加載通惫,確保用戶沒(méi)有漫長(zhǎng)的等待感,并且對(duì)加載后的內(nèi)容有明確的預(yù)期混蔼,就能提供給用戶較好的使用感受履腋。因此在所有涉及到網(wǎng)絡(luò)交互的模塊中,都要去考慮以上列舉的這些點(diǎn),必要的時(shí)候遵湖,合理地利用緩存悔政,來(lái)提升界面的響應(yīng)速度。

3)延旧、從A到B的中間狀態(tài)谋国;

圖4、從A到B的中間狀態(tài)

即便你的產(chǎn)品90%的時(shí)間都運(yùn)行良好迁沫。但是如果在用戶需要幫助時(shí)置之不理烹卒,他們是不會(huì)忘記這一點(diǎn)的⊥湎矗——《Getting real》

用戶在完成任務(wù)的過(guò)程中,其實(shí)是在講述一個(gè)以用戶為主角的故事逢勾,因此必須包括開(kāi)始牡整、中間和終點(diǎn)。中間部分是主要部分溺拱,顯示了用戶從起點(diǎn)到達(dá)終點(diǎn)所要經(jīng)過(guò)的全部地方逃贝。一方面要解決的是如果一切很順利時(shí),如何給用戶流暢迫摔、行云流水的感覺(jué)沐扳,這就是動(dòng)效能夠幫我們做的;另一方面句占,如果在一個(gè)任務(wù)過(guò)程中需要較多的時(shí)間沪摄,用戶不想玩下去了,此時(shí)是否能提供一個(gè)應(yīng)景的入口纱烘,使他和應(yīng)用“后會(huì)有期”杨拐,而不是讓他只能殺掉后臺(tái)程序,憤然離去擂啥。

4)哄陶、內(nèi)容展現(xiàn)相關(guān):如書(shū)籍和資訊源;

圖5哺壶、內(nèi)容展現(xiàn)相關(guān)

對(duì)于內(nèi)容這塊屋吨,最多的異常的關(guān)注點(diǎn)在于大量的空態(tài)、極值山宾、網(wǎng)絡(luò)數(shù)據(jù)過(guò)期等的提示至扰。不同的APP根據(jù)自身的類(lèi)型不同,所要考慮的內(nèi)容也完全不同资锰。

5)渊胸、用戶個(gè)人屬性

圖6、用戶個(gè)人屬性相關(guān)

在大多數(shù)應(yīng)用中台妆,每個(gè)用戶都有自己的專(zhuān)屬I(mǎi)D翎猛,根據(jù)是否登錄胖翰,用戶所能享受的權(quán)限也不盡相同。所以說(shuō)切厘,考慮用戶的每種可能有的狀態(tài)萨咳,以及狀態(tài)間的切換對(duì)于設(shè)計(jì)時(shí)的影響,就顯得尤為必要疫稿。

6)培他、特殊情景下的狀態(tài);

圖7遗座、特殊情景下的狀態(tài)

特殊狀態(tài)是指為了滿足用戶某些特定的需求而存在的一種模式舀凛,這些模式往往由于平時(shí)曝光率不是特別大,因此在設(shè)計(jì)過(guò)程中有時(shí)會(huì)被遺忘途蒋。但一旦沒(méi)考慮到的話猛遍,帶來(lái)的結(jié)果將是各種突兀和莫名其妙。因此將此類(lèi)狀態(tài)單獨(dú)拎出來(lái)梳理一下很有必要号坡。

2懊烤、自查表格怎么用

反復(fù)進(jìn)行“設(shè)計(jì)—自查”,這種自查(有時(shí)也會(huì)有用戶的測(cè)試介入)就會(huì)更全面宽堆、更徹底腌紧,最終能夠發(fā)現(xiàn)并解決絕大多數(shù)的問(wèn)題。交互設(shè)計(jì)師使用反饋來(lái)修正構(gòu)思畜隶,如此反復(fù)幾次壁肋,就可以提煉出來(lái),形成規(guī)范籽慢。在設(shè)計(jì)新的產(chǎn)品時(shí)墩划,這一點(diǎn)尤其重要。這種迭代是不可避免的嗡综,因?yàn)楹芏鄷r(shí)候我們不可能一次就找出特別完整的乙帮、正確的解決方案。

結(jié)語(yǔ)

上面所列的這些影響因素极景,不同的移動(dòng)應(yīng)用會(huì)根據(jù)自身特有的情景來(lái)提取特定的影響因素察净,這些因素都會(huì)對(duì)設(shè)計(jì)產(chǎn)生較大的影響。移動(dòng)情景很復(fù)雜盼樟,除了軟硬件特性氢卡、網(wǎng)絡(luò)特性、中間狀態(tài)晨缴、內(nèi)容译秦、用戶個(gè)人屬性、一些特殊情景以下外,影響因素還很多筑悴。正確分析并記錄各種影響因素们拙,處理好并運(yùn)用到設(shè)計(jì)中,都能使產(chǎn)品的體驗(yàn)獲得更好的提升阁吝,并且在此提升過(guò)程中砚婆,我們可以將他們形成規(guī)范。每個(gè)迭代版本做新功能時(shí)突勇,我們可以回顧一下這些因素在本期給設(shè)計(jì)帶來(lái)的影響

装盯,并把新增的影響因素添加進(jìn)去,留待后續(xù)的交互設(shè)計(jì)自查甲馋。這樣積累下來(lái)埂奈,我們所以提前考慮到的異常點(diǎn)就會(huì)越來(lái)越多,從而考慮得會(huì)越來(lái)越完善定躏,這樣就能減輕后續(xù)跟進(jìn)開(kāi)發(fā)過(guò)程中的掉血~咱有藥账磺!可以治!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末共屈,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子党窜,更是在濱河造成了極大的恐慌拗引,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件幌衣,死亡現(xiàn)場(chǎng)離奇詭異矾削,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)豁护,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)哼凯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人楚里,你說(shuō)我怎么就攤上這事断部。” “怎么了班缎?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,021評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵蝴光,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我达址,道長(zhǎng)蔑祟,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,682評(píng)論 1 284
  • 正文 為了忘掉前任沉唠,我火速辦了婚禮疆虚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己径簿,他們只是感情好罢屈,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,792評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著牍帚,像睡著了一般儡遮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上暗赶,一...
    開(kāi)封第一講書(shū)人閱讀 49,985評(píng)論 1 291
  • 那天鄙币,我揣著相機(jī)與錄音,去河邊找鬼蹂随。 笑死十嘿,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的岳锁。 我是一名探鬼主播绩衷,決...
    沈念sama閱讀 39,107評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼激率!你這毒婦竟也來(lái)了咳燕?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,845評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤乒躺,失蹤者是張志新(化名)和其女友劉穎招盲,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體嘉冒,經(jīng)...
    沈念sama閱讀 44,299評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡曹货,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,612評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了讳推。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片顶籽。...
    茶點(diǎn)故事閱讀 38,747評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖银觅,靈堂內(nèi)的尸體忽然破棺而出礼饱,到底是詐尸還是另有隱情,我是刑警寧澤究驴,帶...
    沈念sama閱讀 34,441評(píng)論 4 333
  • 正文 年R本政府宣布慨仿,位于F島的核電站,受9級(jí)特大地震影響纳胧,放射性物質(zhì)發(fā)生泄漏镰吆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,072評(píng)論 3 317
  • 文/蒙蒙 一跑慕、第九天 我趴在偏房一處隱蔽的房頂上張望万皿。 院中可真熱鬧摧找,春花似錦、人聲如沸牢硅。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,828評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)减余。三九已至综苔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間位岔,已是汗流浹背如筛。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,069評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抒抬,地道東北人杨刨。 一個(gè)月前我還...
    沈念sama閱讀 46,545評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像擦剑,于是被迫代替她去往敵國(guó)和親妖胀。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,658評(píng)論 2 350

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

  • 對(duì)于移動(dòng)應(yīng)用來(lái)說(shuō)惠勒,移動(dòng)情景非常復(fù)雜赚抡,設(shè)備也很多樣。那么在設(shè)計(jì)之后纠屋,設(shè)計(jì)評(píng)審之前涂臣,你的交互稿考慮的細(xì)節(jié)是否完善,對(duì)特...
    _叫我周先生_閱讀 704評(píng)論 0 4
  • 對(duì)于移動(dòng)應(yīng)用來(lái)說(shuō)巾遭,移動(dòng)情景非常復(fù)雜肉康,設(shè)備也很多樣闯估。那么在設(shè)計(jì)之后灼舍,設(shè)計(jì)評(píng)審之前,你的交互稿考慮的細(xì)節(jié)是否完善涨薪,對(duì)特...
    LJ掉隊(duì)了閱讀 673評(píng)論 0 0
  • 這條街位于北京刚夺,是北京市的東西軸線献丑,這也是中國(guó)最著名的一條街道,這里就是長(zhǎng)安街侠姑。 作為國(guó)內(nèi)最重要的一條街创橄,在許多中...
    印象智慧游閱讀 562評(píng)論 0 0
  • 題記——2017年8月18,二十年師范同學(xué)聚會(huì) 我們上師范學(xué)校的畢業(yè)大都做了老師莽红。平日里肯給定都是忙妥畏。一到...
    妖嬈郎閱讀 619評(píng)論 6 10
  • 今天的擺拍漂亮嗎邦邦?! 終于趕在天黑之前拍了一張! 這朵小花臨摹自國(guó)外藝術(shù)家Крюкова Женя醉蚁,原來(lái)用的馬克筆...
    我愛(ài)鉛筆畫(huà)_木頭閱讀 8,710評(píng)論 69 363