互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計指南(上)

每天中的任一時刻祸泪,都有上千萬人在發(fā)送E-mail、打手機(jī)建芙、發(fā)送即時消息没隘、用數(shù)字?jǐn)z像機(jī)錄制短片、用數(shù)字設(shè)備聽音樂禁荸。優(yōu)秀工程師們讓這些成為可能右蒲,而交互設(shè)計師會讓這些事情變得可用、有用和有趣赶熟。(摘自《交互設(shè)計指南》瑰妄,本文是閱讀《交互設(shè)計指南》后對當(dāng)下交互設(shè)計的一個總結(jié),文中會引用書中內(nèi)容)映砖。

什么是交互設(shè)計

交互設(shè)計是一種藝術(shù) — 一種應(yīng)用藝術(shù)间坐,類似于家具制造;交互設(shè)計不是科學(xué)邑退,盡快也產(chǎn)生了一些可靠的設(shè)計準(zhǔn)則竹宋。交互設(shè)計天生具有場景性:它利用提供的材料在特定的環(huán)境下解決特定的問題。

對于當(dāng)下的互聯(lián)網(wǎng)產(chǎn)品地技,交互設(shè)計師使數(shù)字技術(shù)變得有用蜈七、易用并且樂于被大家使用。這也正是交互設(shè)計在軟件和Internet領(lǐng)域得到迅速發(fā)展的原因莫矗。交互設(shè)計師將工程師產(chǎn)出的原材料塑造成人們喜歡的產(chǎn)品飒硅。隨著互聯(lián)網(wǎng)的成熟,創(chuàng)建和驅(qū)動它的技術(shù)也逐漸成熟趣苏,Internet變得不僅可以提供內(nèi)容狡相,更可以用它來做事。

在移動設(shè)備上通過無線網(wǎng)絡(luò)訪問互聯(lián)網(wǎng)食磕,也改變我們傳統(tǒng)的交互地點和方式尽棕。iPhone的手勢界面和觸摸屏幕帶來了的是交互設(shè)計的新時代。現(xiàn)在是交互設(shè)計師前所未有的好時代,互聯(lián)網(wǎng)的未來充滿著無限的可能并且富有挑戰(zhàn)性持舆。

常用的交互設(shè)計方法

以用戶為中心的設(shè)計

簡單地說,以用戶為中心的設(shè)計過程就是讓用戶數(shù)據(jù)貫穿著整個項目傲武,用戶數(shù)據(jù)是設(shè)計決策的決定性因素回官。在最佳的UCD方法中曹宴,項目的每個階段都要引入用戶,當(dāng)不知道產(chǎn)品該如何做時歉提,用戶的期望和需求就會幫助我們確定答案笛坦。例如,如果在為電商網(wǎng)站所做的用戶研究中苔巨,用戶說他們希望將購物車的圖標(biāo)放在網(wǎng)頁的右上角版扩,那么在最終設(shè)計防止購物車的位置時,最有可能就放在那個地方侄泽。

UCD中的目標(biāo)非常重要礁芦,設(shè)計師需要關(guān)注用戶最終想要完成什么,然后去定義完成目標(biāo)的任務(wù)和方式悼尾,并且在整個設(shè)計過程中始終牢記用戶的需求和期望柿扣。但是,用戶的長期目標(biāo)是很難把握和定義的闺魏,或者說這些目標(biāo)很模糊未状,幾乎不可能為它們展開設(shè)計。UCD最擅長的是讓設(shè)計師從自己的偏好轉(zhuǎn)向用戶的的需求和目標(biāo)舷胜,所以娩践,在UCD的設(shè)計流程中活翩,“你不是用戶”是交互設(shè)計師們常說的真理烹骨。

以活動為中心的設(shè)計

以活動為中心的設(shè)計不關(guān)注用戶目標(biāo)和偏好,主要針對特定任務(wù)的行為展開設(shè)計材泄。這里的活動指的是:完成某一意圖的一系列決策和動作沮焕。活動可以單獨進(jìn)行也可能與他人協(xié)作拉宗,例如峦树,從ATM取款機(jī)取錢的任務(wù)結(jié)束標(biāo)志 — 取到錢;上網(wǎng)購物的任務(wù)結(jié)束標(biāo)志 — 買到物品等旦事。而另一些活動魁巩,例如聽音樂,就沒有固定的結(jié)束標(biāo)志姐浮。

今天我們的很多互聯(lián)網(wǎng)產(chǎn)品都來自于以活動為中心的設(shè)計谷遂,特別是一些功能性的應(yīng)用或者軟件。以活動為中心的設(shè)計允許交互設(shè)計師密切關(guān)注手中的工作并創(chuàng)建對任務(wù)的支持卖鲤,不用去針對一些遙遠(yuǎn)的目標(biāo)肾扰。此方法適用于具有復(fù)雜任務(wù)或者大量形態(tài)各異用戶群體的產(chǎn)品畴嘶。

