APP交互設(shè)計(jì)干貨!16條寶貴的交互設(shè)計(jì)指導(dǎo)原則

這是一堂純干貨的APP交互設(shè)計(jì)知識(shí)課程。25學(xué)堂的小編幫大家整理出了 四大交互設(shè)計(jì)原則和16條小的交互設(shè)計(jì)指導(dǎo)原則。

app交互設(shè)計(jì)

 

第一塊內(nèi)容:作用于不同層面的設(shè)計(jì)原則分別是,設(shè)計(jì)價(jià)值,概念原則,行為原則,界面原則

1、設(shè)計(jì)價(jià)值(設(shè)計(jì)原則指導(dǎo)行為,其核心基于一系列價(jià)值理念);

???正直,無(wú)傷害,(無(wú)人際關(guān)系傷害,心理傷害,生理傷害,環(huán)境傷害,社交、社會(huì)傷害)的改善人類處境(增進(jìn)個(gè)人、社會(huì)及文化的理解;提高個(gè)人與團(tuán)體的效優(yōu)選法或效力;促進(jìn)個(gè)人與團(tuán)體之間的溝通;降低個(gè)人與團(tuán)體之間的社會(huì)文化張力;促進(jìn)經(jīng)濟(jì),社會(huì),法律等的平等;平衡文化多樣性與社會(huì)凝聚力);

???目標(biāo)明確,幫助用戶實(shí)現(xiàn)目標(biāo),得償所愿,適應(yīng)使用情境和用戶能力;

???有實(shí)效,現(xiàn)實(shí)且可行,幫助企業(yè)實(shí)現(xiàn)目標(biāo),適應(yīng)商業(yè)需要和技術(shù)條件;

???優(yōu)雅(形式上的優(yōu)美和婉約,科學(xué)上的精確和簡(jiǎn)潔,高效、巧妙且富有情感,表現(xiàn)最簡(jiǎn)潔的完整解法,對(duì)于優(yōu)秀的設(shè)計(jì)師而言,少就是多,形式的簡(jiǎn)約,完美不在于無(wú)以復(fù)加,而在于無(wú)可刪減,萬(wàn)事莫不如此;同時(shí)擁有內(nèi)在的和諧,優(yōu)秀的設(shè)計(jì)讓人感覺是一個(gè)整體,各部分平衡和諧,目標(biāo)導(dǎo)向的設(shè)計(jì)開發(fā)流程把產(chǎn)品概念作為核心,通過迭代精確細(xì)節(jié)為創(chuàng)造內(nèi)在和諧提供了理想的環(huán)境;適當(dāng)?順應(yīng)并調(diào)動(dòng)認(rèn)知與情感)。

有興趣可以看下《APP產(chǎn)品交互設(shè)計(jì)八項(xiàng)原則以及交互設(shè)計(jì)干貨分享》和以人為中心的交互設(shè)計(jì)信息圖如下:

 

以人為中心的交互設(shè)計(jì)

2、概念原則(用來界定產(chǎn)品定義,產(chǎn)品如何融入廣泛的使用情境);

3、行為原則(描述產(chǎn)品在一般情境與特殊情境中應(yīng)有的行為);

4、界面原則(描述對(duì)于特定的活動(dòng)或過程,不同的人們有不同的心理模型,但人們很少按照計(jì)算機(jī)如何行動(dòng)的機(jī)制來想象自己的心理模型,每個(gè)用戶都自然地對(duì)軟件如何執(zhí)行任務(wù)有一個(gè)心理想象,用戶通過這種心理想象來尋找原因而后深入了解機(jī)器的行為)。

大屏手機(jī)的APP交互設(shè)計(jì)3

 

 

第二塊內(nèi)容:16條寶貴的交互設(shè)計(jì)指導(dǎo)原則

多數(shù)移動(dòng)APP交互設(shè)計(jì)與移動(dòng)APP視覺設(shè)計(jì)的原則跨平臺(tái)適用,同時(shí)運(yùn)用行為與界面層面的設(shè)計(jì)原則使工作負(fù)荷降至最低。

(1)少就是多;

??在不斷減少界面元素的情況下仍舊保留產(chǎn)品的功能。

產(chǎn)品設(shè)計(jì)的極簡(jiǎn)主義方法就是努力理解目的,此類產(chǎn)品的用戶想要達(dá)到的目標(biāo)是什么?沒有了這種目的,交互產(chǎn)品就是混亂的技術(shù)功能的集合,例如Google的搜索界面是一個(gè)經(jīng)典的極簡(jiǎn)界面設(shè)計(jì),其中的每一個(gè)界面元素都是直觀而有意義的;iPod shuffle ,Hog Bay軟件的WriteRoom;但是一味要求簡(jiǎn)單化不值一文---減少是一種平衡活動(dòng),需要對(duì)用戶心理模型的好的理解,前面提到的iPod有點(diǎn)奇怪,即用播放和暫停來關(guān)機(jī),用菜單鍵來開機(jī),一個(gè)經(jīng)典的關(guān)系是視覺的簡(jiǎn)單會(huì)引起認(rèn)知的負(fù)擔(dān),在這種情況下,這些行為很容易學(xué)習(xí),出錯(cuò)的可能非常小,所以對(duì)整個(gè)產(chǎn)品的成功影響非常小。

(2)讓用戶直接操作產(chǎn)品,而不是強(qiáng)迫用戶與產(chǎn)品討論;

????不應(yīng)當(dāng)把界面想象成與用戶的兩方對(duì)話,用戶更愿意與軟件進(jìn)行和汽車一樣的交互,這種理想的交互情形不是對(duì)話,更像是在使用工具。

(3)工具就放在手邊;

