app交互設(shè)計(jì)十大注意事項(xiàng)

創(chuàng)新互聯(lián)小編為你準(zhǔn)備了，app交互設(shè)計(jì)注意事項(xiàng)。

在交互設(shè)計(jì)中，除了注意那些既定的、能夠清晰辨別出是對是錯(cuò)的內(nèi)容外，比如功能缺失，邏輯錯(cuò)誤等，還有一些更高層次的特點(diǎn)，需要懂得并加以注意。那我們今天就來聊一聊舒服的交互設(shè)計(jì)與交互設(shè)計(jì)稿應(yīng)該具有的特點(diǎn)。

還沒有跨入交互設(shè)計(jì)的門檻時(shí)，總是想明確的知道一些客觀、確定的事情。比如，想知道交互設(shè)計(jì)的具體流程是什么?交互稿到底長什么樣子?Axure中的Case用例怎么用以及加載動(dòng)畫怎么做，總希望有人能給一個(gè)交互設(shè)計(jì)的原型案例作為模板。

對于交互設(shè)計(jì)的學(xué)習(xí)，當(dāng)我們跨過“知道”以后，就會(huì)越來越注意“懂得”的階段，越來越關(guān)注一些主觀的元素，讓自己的交互稿更好，而不是僅僅停留在怎么寫交互稿的層面上，還要注意邏輯、視覺上的表現(xiàn)。交互設(shè)計(jì)稿的表現(xiàn)形式有很多種，有word、PPT、Axure等。但Axure又有著獨(dú)特的優(yōu)勢，在Axure文件中直接表現(xiàn)交互稿，并配以相應(yīng)的交互說明，生成HTML文件;在線框圖上直接進(jìn)行注釋和說明，可以讓交互設(shè)計(jì)的表達(dá)更加清晰，便于理解。在交互稿中，除了注意那些既定的、能夠清晰辨別出是對是錯(cuò)的內(nèi)容外，比如功能缺失，邏輯錯(cuò)誤等，還有一些更高層次的特點(diǎn)，需要懂得并加以注意。那我們今天就來聊一聊舒服的交互稿應(yīng)該具有的特點(diǎn)。

1、用色克制但層次清晰

交互稿本身就是一種邏輯層面的表現(xiàn)，這也是很多公司招聘交互設(shè)計(jì)師時(shí)，主要考察應(yīng)聘人員的地方。交互稿作為交互方案的主要載體，在完成需求分析以后，交互稿只是產(chǎn)品功能與業(yè)務(wù)邏輯的表現(xiàn)，因此為了更好的表現(xiàn)產(chǎn)品的功能與業(yè)務(wù)邏輯，很多資深交互設(shè)計(jì)師都會(huì)告訴我們：要盡可能的少使用彩色，更多的采用合理的頁面布局與黑白灰色調(diào)來表現(xiàn)頁面中的重要元素以及功能邏輯。

在交互稿中，彩色一般在表示提醒或者設(shè)計(jì)師要表達(dá)其特定意思的時(shí)候才會(huì)用到，比如警告、錯(cuò)誤提示等等。在有些UED團(tuán)隊(duì)中，交互稿中出現(xiàn)的彩色是交互設(shè)計(jì)師向視覺設(shè)計(jì)師傳達(dá)的視覺設(shè)計(jì)建議，暗示視覺設(shè)計(jì)采用該色彩，來強(qiáng)調(diào)元素。若非上訴情況下，交互設(shè)計(jì)師應(yīng)盡量少使用彩色，一方面能夠盡可能的體現(xiàn)交互設(shè)計(jì)的邏輯，另一方面能夠減少對視覺設(shè)計(jì)師的視覺干擾，更大的發(fā)揮視覺設(shè)計(jì)師的創(chuàng)造性。

2、符合通性且保留個(gè)性

作者本身是工業(yè)設(shè)計(jì)科班出身，中途轉(zhuǎn)行做交互。在找交互設(shè)計(jì)工作時(shí)，總以為交互設(shè)計(jì)和工業(yè)設(shè)計(jì)區(qū)別不大，總以為設(shè)計(jì)是相通的，設(shè)計(jì)原則是通用的。真正入行以后，才發(fā)現(xiàn)交互設(shè)計(jì)雖然也遵循著眾所周知的普遍性設(shè)計(jì)原則，如：以人(用戶)為中心、少即是多、人機(jī)環(huán)境(場景)等等，但與其他類型的設(shè)計(jì)相比還是有自己特色的。這就猶如在中國，很多事物都具有“中國特色”一樣。