活動不同于任務(wù),活動是由動作和決策組成集晚。任務(wù)的意圖是為了從事活動窗悯。在活動的生命周期里,包括很多的任務(wù)偷拔,每個任務(wù)會對應(yīng)不同的小時間段蒋院。在每一個時間段中,交互設(shè)計師都會為不同的任務(wù)進(jìn)行設(shè)計莲绰。舉一個例子來說明下活動與任務(wù)的關(guān)系悦污,例如撥打電話是一個要完成的活動,查找電話號碼就會使其中的一個任務(wù)钉蒲,查找電話號碼的方式又有很多不同:翻電子電話簿切端、通過查號服務(wù)幫助、查看手寫電話簿等等顷啼,每一個方式本身就是不同的任務(wù)踏枣。請問現(xiàn)在的你,查找電話號碼是任務(wù)還是活動呢钙蒙?

對于設(shè)計師來說茵瀑,活動與任務(wù)細(xì)小的差異只是學(xué)術(shù)上的意義,無論叫法是什么躬厌,設(shè)計都需要動手马昨。方法與UCD類似,設(shè)計師觀察并訪談用戶扛施,羅列出用戶的活動與任務(wù)鸿捧,也許還需要補(bǔ)充一些丟失的任務(wù),然后設(shè)計出解決方案疙渣,以幫助用戶完成任務(wù)匙奴。

系統(tǒng)設(shè)計

系統(tǒng)設(shè)計利用組件的既定安排來創(chuàng)建設(shè)計方案。系統(tǒng)是一系列相互作用的實體妄荔,它可以很簡單(例如家中的供水系統(tǒng))也可以很復(fù)雜(整個城市規(guī)劃系統(tǒng))泼菌。系統(tǒng)設(shè)計關(guān)注的是整個使用場景,而不是單個的對象和設(shè)備啦租。

系統(tǒng)設(shè)計規(guī)劃出一個系統(tǒng)應(yīng)該包括的所有組件哗伯,設(shè)計師的任務(wù)就是設(shè)計出這些組件。系統(tǒng)設(shè)計為設(shè)計師提供了一幅清晰的路線圖篷角。如下圖:

截圖來自《交互設(shè)計指南》焊刹,此圖中的系統(tǒng)組件過于抽象,舉個簡單的例子。比如我們熟悉的360安全衛(wèi)士伴澄,它的目標(biāo):保護(hù)電腦安全赋除,這個目標(biāo)就是它的系統(tǒng)目標(biāo);環(huán)境:所有的操作系統(tǒng)非凌;傳感器:系統(tǒng)安全檢測功能举农,可以檢測電腦是否有病毒入侵;擾動:指的是改變敞嗡,這里指有病毒或者木馬入侵颁糟;比較器:進(jìn)行當(dāng)前狀態(tài)和理想狀態(tài)的比較,并且會糾正(修復(fù))電腦的狀態(tài)喉悴;執(zhí)行器:本例中就是修復(fù)漏洞棱貌;反饋:這個很簡單,電腦的評分或者隨時監(jiān)測到的系統(tǒng)問題箕肃,都是反饋婚脱;控制裝置:手機(jī)360中的流量監(jiān)控等。

360作為殺毒軟件勺像,這些系統(tǒng)組件都是必備的障贸,設(shè)計師要做的就是設(shè)計出這些組件(以及組件布局),以及操作這些組件的任務(wù)流程吟宦。系統(tǒng)設(shè)計適用于具有特定功能以及固定組件組成的產(chǎn)品篮洁。

系統(tǒng)設(shè)計的強(qiáng)大在于能夠以一個全景視圖整體研究項目,是一種很合邏輯的交互設(shè)計方法殃姓。系統(tǒng)設(shè)計能夠讓交互設(shè)計師考慮產(chǎn)品的所處環(huán)境袁波,通過全局使用場景以及組件之間的影響,設(shè)計師能夠更好的理解產(chǎn)品大的使用環(huán)境蜗侈。

設(shè)計策略

了解設(shè)計策略

設(shè)計策略的精髓在于篷牌,清楚你要做的產(chǎn)品在其同類產(chǎn)品中的定位,以及它與市場上其他類似的產(chǎn)品的差一點在哪宛篇。設(shè)計策略的制定娃磺,是發(fā)生在設(shè)計過程早起的產(chǎn)品和項目計劃。作為交互設(shè)計師叫倍,我們在開始設(shè)計之前,要充分了解這些策略豺瘤。

目前大多數(shù)公司的交互設(shè)計師設(shè)計的項目都取決于商業(yè)策略(負(fù)責(zé)生產(chǎn)新產(chǎn)品并尋找新市場)吆倦。如果我們的設(shè)計和想法符合商業(yè)策略,就會得到支持坐求。一個好的設(shè)計策略應(yīng)該將設(shè)計的實踐和整體的商業(yè)策略聯(lián)系在一起蚕泽,在達(dá)到商業(yè)策略的同時將我們的設(shè)計做到可用、易用和有趣。

產(chǎn)品愿景须妻、客戶價值仔蝌、產(chǎn)品范圍都是設(shè)計策略中的關(guān)鍵要素。對于我們交互設(shè)計師來說荒吏,更重要的是溝通與實施策略的能力敛惊。

