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

0 評(píng)論 12647 瀏覽 73 收藏 9 分鐘

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

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

  1. 對(duì)交互的概念有細(xì)分類別的思考,能從不同角度去設(shè)計(jì)交互。
  2. 基于分類概念,有交互自查的習(xí)慣。
  3. 從用戶和人類本能的角度去思考設(shè)計(jì)。

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

交互的原理并不高深,它來(lái)自于人類幾萬(wàn)年進(jìn)化出的最原始本能?,F(xiàn)在我們?cè)O(shè)想,一覺醒來(lái),你突然發(fā)現(xiàn)自己身處一個(gè)完全陌生的環(huán)境,你會(huì)有怎樣的心理思考過程??

  1. 你想知道你在哪里。
  2. 你想知道你現(xiàn)在應(yīng)該做什么。
  3. 為了完成你想做的東西,你想知道你應(yīng)該做什么,比如你能去哪里。

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

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

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

  1. 導(dǎo)航
  2. 布局
  3. 文案和提示
  4. 行為和互動(dòng)
  5. 場(chǎng)景

接下來(lái),喝杯茶,我們一條一條的來(lái)聊聊。

一、導(dǎo)航

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

80092-0c77c8f4ee59e390

百度分頁(yè)系統(tǒng)

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

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

80092-6b2a7e0f50715cab

下廚房信息分類

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

二、布局

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

  1. 是否使用了常見的布局模式,比如ios的返回按鈕。
  2. 是否對(duì)頁(yè)面元素進(jìn)行合理的分類,使相關(guān)的元素更加親密來(lái)加強(qiáng)理解。
  3. 是否能讓用戶一眼看到頁(yè)面重點(diǎn),不會(huì)迷失在元素海洋里。
  4. 排版是否符合用戶閱讀習(xí)慣,他能從左到右從上到下合理的在元素間移動(dòng)。
  5. 排版是否符合用戶的操作習(xí)慣,比如最常見的移動(dòng)端右撇子用拇指操作的情景。

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

三、文案和提示

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

  1. 閱讀對(duì)象是否為用戶,不要用與計(jì)算機(jī)通信的語(yǔ)言去提示用戶。
  2. 內(nèi)容是否簡(jiǎn)潔,是否有吸引力。
  3. 出現(xiàn)的時(shí)機(jī)是否合理。

四、行為和互動(dòng)

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

  1. 反饋。
  2. 狀態(tài)。
  3. 步驟和流程。
  4. 考慮該行為是否能靠計(jì)算機(jī)代替用戶完成。

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

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

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

五、場(chǎng)景

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

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

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

最后想說(shuō)的:

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

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

#專欄作家#

烏木,公眾號(hào):wumuwizard,人人都是產(chǎn)品經(jīng)理專欄作家,簡(jiǎn)書@烏木。喜歡搖滾和吉他,喜歡騎自行車,喜歡用Sketch,自學(xué)編程中,對(duì)交互比較敢興趣。希望做個(gè)全面又有夢(mèng)想的產(chǎn)品人,夢(mèng)想是做一款自己喜歡用戶也喜歡的產(chǎn)品。

本文系作者授權(quán)發(fā)布,未經(jīng)許可,不得轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!