在交互設(shè)計(jì)專業(yè)內(nèi)，根據(jù)行業(yè)的不同，在交互設(shè)計(jì)的頁面流程等的設(shè)計(jì)方面也有很大的差別。即使應(yīng)用相同的設(shè)計(jì)原則，針對不同的目標(biāo)人群，所做的設(shè)計(jì)操作流程和頁面布局也是不同的。在進(jìn)行交互設(shè)計(jì)時(shí)，要保證所做產(chǎn)品符合所在行業(yè)的特點(diǎn)，同時(shí)針對具體的目標(biāo)人群進(jìn)行個(gè)性化的處理，具有更多針對性的功能與界面設(shè)計(jì)。簡單來講，在符合行業(yè)特點(diǎn)的前提系，交互方案要講求用戶細(xì)分，針對相應(yīng)的用戶角色設(shè)計(jì)個(gè)性化的交互方案。

3、功能簡單但考慮周詳

大家應(yīng)該都知道“少就是多”的設(shè)計(jì)原則，在交互設(shè)計(jì)稿中，同樣遵循這樣的設(shè)計(jì)原則。交互設(shè)計(jì)師的主要工作就是多功能流程的優(yōu)化，減少不必要的操作，讓用戶在不需要思考的情況下完成相應(yīng)的任務(wù)。但是減少操作步驟的前提是保證功能流程的完整，用戶不會(huì)出現(xiàn)功能使用障礙。同樣，在交互稿中，在保證頁面簡潔的同時(shí)，一方面要實(shí)現(xiàn)多種操作的可能性，另一方面要考慮極端情況下的頁面顯示。例如，常見的登錄頁面，包括手機(jī)號(hào)、郵箱、第三方登錄，登錄要考慮是否需要用戶驗(yàn)證，同時(shí)，不同的驗(yàn)證方式其頁面展示也是不同的。

對于極端情況的一種，特殊頁面的處理，不僅僅要告訴用戶出現(xiàn)錯(cuò)誤了，還要以用戶能夠懂的方式，告訴用戶哪里出現(xiàn)了錯(cuò)誤，更進(jìn)一步要告訴用戶該怎么操作。要引導(dǎo)用戶到正確的頁面中去，完成用戶功能，提升用戶，讓用戶忘卻頁面錯(cuò)誤帶來的不快。

4、頁面平常但尋求突破

交互設(shè)計(jì)的工作是在滿足需求的前提下，能夠有所突破，因此，在很多情況下，交互設(shè)計(jì)師都會(huì)參考具有類似需求產(chǎn)品的頁面，進(jìn)行相應(yīng)的調(diào)整。但是，這樣的產(chǎn)品沒有亮點(diǎn)，不能帶給用戶驚喜之感，不能引領(lǐng)公司產(chǎn)品跟上設(shè)計(jì)趨勢。如果每個(gè)人都引用已有的設(shè)計(jì)方案，而不尋求突破，最終會(huì)降低個(gè)人與團(tuán)隊(duì)的設(shè)計(jì)水平。這也是在做競品分析時(shí)，要格外注意的點(diǎn)。

在進(jìn)行競品分析時(shí)，我們都會(huì)或多或少的受到其影響，競品分析在為我們理清設(shè)計(jì)思路的同時(shí)，也禁錮了我們的想法。正像有些設(shè)計(jì)師，進(jìn)行App設(shè)計(jì)時(shí)，還沒有怎么分析需求，就先入為主的想到產(chǎn)品應(yīng)該有個(gè)“首頁”，應(yīng)該采用標(biāo)簽式導(dǎo)航，以及四個(gè)標(biāo)簽的名稱應(yīng)該是什么。這樣的產(chǎn)品交互設(shè)計(jì)怎么會(huì)有突破?

需求突破的最重要途徑就是深入挖掘產(chǎn)品需求與業(yè)務(wù)需求，即具體情況具體分析。在一些人眼中，有些設(shè)計(jì)很平常，但在具體的業(yè)務(wù)場景中，就會(huì)脫穎而出。

還是滴滴bus的驗(yàn)票頁面，脫離了支付寶和微信慣用的對話框形式，但更加符合場景的使用情況。

滴滴的驗(yàn)票頁面，支付寶的掃碼付款頁面

5、語句簡單但意義明確

在彈出框中，很多人在制作引導(dǎo)用戶的操作時(shí)，都會(huì)用“是”、“否”、“確定”、“返回”、“關(guān)閉”等字眼，雖然這些引導(dǎo)語都含有明確否定或者肯定的意義，但是，其在傳達(dá)意義時(shí)可能會(huì)存在缺陷。例如，刪除相關(guān)內(nèi)容并進(jìn)行二次確認(rèn)的彈出框，采用明確意義的”刪除“與”取消“要比采用”是“與”否“的方案好。

