簡(jiǎn)潔實(shí)用的APP交互界面更容易被人們接受
發(fā)布時(shí)間：2016-12-14 14:51:10 | 發(fā)布者：海拔網(wǎng)絡(luò) | 瀏覽次數(shù)：5454 | 返回列表 | 返回首頁APP開發(fā)中簡(jiǎn)單實(shí)用的交互界面更容易被人們接受，那要怎么設(shè)計(jì)呢？下面合肥APP開發(fā)的小編為大家分享。
APP開發(fā)中簡(jiǎn)單實(shí)用的交互界面更容易被人們接受，那要怎么設(shè)計(jì)呢？下面合肥APP開發(fā)的小編為大家分享。
如何設(shè)計(jì)出簡(jiǎn)潔實(shí)用的APP交互界面？交互UI設(shè)計(jì)常常講到用戶需求、用戶體驗(yàn)。關(guān)于APP界面設(shè)計(jì)ui交互設(shè)計(jì)效果，往往沒有我們想得那么簡(jiǎn)單。進(jìn)行APP開發(fā)時(shí)我們經(jīng)常設(shè)計(jì)簡(jiǎn)單易用的APP界面，目的就是為了實(shí)現(xiàn)用戶體驗(yàn)，隨著用戶的需求趨勢(shì)，簡(jiǎn)單化成為APP界面設(shè)計(jì)的一個(gè)潮流指標(biāo)。毫無疑問，這是正確的。
但是發(fā)現(xiàn)有趣的事情，就是，在交互設(shè)計(jì)當(dāng)中，關(guān)于如何設(shè)計(jì)引人矚目的APP界面，有很多設(shè)計(jì)的技巧。為了實(shí)現(xiàn)界面的引人入勝，在APP界面設(shè)計(jì)上運(yùn)用了很多設(shè)計(jì)技巧，雖然起到引人注意的效果，但是在用戶體驗(yàn)上卻又有一絲缺陷。也就是說，對(duì)于ui交互設(shè)計(jì)來講，引人矚目的界面引導(dǎo)用戶進(jìn)行體驗(yàn)，但是因?yàn)闆]有簡(jiǎn)單易用的使用流程，卻沒有留用用戶繼續(xù)體驗(yàn)。
那么，在交互設(shè)計(jì)培訓(xùn)里，簡(jiǎn)單易用和引人注目的APP界面設(shè)計(jì)，就成為了我們?cè)O(shè)計(jì)重點(diǎn)。今天合肥APP開發(fā)的小編就跟大家分享如何在簡(jiǎn)單中添加，如何在復(fù)雜中減少。以實(shí)現(xiàn)簡(jiǎn)單使用，有引人注目的APP界面設(shè)計(jì)。
一、如何設(shè)計(jì)簡(jiǎn)單易用的APP界面
1、遵循用戶習(xí)慣和社會(huì)常理
簡(jiǎn)單易用，在交互設(shè)計(jì)培訓(xùn)里面沒辦法給一個(gè)明確的公式或者結(jié)論。因?yàn)槊總€(gè)用戶的使用習(xí)慣都是不一樣的。對(duì)于簡(jiǎn)單這個(gè)名詞，每個(gè)人的程度都是不一樣的。所以，在APP界面設(shè)計(jì)上，交互設(shè)計(jì)中只能根據(jù)大多數(shù)用戶的習(xí)慣以及設(shè)計(jì)的常理進(jìn)行解釋和定義。
因此，我們?cè)趗i交互設(shè)計(jì)上，想要實(shí)現(xiàn)用戶人認(rèn)為簡(jiǎn)單易用APP界面設(shè)計(jì)，就需要遵循用戶習(xí)慣和社會(huì)常理。
在這個(gè)全民創(chuàng)業(yè)萬眾創(chuàng)新的時(shí)代，說遵循習(xí)俗或慣例可能有點(diǎn)怪。但要把產(chǎn)品設(shè)計(jì)簡(jiǎn)單，這一條非常重要。為什么？所謂簡(jiǎn)單，就是多數(shù)人可以不經(jīng)過培訓(xùn)或簡(jiǎn)單培訓(xùn)一下就可以使用。而要少培訓(xùn)，就意味著多數(shù)人憑借當(dāng)前的個(gè)人經(jīng)驗(yàn)或知識(shí)就能夠使用這個(gè)產(chǎn)品，或者再加上一點(diǎn)邏輯推理就可以使用產(chǎn)品。而習(xí)俗或慣例往往是群體性經(jīng)驗(yàn)和知識(shí)的凝結(jié)，是大家經(jīng)過多年的學(xué)習(xí)和磨合最重都掌握的知識(shí)和經(jīng)驗(yàn)。如果一個(gè)產(chǎn)品在設(shè)計(jì)過程中，不盡量遵循習(xí)俗或慣例，就會(huì)讓所有人用起來感覺很怪，或者所有人都得經(jīng)過大量培訓(xùn)。當(dāng)然，完全創(chuàng)新或突破性的產(chǎn)品除外。比如，大家已經(jīng)默認(rèn)了紅色是預(yù)警的意思，綠色是通行的意思，你卻偏偏要用綠色來做預(yù)警，用紅色來做通行。除了滿足自己的個(gè)人趣味外，真的對(duì)產(chǎn)品沒有任何益處。
2、多利用圖片解釋，圖文并用
圖片是最好的解釋工具。例如，黃金比例，如果知識(shí)數(shù)學(xué)理念的教學(xué)，估計(jì)很多同學(xué)都不懂。但是經(jīng)過交互設(shè)計(jì)培訓(xùn)老師的圖文解釋之后，就明白原理以及如何應(yīng)用。
圖片或圖標(biāo)加上文字，能夠讓識(shí)字和不識(shí)字的用戶都快速準(zhǔn)確地識(shí)別信息，從而引導(dǎo)用戶的下一步行動(dòng)。有人可能會(huì)說，只用文字或圖標(biāo)不可以嗎？當(dāng)然可以，但覆蓋的用戶群體可能就會(huì)有缺失。三歲的小孩子用ipad玩游戲，肯定不是通過文字來找到自己喜歡的游戲的。當(dāng)然，這里面還有一個(gè)圖文描述是否準(zhǔn)確的問題。這個(gè)說起來太復(fù)雜。但也有一條最簡(jiǎn)單的原則就是：遵循習(xí)俗或慣例。不亂獨(dú)創(chuàng)圖標(biāo)或文字來描述一個(gè)大家有共識(shí)的東西。
3、建立正確的匹配關(guān)系。
例如一家公司有一間會(huì)議室，會(huì)議室有前中后三排燈。大家在播放ppt的時(shí)候，要把前排的燈關(guān)掉，方便同事們看清楚。燈的開關(guān)也正好是前中后三個(gè)，但中間的開關(guān)卻是控制前排燈的，前排開關(guān)控制的是后排燈，后排開關(guān)控制的是中間的燈。而大家偶爾去開會(huì)，不可能記下來這個(gè)順序。然后，就會(huì)看到一個(gè)同事啪地按開關(guān)，然后找到控制前排燈的開關(guān)來關(guān)掉前排燈。幾乎每次都如此。這就是沒有建立正確匹配關(guān)系所帶來的問題。要是能夠把開關(guān)的排列順序與燈的順序保持一致，其實(shí)問題應(yīng)該就解決了。
所以，作為產(chǎn)品設(shè)計(jì)人員，應(yīng)當(dāng)利用好人們所能理解的自然匹配關(guān)系，確保用戶能夠看出下列關(guān)系：
one:操作意圖與可能的操作行為之間的關(guān)系。
two:操作行為與操作效果之間的關(guān)系。
three:系統(tǒng)實(shí)際狀態(tài)與用戶通過視覺、聽覺和觸覺所感知到的系統(tǒng)狀態(tài)這兩者間的關(guān)系。
four:所感知到的系統(tǒng)狀態(tài)與用戶的需求、意圖和期望之間的關(guān)系。
4、提供適當(dāng)?shù)慕忉?br /> 不怎么好下一個(gè)定義，但可以舉個(gè)很好的例子：便簽。現(xiàn)實(shí)生活中我們可以用便簽來幫助我們記憶一些東西，從而簡(jiǎn)化我們生活中所需要記憶或注意的事項(xiàng)。在產(chǎn)品設(shè)計(jì)中，也同樣可以使用類似的功能。比如，在實(shí)在是生僻的功能旁邊，增加一些簡(jiǎn)要的解釋。就可以幫助用戶快速了解其作用。在表格旁邊添加一些注釋，幫助用戶了解注意事項(xiàng)，這些都是常見的心理輔助手段。雖然簡(jiǎn)單，但往往能夠起到大作用。
6、登陸后自我表達(dá)體驗(yàn)
建議：針對(duì)第一次注冊(cè)的用戶，在注冊(cè)后第一次進(jìn)入到發(fā)現(xiàn)頁面的時(shí)候，出現(xiàn)醒目提示告知用戶開始創(chuàng)建頻道的第一次嘗試，且這次嘗試不占用當(dāng)日名額。發(fā)言類型不用作為整個(gè)頻道的規(guī)范，而是在每次用戶發(fā)言時(shí)可以自由選擇。
二、如何使得APP界面設(shè)計(jì)引人注目
前面也講過，交互設(shè)計(jì)當(dāng)中，關(guān)于設(shè)計(jì)漂亮的引人注目的APP界面，是有很多方法，是開放性的。不拘一格的。
交互設(shè)計(jì)當(dāng)中實(shí)用的幾個(gè)設(shè)計(jì)指標(biāo)：
1、必須要有指示性設(shè)計(jì)
讓一個(gè)APP變得直觀，可以運(yùn)用一系列的元素。其中重要的一個(gè)就是指示性設(shè)計(jì)。也許這個(gè)名字就能說明一切。
一個(gè)應(yīng)用程序可以由任何所使用的元素或文字來指示。即使是一個(gè)簡(jiǎn)單的不同選詞也會(huì)造成很大的不同。比如，使用“評(píng)論”而不是“發(fā)布”會(huì)對(duì)用戶對(duì)特定文本的理解產(chǎn)生巨大的影響。
通過使用不同的顏色、形狀、文、按鈕、行動(dòng)按鈕等，我們希望能夠制造一個(gè)引導(dǎo)用戶做出預(yù)期行為反應(yīng)的體驗(yàn)等等。
2、讓你的APP設(shè)計(jì)對(duì)于用戶來說有熟悉感。
使用人們所熟悉的圖標(biāo)、文字、按鈕的形狀將提升用戶體驗(yàn)，這樣免去了一些猜測(cè)設(shè)計(jì)用途的麻煩。而且APP熟悉感的設(shè)計(jì)可以省略很多說明或是不相關(guān)的功能。只要做一些小調(diào)整就可以大大改善用戶體驗(yàn)。
3、簡(jiǎn)約而扁平化的設(shè)計(jì)。
簡(jiǎn)單地來說，簡(jiǎn)約的設(shè)計(jì)就是簡(jiǎn)化和去除干擾。通過刪除那些令屏幕凌亂的選項(xiàng)、文字和其他元素，我們可以做出一個(gè)干凈易用的設(shè)計(jì)。而且加上如今火熱的APP扁平化設(shè)計(jì)和卡片式設(shè)計(jì)。可以更加符合大眾的審美要求。
三、如何將簡(jiǎn)單易用與引人注目相結(jié)合
一開始，交互設(shè)計(jì)培訓(xùn)的同學(xué)們都會(huì)覺得這兩者結(jié)合挺容易的，不就是在簡(jiǎn)單易用的設(shè)計(jì)原則上，加上一些吸引人注意的設(shè)計(jì)元素。又或者是在在設(shè)計(jì)引入注意的設(shè)計(jì)上，減少一些設(shè)計(jì)以技巧，以實(shí)現(xiàn)簡(jiǎn)單化。
但是，到交互設(shè)計(jì)培訓(xùn)到了后期，同學(xué)們發(fā)現(xiàn)，學(xué)的知識(shí)越多，就越難實(shí)現(xiàn)一開始所說的加加減減。
因?yàn)椋环輧?yōu)秀的設(shè)計(jì)必須是合理分融合。
那么，我們來看個(gè)例子理解一下。
就好比如，在設(shè)計(jì)引入注目的APP界面設(shè)計(jì)，可以利用炫酷的文字設(shè)計(jì)。如果在APP界面設(shè)計(jì)上使用簡(jiǎn)單的排版設(shè)計(jì)，其實(shí)，這兩者是可以融合。就是說，炫酷的文字設(shè)計(jì)并不影響排版的簡(jiǎn)約。
以上就是小編為大家?guī)淼年P(guān)于合肥APP開發(fā)的信息，希望能為你帶來一些幫助。更多資訊請(qǐng)?jiān)L問：http://www.nncao1.com/
以上就是合肥網(wǎng)站建設(shè)的小編分享的內(nèi)容，希望能為您帶來幫助。更多詳情請(qǐng)關(guān)注：
http://www.nncao1.com/
如何設(shè)計(jì)出簡(jiǎn)潔實(shí)用的APP交互界面？交互UI設(shè)計(jì)常常講到用戶需求、用戶體驗(yàn)。關(guān)于APP界面設(shè)計(jì)ui交互設(shè)計(jì)效果，往往沒有我們想得那么簡(jiǎn)單。進(jìn)行APP開發(fā)時(shí)我們經(jīng)常設(shè)計(jì)簡(jiǎn)單易用的APP界面，目的就是為了實(shí)現(xiàn)用戶體驗(yàn)，隨著用戶的需求趨勢(shì)，簡(jiǎn)單化成為APP界面設(shè)計(jì)的一個(gè)潮流指標(biāo)。毫無疑問，這是正確的。
但是發(fā)現(xiàn)有趣的事情，就是，在交互設(shè)計(jì)當(dāng)中，關(guān)于如何設(shè)計(jì)引人矚目的APP界面，有很多設(shè)計(jì)的技巧。為了實(shí)現(xiàn)界面的引人入勝，在APP界面設(shè)計(jì)上運(yùn)用了很多設(shè)計(jì)技巧，雖然起到引人注意的效果，但是在用戶體驗(yàn)上卻又有一絲缺陷。也就是說，對(duì)于ui交互設(shè)計(jì)來講，引人矚目的界面引導(dǎo)用戶進(jìn)行體驗(yàn)，但是因?yàn)闆]有簡(jiǎn)單易用的使用流程，卻沒有留用用戶繼續(xù)體驗(yàn)。
那么，在交互設(shè)計(jì)培訓(xùn)里，簡(jiǎn)單易用和引人注目的APP界面設(shè)計(jì)，就成為了我們?cè)O(shè)計(jì)重點(diǎn)。今天合肥APP開發(fā)的小編就跟大家分享如何在簡(jiǎn)單中添加，如何在復(fù)雜中減少。以實(shí)現(xiàn)簡(jiǎn)單使用，有引人注目的APP界面設(shè)計(jì)。
一、如何設(shè)計(jì)簡(jiǎn)單易用的APP界面
1、遵循用戶習(xí)慣和社會(huì)常理
簡(jiǎn)單易用，在交互設(shè)計(jì)培訓(xùn)里面沒辦法給一個(gè)明確的公式或者結(jié)論。因?yàn)槊總€(gè)用戶的使用習(xí)慣都是不一樣的。對(duì)于簡(jiǎn)單這個(gè)名詞，每個(gè)人的程度都是不一樣的。所以，在APP界面設(shè)計(jì)上，交互設(shè)計(jì)中只能根據(jù)大多數(shù)用戶的習(xí)慣以及設(shè)計(jì)的常理進(jìn)行解釋和定義。
因此，我們?cè)趗i交互設(shè)計(jì)上，想要實(shí)現(xiàn)用戶人認(rèn)為簡(jiǎn)單易用APP界面設(shè)計(jì)，就需要遵循用戶習(xí)慣和社會(huì)常理。
在這個(gè)全民創(chuàng)業(yè)萬眾創(chuàng)新的時(shí)代，說遵循習(xí)俗或慣例可能有點(diǎn)怪。但要把產(chǎn)品設(shè)計(jì)簡(jiǎn)單，這一條非常重要。為什么？所謂簡(jiǎn)單，就是多數(shù)人可以不經(jīng)過培訓(xùn)或簡(jiǎn)單培訓(xùn)一下就可以使用。而要少培訓(xùn)，就意味著多數(shù)人憑借當(dāng)前的個(gè)人經(jīng)驗(yàn)或知識(shí)就能夠使用這個(gè)產(chǎn)品，或者再加上一點(diǎn)邏輯推理就可以使用產(chǎn)品。而習(xí)俗或慣例往往是群體性經(jīng)驗(yàn)和知識(shí)的凝結(jié)，是大家經(jīng)過多年的學(xué)習(xí)和磨合最重都掌握的知識(shí)和經(jīng)驗(yàn)。如果一個(gè)產(chǎn)品在設(shè)計(jì)過程中，不盡量遵循習(xí)俗或慣例，就會(huì)讓所有人用起來感覺很怪，或者所有人都得經(jīng)過大量培訓(xùn)。當(dāng)然，完全創(chuàng)新或突破性的產(chǎn)品除外。比如，大家已經(jīng)默認(rèn)了紅色是預(yù)警的意思，綠色是通行的意思，你卻偏偏要用綠色來做預(yù)警，用紅色來做通行。除了滿足自己的個(gè)人趣味外，真的對(duì)產(chǎn)品沒有任何益處。
2、多利用圖片解釋，圖文并用
圖片是最好的解釋工具。例如，黃金比例，如果知識(shí)數(shù)學(xué)理念的教學(xué)，估計(jì)很多同學(xué)都不懂。但是經(jīng)過交互設(shè)計(jì)培訓(xùn)老師的圖文解釋之后，就明白原理以及如何應(yīng)用。
圖片或圖標(biāo)加上文字，能夠讓識(shí)字和不識(shí)字的用戶都快速準(zhǔn)確地識(shí)別信息，從而引導(dǎo)用戶的下一步行動(dòng)。有人可能會(huì)說，只用文字或圖標(biāo)不可以嗎？當(dāng)然可以，但覆蓋的用戶群體可能就會(huì)有缺失。三歲的小孩子用ipad玩游戲，肯定不是通過文字來找到自己喜歡的游戲的。當(dāng)然，這里面還有一個(gè)圖文描述是否準(zhǔn)確的問題。這個(gè)說起來太復(fù)雜。但也有一條最簡(jiǎn)單的原則就是：遵循習(xí)俗或慣例。不亂獨(dú)創(chuàng)圖標(biāo)或文字來描述一個(gè)大家有共識(shí)的東西。
3、建立正確的匹配關(guān)系。
例如一家公司有一間會(huì)議室，會(huì)議室有前中后三排燈。大家在播放ppt的時(shí)候，要把前排的燈關(guān)掉，方便同事們看清楚。燈的開關(guān)也正好是前中后三個(gè)，但中間的開關(guān)卻是控制前排燈的，前排開關(guān)控制的是后排燈，后排開關(guān)控制的是中間的燈。而大家偶爾去開會(huì)，不可能記下來這個(gè)順序。然后，就會(huì)看到一個(gè)同事啪地按開關(guān)，然后找到控制前排燈的開關(guān)來關(guān)掉前排燈。幾乎每次都如此。這就是沒有建立正確匹配關(guān)系所帶來的問題。要是能夠把開關(guān)的排列順序與燈的順序保持一致，其實(shí)問題應(yīng)該就解決了。
所以，作為產(chǎn)品設(shè)計(jì)人員，應(yīng)當(dāng)利用好人們所能理解的自然匹配關(guān)系，確保用戶能夠看出下列關(guān)系：
one:操作意圖與可能的操作行為之間的關(guān)系。
two:操作行為與操作效果之間的關(guān)系。
three:系統(tǒng)實(shí)際狀態(tài)與用戶通過視覺、聽覺和觸覺所感知到的系統(tǒng)狀態(tài)這兩者間的關(guān)系。
four:所感知到的系統(tǒng)狀態(tài)與用戶的需求、意圖和期望之間的關(guān)系。
4、提供適當(dāng)?shù)慕忉?br /> 不怎么好下一個(gè)定義，但可以舉個(gè)很好的例子：便簽。現(xiàn)實(shí)生活中我們可以用便簽來幫助我們記憶一些東西，從而簡(jiǎn)化我們生活中所需要記憶或注意的事項(xiàng)。在產(chǎn)品設(shè)計(jì)中，也同樣可以使用類似的功能。比如，在實(shí)在是生僻的功能旁邊，增加一些簡(jiǎn)要的解釋。就可以幫助用戶快速了解其作用。在表格旁邊添加一些注釋，幫助用戶了解注意事項(xiàng)，這些都是常見的心理輔助手段。雖然簡(jiǎn)單，但往往能夠起到大作用。
6、登陸后自我表達(dá)體驗(yàn)
建議：針對(duì)第一次注冊(cè)的用戶，在注冊(cè)后第一次進(jìn)入到發(fā)現(xiàn)頁面的時(shí)候，出現(xiàn)醒目提示告知用戶開始創(chuàng)建頻道的第一次嘗試，且這次嘗試不占用當(dāng)日名額。發(fā)言類型不用作為整個(gè)頻道的規(guī)范，而是在每次用戶發(fā)言時(shí)可以自由選擇。
二、如何使得APP界面設(shè)計(jì)引人注目
前面也講過，交互設(shè)計(jì)當(dāng)中，關(guān)于設(shè)計(jì)漂亮的引人注目的APP界面，是有很多方法，是開放性的。不拘一格的。
交互設(shè)計(jì)當(dāng)中實(shí)用的幾個(gè)設(shè)計(jì)指標(biāo)：
1、必須要有指示性設(shè)計(jì)
讓一個(gè)APP變得直觀，可以運(yùn)用一系列的元素。其中重要的一個(gè)就是指示性設(shè)計(jì)。也許這個(gè)名字就能說明一切。
一個(gè)應(yīng)用程序可以由任何所使用的元素或文字來指示。即使是一個(gè)簡(jiǎn)單的不同選詞也會(huì)造成很大的不同。比如，使用“評(píng)論”而不是“發(fā)布”會(huì)對(duì)用戶對(duì)特定文本的理解產(chǎn)生巨大的影響。
通過使用不同的顏色、形狀、文、按鈕、行動(dòng)按鈕等，我們希望能夠制造一個(gè)引導(dǎo)用戶做出預(yù)期行為反應(yīng)的體驗(yàn)等等。
2、讓你的APP設(shè)計(jì)對(duì)于用戶來說有熟悉感。
使用人們所熟悉的圖標(biāo)、文字、按鈕的形狀將提升用戶體驗(yàn)，這樣免去了一些猜測(cè)設(shè)計(jì)用途的麻煩。而且APP熟悉感的設(shè)計(jì)可以省略很多說明或是不相關(guān)的功能。只要做一些小調(diào)整就可以大大改善用戶體驗(yàn)。
3、簡(jiǎn)約而扁平化的設(shè)計(jì)。
簡(jiǎn)單地來說，簡(jiǎn)約的設(shè)計(jì)就是簡(jiǎn)化和去除干擾。通過刪除那些令屏幕凌亂的選項(xiàng)、文字和其他元素，我們可以做出一個(gè)干凈易用的設(shè)計(jì)。而且加上如今火熱的APP扁平化設(shè)計(jì)和卡片式設(shè)計(jì)。可以更加符合大眾的審美要求。
三、如何將簡(jiǎn)單易用與引人注目相結(jié)合
一開始，交互設(shè)計(jì)培訓(xùn)的同學(xué)們都會(huì)覺得這兩者結(jié)合挺容易的，不就是在簡(jiǎn)單易用的設(shè)計(jì)原則上，加上一些吸引人注意的設(shè)計(jì)元素。又或者是在在設(shè)計(jì)引入注意的設(shè)計(jì)上，減少一些設(shè)計(jì)以技巧，以實(shí)現(xiàn)簡(jiǎn)單化。
但是，到交互設(shè)計(jì)培訓(xùn)到了后期，同學(xué)們發(fā)現(xiàn)，學(xué)的知識(shí)越多，就越難實(shí)現(xiàn)一開始所說的加加減減。
因?yàn)椋环輧?yōu)秀的設(shè)計(jì)必須是合理分融合。
那么，我們來看個(gè)例子理解一下。
就好比如，在設(shè)計(jì)引入注目的APP界面設(shè)計(jì)，可以利用炫酷的文字設(shè)計(jì)。如果在APP界面設(shè)計(jì)上使用簡(jiǎn)單的排版設(shè)計(jì)，其實(shí)，這兩者是可以融合。就是說，炫酷的文字設(shè)計(jì)并不影響排版的簡(jiǎn)約。
以上就是小編為大家?guī)淼年P(guān)于合肥APP開發(fā)的信息，希望能為你帶來一些幫助。更多資訊請(qǐng)?jiān)L問：http://www.nncao1.com/