????為新手和中間用戶提供的工具一般在工具欄或控制面板中,對(duì)專家用戶來說,工具可以用鍵盤命令來得到。

(4)提供非模態(tài)的反饋;

????當(dāng)需要為用戶提供信息或者反饋時(shí),可以有多種表達(dá)方式,常見方式是在屏幕上彈出一個(gè)對(duì)話框,這種技術(shù)就是模態(tài)的,它讓程序處于一種模式,在返回常態(tài)之前也就是在用戶能夠繼續(xù)任務(wù)這前必須處理。

通常通知用戶更好的方式是非模態(tài)的反饋(無(wú)論在什么時(shí)候,用戶的信息在主要界面中顯示,而且不會(huì)停止系統(tǒng)的正常任務(wù)流和交互那么這種反饋就是非模態(tài)的)。例,Word2003中,需要了解文檔中字?jǐn)?shù)有多少,必須從工具欄中單擊“字?jǐn)?shù)統(tǒng)計(jì)”按鈕,出現(xiàn)一個(gè)對(duì)話框,若想返回工作狀態(tài),則必須單擊這個(gè)字?jǐn)?shù)統(tǒng)計(jì)對(duì)話框中的關(guān)閉按鈕,這個(gè)行為有悖于非模態(tài)的反饋,但在Word2007中得到了交互改變。

 

大屏手機(jī)的APP交互設(shè)計(jì)

(5)為可能的設(shè)計(jì),為可能做好準(zhǔn)備;

????程序員被按照能夠創(chuàng)建處理多種可能的軟件的能力來評(píng)判,然而不大可能的條件充斥在復(fù)雜的邏輯系統(tǒng)中,這并不意味著應(yīng)把罕見的不平常的可能性直接帶入到用戶界面中,邊緣情況突兀的出現(xiàn)是程序員設(shè)計(jì)軟件的糟糕贈(zèng)品,每天都使用和一年也用不了一次的對(duì)話框,控制選項(xiàng)一起出現(xiàn)在界面上。

(6)提供符合情境的信息;

????展示信息的的過程也可能是擾亂用戶知覺的過程,數(shù)量或者數(shù)值就經(jīng)常被濫用,視覺展示信息的專家說過,數(shù)量的展示應(yīng)該回答一個(gè)問題“與誰(shuí)比較?”信息的含義應(yīng)該視覺化的顯示,數(shù)字只是輔助。

(7)提供直接的操作和圖形輸入;

????軟件經(jīng)常以圖形方式顯式數(shù)值信息時(shí)失敗,更罕見的是軟件完全具有支持圖像輸入的能力,很多軟件都要求用戶輸入數(shù)字,然后命令中將這些數(shù)字轉(zhuǎn)換成為圖形,很少有產(chǎn)品讓用戶畫圖,然后在命令中將圖像轉(zhuǎn)為數(shù)字向量。當(dāng)一個(gè)清單需要重新排列時(shí),用戶也許想按照字母順序排列,也有可能希望按照和個(gè)人的關(guān)系排列,所以應(yīng)該能夠把這些項(xiàng)目直接拖放為自己希望的順序,而沒有算法的干涉。

(8)反映對(duì)象和程序的狀態(tài);

(9)避免不必要的報(bào)告;

(10)不要用對(duì)話框來報(bào)告常態(tài)內(nèi)容;

(11)避免空白的狀態(tài);

PowerPoint每次新建一張幻燈時(shí)都要求你選擇基礎(chǔ)類型,如果能夠記住常用和最近用過的類型或模板并且作為新文檔的默認(rèn)設(shè)定都能夠更好用。

(12)請(qǐng)求原諒,而不是許可;

????當(dāng)提到交互產(chǎn)品時(shí)我們常常說到“思考”,但這并不意味著軟件應(yīng)該有智慧并且試著通過推理論證做出正確的決定;相反,它應(yīng)該做多數(shù)情況下可能是正確的事情,并且為用戶提供強(qiáng)大的工具來幫助其進(jìn)行第一次嘗試,而不是僅給用戶一個(gè)空白的狀態(tài),要求其接受,這種方式應(yīng)用程序不是在請(qǐng)求許可,而是在請(qǐng)求原諒。

APP交互設(shè)計(jì)

(13)要把命令和設(shè)置區(qū)別開來;

????設(shè)置和啟動(dòng)一個(gè)功能之間差別巨大,前者也許包含后者,然而后者不應(yīng)該包含前者,通常,任何一個(gè)命令啟動(dòng)10次,可能才設(shè)置1次,因此最好使用戶在10次中的一次清楚地請(qǐng)求設(shè)置,而不是10次中有9次用戶拒絕設(shè)置界面。

(14)提供選擇,而不是提問;

????用戶不喜歡被問,不斷的提問向用戶暗示程序的特點(diǎn)如下,無(wú)知,健忘的,功能不強(qiáng)的,不主動(dòng)的,不能自理的,煩躁的,過分要求的。

(15)隱藏彈射座椅的操縱桿;

(16)優(yōu)化響應(yīng)能力,調(diào)節(jié)延遲時(shí)間;

APP交互設(shè)計(jì)

最后,25學(xué)堂的小編想說不同的交互方案會(huì)由于響應(yīng)時(shí)間而非?!鞍嘿F”你應(yīng)該提議盡可能小的響應(yīng)時(shí)間下盡可能豐富的交互設(shè)計(jì),同時(shí)也要提供可以適應(yīng)已經(jīng)選擇了而無(wú)法重新回退這類情況的設(shè)計(jì)。

當(dāng)響應(yīng)時(shí)間是不可避免時(shí),與用戶交流狀況為他們提供取消導(dǎo)致延長(zhǎng)任務(wù)的方法,或者能夠讓他們?cè)诘却龝r(shí)進(jìn)行其他工作。

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!