在用戶要?jiǎng)h除文件時(shí)，二次確認(rèn)的目的是減少用戶誤操作。但是，左側(cè)的操作引導(dǎo)語，不論用戶采用哪一邊的操作都要去確認(rèn)彈出框的內(nèi)容，然后去進(jìn)行提操作。而右側(cè)的操作引導(dǎo)語，具有明確的指引作用，即使用戶不閱讀彈出框的文案，也能根據(jù)操作引導(dǎo)語完成正確的操作，更加符合Don’t make me think設(shè)計(jì)理念。

兩個(gè)“刪除確認(rèn)”彈窗

交互設(shè)計(jì)的道路是無止境的，在不同的階段對設(shè)計(jì)的理解和認(rèn)知也不一樣，但是，整體會(huì)是一個(gè)不斷深化、趨于簡單的過程。再多的學(xué)習(xí)也都是“知道”，只有經(jīng)歷實(shí)踐，才能到的“懂得”，才會(huì)更加清楚交互設(shè)計(jì)的本質(zhì)，才會(huì)做出更佳的設(shè)計(jì)方案。

6. 樹形結(jié)構(gòu)

通常情況下很容易理解，交互設(shè)計(jì)與功能復(fù)雜度相聯(lián)系，就像大樹一樣，界面展示一開始的時(shí)候是樹根 樹干 樹枝和一片小樹葉，功能點(diǎn)一點(diǎn)點(diǎn)變小，減弱。但是有時(shí)候我們在用app的時(shí)候會(huì)在一個(gè)很不明顯的地方有一個(gè)大功能，就像發(fā)現(xiàn)新大陸一樣，我不說這個(gè)對還是錯(cuò)，如果這個(gè)新大陸是一個(gè)很重要的功能點(diǎn)，那么做交互就要有新手引導(dǎo)，指引用戶用這個(gè)功能，不然只有20%的用戶會(huì)發(fā)現(xiàn)此功能，埋藏越深責(zé)用戶點(diǎn)擊率會(huì)越低。如果這個(gè)功能不是很重要那么可不可以換一種形式展現(xiàn)，減少功能點(diǎn)從一棵樹變成一片樹葉。

7. 大眾交互

交互的復(fù)雜多變會(huì)讓用戶摸不著頭腦，一半用戶學(xué)會(huì)這個(gè)功能需要交“學(xué)費(fèi)”，要做到市面上最普遍的形式，不要因?yàn)椴灰粯佣兊牟灰粯?，如果非得要變就要把它變好，要好新手指引，不然改變了用戶?xí)慣，給那些“小白”用戶造成困惑，甚至是流失很多潛在付費(fèi)用戶。

8. 錯(cuò)覺交互

錯(cuò)覺交互是利用人們最正常的用戶習(xí)慣來做一些用戶不想做的事情，達(dá)到研發(fā)商的目的，通常利用這種情況最多的是付費(fèi)，無意間騙取用戶錢財(cái)，很多用戶不會(huì)在意1元兩元的費(fèi)用打電話投訴或索要，就造成了很多研發(fā)商一款上線的產(chǎn)品會(huì)有大幾百萬的流水。

9. 深度交互

深度交互就是人機(jī)器界面又增加了機(jī)器的交互，比如：很多唱歌的app，當(dāng)你錄制歌曲的時(shí)候利用自帶的耳機(jī)錄制音樂效果會(huì)很差，不會(huì)讓歌手發(fā)揮更好就自己研究了一款麥克風(fēng)，用手機(jī)這款app要配合一款外接一款機(jī)器才能達(dá)到最理想的效果

10. 本質(zhì)交互

“顧客是上帝”一定要分析用戶。每個(gè)項(xiàng)目的實(shí)用性和交互性不是在給某一個(gè)老板或者哪個(gè)制作人用，不能按照他們的想法做出他們喜歡的東西，是給用戶用。老板們用多年來的經(jīng)驗(yàn)和閱歷為依據(jù)在做事情，請不要忘記你的思想掌控不了用戶，用戶的思想你要研究甚至成為你的用戶，不然總認(rèn)為自己是金字塔上高的人，指揮跟你混的人民戰(zhàn)斗，不深入了解用戶你指揮的永遠(yuǎn)是外走內(nèi)不走，行尸走肉一般

總結(jié)

基本上也就這些交互效果，其它的小的變化根據(jù)不能的產(chǎn)品會(huì)有些不同，這些交互展現(xiàn)把市場上比較流行的直播軟件匯總。當(dāng)我們研發(fā)某一類App的時(shí)候，就要把市場上這一類App的交互整合起來，在其中挑出自己想要的那幾種，不但能增長知識(shí)含量也具有了很強(qiáng)的說服力。

當(dāng)前文章：app交互設(shè)計(jì)十大注意事項(xiàng)
網(wǎng)站地址：http://muchs.cn/news/169524.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、軟件開發(fā)、域名注冊、ChatGPT、網(wǎng)站內(nèi)鏈、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)