如何進(jìn)行有效的交互設(shè)計(jì)


我始終認(rèn)為交互是產(chǎn)品人必須具備的專業(yè)技能,最佳轉(zhuǎn)行做產(chǎn)品經(jīng)理的職位也是交互設(shè)計(jì)師射众。我個人并沒有太多的交互經(jīng)驗(yàn)钮追,但因?yàn)樽罱?xiàng)目的需要和個人興趣,對于如何進(jìn)行有效的交互設(shè)計(jì)娩鹉,我在結(jié)合查閱的資料和個人感悟后攻谁,總結(jié)了一些方法和心得,希望能對各位有所幫助弯予,關(guān)于本文的任何批評建議和疑問都可以直接聯(lián)系我哦戚宦。

怎樣設(shè)計(jì)交互才能有效呢,而所謂有效锈嫩,是指你的產(chǎn)品最終通過優(yōu)秀的交互讓用戶在完成需求目標(biāo)的同時有著愉悅的體驗(yàn)受楼。個人認(rèn)為要使設(shè)計(jì)有效,至少有以下幾點(diǎn)方法:

1.對交互的概念有細(xì)分類別的思考呼寸,能從不同角度去設(shè)計(jì)交互艳汽。

2.基于分類概念,有交互自查的習(xí)慣对雪。

3.從用戶和人類本能的角度去思考設(shè)計(jì)河狐。

其中交互自查表是一個非常好的習(xí)慣,它可以讓你在完設(shè)計(jì)后跳出細(xì)節(jié),專注思考用戶體驗(yàn)的易用性部分甚牲。

交互的原理并不高深义郑,它來自于人類幾萬年進(jìn)化出的最原始本能〉粒現(xiàn)在我們設(shè)想丈钙,一覺醒來,你突然發(fā)現(xiàn)自己身處一個完全陌生的環(huán)境交汤,你會有怎樣的心理思考過程雏赦??

1.你想知道你在哪里芙扎。

2.你想知道你現(xiàn)在應(yīng)該做什么星岗。

3.為了完成你想做的東西,你想知道你應(yīng)該做什么戒洼,比如你能去哪里俏橘。

這其實(shí)就是用戶第一眼看到你的設(shè)計(jì)時的心理狀態(tài),急切的想要知道他究竟在瀏覽一個什么東西圈浇。如果我們總結(jié)一下寥掐,思考交互的過程必然包含如下內(nèi)容:

你在哪里,能去哪里磷蜀,怎么去召耘,怎么返回,也就是一個導(dǎo)航的概念褐隆。你現(xiàn)在該做什么擺脫困境污它,究竟有哪些方法?也就是一個行為提示的概念庶弃。

如果將頁面衫贬、視覺的一些因素考量,我們可以認(rèn)為歇攻,思考交互時可以遵循以下分類固惯。

1.導(dǎo)航

2.布局

3.文案和提示

4.行為和互動

5.場景

接下來,喝杯茶掉伏,我們一條一條的來聊聊缝呕。


一、導(dǎo)航

導(dǎo)航解決的是一個很有意思的哲學(xué)問題斧散,你從哪里來供常,將到哪里去。一個好的導(dǎo)航設(shè)計(jì)能讓用戶清晰的知道自己在產(chǎn)品的哪個頁面鸡捐,哪個位置栈暇,并且能清晰的告知用戶操作流程,他該怎樣去到其它頁面箍镜,該怎樣返回源祈。一個比較經(jīng)典的設(shè)計(jì)是搜索引擎的搜索結(jié)果分頁系統(tǒng):


百度分頁系統(tǒng)

你是不是能很清楚的知道你在哪煎源,能去哪,怎么去呢香缺。

當(dāng)然手销,導(dǎo)航設(shè)計(jì)還會考慮頁面架構(gòu)和信息分類。好的頁面架構(gòu)能讓用戶用較少的操作到達(dá)或返回重要的目標(biāo)頁面图张,好的信息分類能讓用戶始終找到自己想要的內(nèi)容:


下廚房信息分類

下廚房的信息分類很有意思锋拖,它是從菜系的方便程度和適用人群來細(xì)分的,很好的照顧了用戶需求祸轮。


二兽埃、布局

布局的目的是優(yōu)化信息展示結(jié)構(gòu),讓用戶能更簡單的理解頁面內(nèi)容并且能第一眼找到重點(diǎn)适袜。在思考布局時柄错,我們尤其需要關(guān)注以下幾點(diǎn):

1.是否使用了常見的布局模式,比如ios的返回按鈕苦酱。

2.是否對頁面元素進(jìn)行合理的分類售貌,使相關(guān)的元素更加親密來加強(qiáng)理解。

3.是否能讓用戶一眼看到頁面重點(diǎn)躏啰,不會迷失在元素海洋里趁矾。

4.排版是否符合用戶閱讀習(xí)慣,他能從左到右從上到下合理的在元素間移動给僵。

5.排版是否符合用戶的操作習(xí)慣毫捣,比如最常見的移動端右撇子用拇指操作的情景。

這其實(shí)也是簡約風(fēng)如此讓人著迷的原因帝际,信息噪音少蔓同,重點(diǎn)突出,用戶不用付出太多的理解和視覺成本蹲诀,簡直是賞心悅目啊斑粱。