確定問題

我們在設(shè)計的過程中經(jīng)常會遇到一種困難,就是我們需要解決的問題經(jīng)常很雜亂并且被錯誤定義绰更,事實告訴我們瞧挤,除非問題很確定并且顯而易見,否則不要被碰到的問題表面而迷惑儡湾。那些乍一看很簡單的問題其實并不簡單 — 它們往往很復(fù)雜特恬。

舉一個簡單的例子,比如用戶反饋說我們的在線表單頁面里找不到“提交”按鈕徐钠,簡單的解決方案似乎是將按鈕移動到一個更顯眼的位置或者改變按鈕的顏色癌刽、尺寸和形狀來突出按鈕。但這也可能預(yù)示著其他的問題尝丐,可能用戶覺得表單的內(nèi)容過多妒穴,或者用戶不知道為什么自己要填寫表單,再或者用戶不知道點擊按鈕之后會發(fā)生什么摊崭。類似這樣讼油,一個簡單的問題可能預(yù)示著嚴(yán)重的問題。

作為設(shè)計師呢簸,我們不僅要解決問題矮台,更需要首先定義問題。問題的定義就是“確定我們將解決的事情并同時框定解決的環(huán)境”根时,問題是需要首先創(chuàng)建出來的瘦赫。設(shè)計策略需要首先需要解決問題的環(huán)境,然后針對問題進(jìn)行設(shè)計并對環(huán)境施加影響蛤迎。確定問題需要做兩件事:拉遠(yuǎn)視角建立問題的邊界确虱,再拉近視角確定組成問題的細(xì)節(jié)。也就是先用發(fā)散性的思維去探究問題的可能性替裆,然后再收斂到具體問題點上定義并且細(xì)化解決方案校辩。

確定價值定位

價值定位指的是和其他類似產(chǎn)品(競品)相比用戶買或使用我們的產(chǎn)品所能獲得的回報是什么。如果沒有給用戶帶來價值辆童,只是為了不同而設(shè)計一個不同的產(chǎn)品宜咒,這不是一個好的設(shè)計。

當(dāng)下的產(chǎn)品把鉴,價值定位已經(jīng)不僅僅局限于產(chǎn)品的成本和質(zhì)量故黑,使用產(chǎn)品時的整體體驗已經(jīng)成為一個主要的比較差異,而交互設(shè)計對產(chǎn)品的整體體驗起著重要作用。比較差異通常由功能點充當(dāng)场晶,例如我們的網(wǎng)站缺少了一個發(fā)郵件的功能等混埠。功能確實很重要,但是設(shè)計師應(yīng)該在整個設(shè)計過程中去努力尋找一種長期的比較差異诗轻,這就是一個更難的命題钳宪。

再尋找差異的同時,我們應(yīng)該意識到任何差異都應(yīng)該檢查其價值定位概耻。否則使套,就形成了為了差異而差異,這不是一種好的設(shè)計實踐鞠柄。一種不能促成用戶購買或者使用的差異只會導(dǎo)致混亂侦高,或者只形成了一種無法被感知的差異。例如厌杜,每個人都喜歡聽音樂奉呛,但是不是每一個產(chǎn)品都要加入音樂播放器功能。沒有準(zhǔn)確理解價值定位的盲目增加功能是不會帶來價值的夯尽。

未完待續(xù)~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瞧壮,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子匙握,更是在濱河造成了極大的恐慌咆槽,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件圈纺,死亡現(xiàn)場離奇詭異秦忿,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)蛾娶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門灯谣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蛔琅,你說我怎么就攤上這事胎许。” “怎么了罗售?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵辜窑,是天一觀的道長。 經(jīng)常有香客問我莽囤,道長谬擦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任朽缎,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘话肖。我一直安慰自己北秽,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布最筒。 她就那樣靜靜地躺著贺氓,像睡著了一般。 火紅的嫁衣襯著肌膚如雪床蜘。 梳的紋絲不亂的頭發(fā)上辙培,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天,我揣著相機(jī)與錄音邢锯,去河邊找鬼扬蕊。 笑死,一個胖子當(dāng)著我的面吹牛丹擎,可吹牛的內(nèi)容都是我干的尾抑。 我是一名探鬼主播,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼蒂培,長吁一口氣:“原來是場噩夢啊……” “哼再愈!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起护戳,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤翎冲,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后媳荒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體抗悍,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年肺樟,在試婚紗的時候發(fā)現(xiàn)自己被綠了檐春。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡么伯,死狀恐怖疟暖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情田柔,我是刑警寧澤俐巴,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站硬爆,受9級特大地震影響欣舵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜缀磕,卻給世界環(huán)境...
    茶點故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一缘圈、第九天 我趴在偏房一處隱蔽的房頂上張望劣光。 院中可真熱鬧,春花似錦糟把、人聲如沸绢涡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽雄可。三九已至,卻和暖如春缠犀,著一層夾襖步出監(jiān)牢的瞬間数苫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工辨液, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留虐急,地道東北人。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓室梅,卻偏偏與公主長得像戏仓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子亡鼠,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,107評論 2 356

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