三、文案和提示

文案和提示是設(shè)計(jì)者和用戶最直觀的交流手段脯爪,好的文案和提示能很好的引導(dǎo)用戶完成使用目標(biāo)则北。在思考文案和提示時,我們尤其需要注意以下幾點(diǎn):

1.閱讀對象是否為用戶痕慢,不要用與計(jì)算機(jī)通信的語言去提示用戶尚揣。

2.內(nèi)容是否簡潔,是否有吸引力掖举。

3.出現(xiàn)的時機(jī)是否合理快骗。


四、行為和互動

交互的核心思考原則針對的是用戶行為,用戶在使用產(chǎn)品的過程里總是有一個目標(biāo)或者需求正在解決方篮。因此他開始探索一個頁面名秀,他不斷的的進(jìn)行一個又一個的行為,好的交互設(shè)計(jì)能夠考慮用戶在實(shí)施不同行為時的心理狀態(tài)并給予合情合理的反饋藕溅。在思考行為和互動時匕得,我們尤其需要注意以下幾點(diǎn):

1.反饋。

2.狀態(tài)蜈垮。

3.步驟和流程耗跛。

4.考慮該行為是否能靠計(jì)算機(jī)代替用戶完成裕照。

反饋是交互設(shè)計(jì)里最重要的一個概念攒发。在試探懸崖高度時,你往下丟了一塊石頭晋南,結(jié)果半天沒有聲音反饋惠猿,你會作何感想。最讓人開心的聊天是你的疑問和情緒抒發(fā)總能得到反饋和安慰负间,要是對方一身不吭偶妖,你會感覺你在對牛彈琴。

一個行為總有多種狀態(tài)政溃,用戶是否登錄趾访,按鈕是可以點(diǎn)擊還是不能點(diǎn)擊呢,抑或是告訴用戶什么時候可以點(diǎn)擊董虱。你是否告訴了用戶當(dāng)前這個行為處于怎樣的一個狀態(tài)扼鞋,密碼設(shè)置太簡單是因?yàn)闆]帶字母還是因?yàn)殚L度不夠呢。

用戶完成一個目標(biāo)究竟需要付出多少成本愤诱,你的步驟流程是簡潔高效的嗎云头,假如計(jì)算機(jī)可以更高效的完成一些行為,為什么還需要用戶進(jìn)行填寫和操作呢淫半。


五溃槐、場景

場景是交互設(shè)計(jì)另一個重要的概念,所謂場景就是用戶究竟是在怎樣的外部環(huán)境里進(jìn)行此次操作的科吭,這些環(huán)境因素究竟會對用戶產(chǎn)生哪些心理和行為的影響昏滴??

比較常見的場景設(shè)計(jì)比如对人,閱讀的夜間模式谣殊、密碼的加密顯示、最有趣的是現(xiàn)在大家喜歡在地鐵里用手機(jī)规伐,聲音此時是最好的交互蟹倾。

場景有時也不得不考慮一些特殊情況,比如分辨率和網(wǎng)絡(luò)狀況問題,這點(diǎn)網(wǎng)上有很多自資料鲜棠,這里不細(xì)說了肌厨。


最后想說的:

交互是一門非常有意思的學(xué)科。它并不高深豁陆,它強(qiáng)調(diào)以人為本柑爸,關(guān)注的是細(xì)節(jié)和最最人之常情的用戶心理,你可以分析競品來獲取靈感盒音,但我們必須知道表鳍,交互的原理就在你自己身上,你身邊的每一個人都值得研究祥诽,需要的只是你的好奇和觀察譬圣。

最后再說一句,不懂交互的產(chǎn)品一定不是好產(chǎn)品雄坪。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末厘熟,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子维哈,更是在濱河造成了極大的恐慌绳姨,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件阔挠,死亡現(xiàn)場離奇詭異飘庄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)购撼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進(jìn)店門跪削,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人份招,你說我怎么就攤上這事切揭。” “怎么了锁摔?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵廓旬,是天一觀的道長。 經(jīng)常有香客問我谐腰,道長孕豹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任十气,我火速辦了婚禮励背,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘砸西。我一直安慰自己叶眉,他們只是感情好址儒,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著衅疙,像睡著了一般莲趣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饱溢,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天喧伞,我揣著相機(jī)與錄音,去河邊找鬼绩郎。 笑死潘鲫,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肋杖。 我是一名探鬼主播溉仑,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼兽愤!你這毒婦竟也來了彼念?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤浅萧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后哲思,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體洼畅,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年棚赔,在試婚紗的時候發(fā)現(xiàn)自己被綠了帝簇。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡靠益,死狀恐怖丧肴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情胧后,我是刑警寧澤芋浮,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站壳快,受9級特大地震影響纸巷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜眶痰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一瘤旨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧竖伯,春花似錦存哲、人聲如沸因宇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽羽嫡。三九已至,卻和暖如春肩袍,著一層夾襖步出監(jiān)牢的瞬間杭棵,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工氛赐, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留魂爪,地道東北人。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓艰管,卻偏偏與公主長得像滓侍,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子牲芋,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評論 2 361

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