你設(shè)計(jì)了那么多的APP界面設(shè)計(jì)，你知道iOS界面設(shè)計(jì)六原則和Android界面設(shè)計(jì)三大分類嗎？假如有一家企業(yè)出了這樣的面試題？你如何根據(jù)你的APP設(shè)計(jì)經(jīng)驗(yàn)來回答呢？

很高興的是，你來到了25學(xué)堂，25學(xué)堂就是讓你每天對移動(dòng)APP設(shè)計(jì)有所新的見解和收貨幾個(gè)知識點(diǎn)。

什么是iOS界面設(shè)計(jì)六原則？

1、整體美學(xué)

整體美學(xué)指的是一個(gè)應(yīng)用的表現(xiàn)和行為與它的功能完美集成，傳達(dá)連貫的信息。

人們關(guān)心一個(gè)應(yīng)用是否提供它承諾的功能，但他們也被應(yīng)用的外觀和行為強(qiáng)烈影響，有時(shí)是以潛意識的方式。例如，一個(gè)幫助人們執(zhí)行一個(gè)嚴(yán)肅任務(wù)的應(yīng)用，通過采用標(biāo)準(zhǔn)的控制和可預(yù)測的行為以及使裝飾性的元素隱約和不招搖來使人們聚集于該任務(wù)。這樣應(yīng)用的功能和標(biāo)識就傳達(dá)了一個(gè)清楚的、統(tǒng)一的信息，使人們對它產(chǎn)生信任。

如果一個(gè)應(yīng)用以打擾、輕浮、武斷的方式來呈現(xiàn)一個(gè)任務(wù)的UI，人們可能懷疑該應(yīng)用的可靠和是否值得信任。

換句話說，一個(gè)鼓勵(lì)身臨其境的任務(wù)例如游戲，人們期待應(yīng)用令人著迷、具有樂趣和激動(dòng)人心以及鼓勵(lì)發(fā)現(xiàn)。人們不期待在一個(gè)游戲中完成一個(gè)嚴(yán)肅性或有生產(chǎn)性任務(wù)，人們期待游戲的表現(xiàn)和行為與它的功能一致。

2、 一致性

一致性能夠讓用戶在一個(gè)應(yīng)用的部分UI 中學(xué)到的知識和技巧轉(zhuǎn)移和應(yīng)用到另外的部分或者從一個(gè)應(yīng)用轉(zhuǎn)移到另外的應(yīng)用。一個(gè)一致性應(yīng)用不是其它應(yīng)用的沒有獨(dú)創(chuàng)性的復(fù)制，也不是風(fēng)格上的不變。而是，它遵守和使用人們熟悉的標(biāo)準(zhǔn)和范例，為用戶提供一致的體驗(yàn)。

為了確定一個(gè)IOS應(yīng)用是否遵守一致性原則，考慮如下問題：

? ? 1）應(yīng)用是否與IOS標(biāo)準(zhǔn)一致？是否正確使用系統(tǒng)提供的控制、視圖和圖標(biāo)？是否以用戶期待的方式集成設(shè)備的特征？

? ? ? ? 2）? 應(yīng)用本身是否一致？文本是否使用了統(tǒng)一的術(shù)語和類型？相同的圖標(biāo)是否總是傳達(dá)相同的意義？在不同位置執(zhí)行相同的動(dòng)作的結(jié)果是否是可預(yù)測的？定制的UI 元素在應(yīng)用的所有位置是否外觀和表現(xiàn)一致？

? ? ? ? 3） 應(yīng)用是否與它的早期版本一致？條款和內(nèi)容是否維持不變？基礎(chǔ)概念和基本功能本質(zhì)上是否保持不變？

?3、 直接操作

當(dāng)人們直接操作屏幕上的對象代替使用分離的控制來操作它們時(shí)，人們更能被他們的任務(wù)吸引和更容易理解他們動(dòng)作的結(jié)果。

直接操作是隱式操作的一種，它會讓用戶覺得可以直接控制計(jì)算機(jī)顯示的對象。

4 、 反饋

反饋對用戶的動(dòng)作做出應(yīng)答，為用戶顯示動(dòng)作的結(jié)果或持續(xù)更新一個(gè)任務(wù)的執(zhí)行進(jìn)程。

內(nèi)建的IOS應(yīng)用對用戶動(dòng)作提供了可預(yù)測的反饋。如當(dāng)用戶在列表項(xiàng)和控制上點(diǎn)擊時(shí)顯示一個(gè)簡短的高亮。在操作的最后執(zhí)行時(shí)間多于幾秒時(shí)，顯示一個(gè)流逝的進(jìn)度。

精妙的動(dòng)畫能給人們有意義的反饋，幫助人們清楚他們動(dòng)作的結(jié)果。例如，動(dòng)畫一個(gè)列表的新行的添加，幫助人們可視跟蹤這個(gè)改變。

聲音也能給用戶提供有用的反饋，但它不應(yīng)當(dāng)是僅有的反饋，因?yàn)橛脩舨豢偸悄軌蚵牭皆O(shè)備的聲音。

5、使用隱喻

當(dāng)在一個(gè)應(yīng)用中的虛擬對象和動(dòng)作隱喻了用戶熟悉的體驗(yàn)時(shí)，無論這些體驗(yàn)是否來自真實(shí)世界或數(shù)字世界，用戶都能快速掌握如何使用它們。

最好的情況是一個(gè)應(yīng)用使用隱喻來促進(jìn)應(yīng)用的使用而沒有使隱喻對對象或動(dòng)作施加限制。

6、用戶控制與交互設(shè)計(jì)

用戶不是應(yīng)用來啟動(dòng)和控制動(dòng)作。一個(gè)應(yīng)用能夠?qū)?dòng)作的進(jìn)程提供建議或?qū)ξｋU(xiǎn)的結(jié)果提出警告。但讓應(yīng)用代替用戶做出決定通常是錯(cuò)誤的。

好的應(yīng)用在給用戶需要的能力和幫助他們避免不想要的結(jié)果之間實(shí)現(xiàn)正確的平衡。

當(dāng)應(yīng)用的行為和控制是熟悉的和可預(yù)測時(shí) 感覺對應(yīng)用有更多的控制。當(dāng)動(dòng)作是簡單和直接的，用戶也能理解和記住它們。

人們期待在一個(gè)操作開始之前有更多的機(jī)會來取消它。用戶期待在執(zhí)行一個(gè)具有潛在破壞動(dòng)作之前獲得機(jī)會來確認(rèn)他們的意圖。最后期待能夠優(yōu)雅的停止一個(gè)進(jìn)行中的操作。

如果你還有一些新的看法和建議，歡迎給我們留言評論。

Android界面設(shè)計(jì)三大分類介紹：

1.使用戶陶醉

? ??1）.以意想不到的方式取悅我

一個(gè)漂亮的界面，一個(gè)悉心擺放的動(dòng)畫，或者一個(gè)適時(shí)的聲音效果，都是一種快樂的體驗(yàn)。精細(xì)的效果能產(chǎn)生一種輕松的氛圍，感覺手中有一股強(qiáng)大可控的力量。

????2）.實(shí)際對象比按鈕和菜單更有趣

允許人們直接觸摸和操作你應(yīng)用中的對象。它減少了執(zhí)行一項(xiàng)任務(wù)所需的認(rèn)識上的努力，并使之更加令人舒心。

? ??3）.讓我把它變成我的

人們喜歡加入個(gè)人手勢，因?yàn)檫@讓他們感覺自在與可控。提供可感的、漂亮的默認(rèn)手勢，但也考慮好玩、又不影響主要任務(wù)的可選定制項(xiàng)。

? ??4）.學(xué)會了解我

隨著時(shí)間的推移，學(xué)習(xí)用戶的偏好。將用戶先前的選擇顯示出來，而不是每次讓用戶做相同的選擇。

2 . 簡化我的生活

? ??1）.保持簡潔

使用由簡單詞匯構(gòu)成的短句。人們更傾向于跳過過長的句子。

????2）.圖片比文字更快

考慮使用圖片來解釋觀點(diǎn)。圖片能捕獲人們的注意力，往往比文字更有效率。

? ??3）.為我決定，但最終讓我說了算

做最好的猜測，先做而非先問。太多的選擇和決定會令人不愉。只在你犯錯(cuò)時(shí)，才允許’撤消’。

????4）.只在我需要的時(shí)候顯示我所要的

當(dāng)一下子看到太多東西時(shí)，人們?nèi)菀资艽驌?。將任?wù)和信息分解成小的、可消化的片段。隱藏當(dāng)前非必須的選項(xiàng)，并指導(dǎo)人們?nèi)绾巫呦氯ァ?

? ??5）.我應(yīng)該總能知道我在哪里

給人們知道他們在哪的信心。把應(yīng)用中的不同場景設(shè)計(jì)得可區(qū)分，并使用過渡來顯示不同場景（窗口）之間的關(guān)系。提供任務(wù)進(jìn)度反饋。

????6）.決不能丟失我的東西

保存用戶花時(shí)間創(chuàng)建的東西，使得他們能隨處訪問?？缡謾C(jī)、平板電腦及計(jì)算機(jī)等平臺，記住設(shè)置、個(gè)人手勢以及作品。這將使得軟件升級成為世界上最簡單的事。

? ??7）.如果看起來一樣，所做的事就該一樣

通過在視覺上加以區(qū)別，來幫助人們區(qū)分出功能的差異來。避免出現(xiàn)雷同，即看上去一樣，但對于同一輸入?yún)s結(jié)果不同。

? ??8）.只在十分重要時(shí)打斷我

尤如一個(gè)好的個(gè)人助理，應(yīng)該保護(hù)上司不被不重要的小事打擾。人們需要專注，除非情況十分嚴(yán)重并且緊急，打擾會是十分令人不悅的。

3 ?. 讓用戶興奮起來

??? ?1）.給我點(diǎn)處處可行的訣竅

人們?nèi)绻軌蜃约禾剿鞒鰱|西來，將會興奮不已。通過使用可視的模式和習(xí)慣操作，使你的應(yīng)用更加易于學(xué)習(xí)。比如，猛擊操作會是一個(gè)很好的導(dǎo)航快捷手勢。

? ? ?2）. ? 不是我的錯(cuò)

在提示用戶改正錯(cuò)誤時(shí)，應(yīng)該禮貌。他們在用你應(yīng)用的時(shí)候，需要被認(rèn)為是聰明的。如果出錯(cuò)了，給出明確的恢復(fù)指令，而不是將技術(shù)細(xì)節(jié)留給他們。如果你可以在后臺修復(fù)錯(cuò)誤，那當(dāng)然最好。

? ? ?3）.揮灑鼓勵(lì)

將復(fù)雜的任務(wù)分解成小的容易被完成的步驟。對用戶的操作給出反饋，即使只是一小步的成功。

????4）.為我擔(dān)負(fù)重任?

通過使他們做成他們認(rèn)為自己不可能做到的事，讓新手感覺自己像專家一樣。比如，綜合多個(gè)照片效果的快捷操作可使得外行簡單幾步做出驚人的照片效果來。

? ??5）.讓重要的事情能更快地完成

并非所有的操作都是平等的。確定你應(yīng)用中最重要的操作，使它能很容易地被發(fā)現(xiàn)與使用，比如相機(jī)上的快門，又如音樂播放器上的暫停按鈕。

總結(jié)：以上的這些原則如?讓用戶陶醉、興奮、出乎意料，操作簡單、聚集任務(wù)、一定的美學(xué)要求，讓用戶控制和直接操作、給用戶及時(shí)反饋，給用戶減負(fù)是每個(gè)系統(tǒng)的界面設(shè)計(jì)都應(yīng)該遵循的，是普遍施用的原則，即任何系統(tǒng)界面設(shè)計(jì)都應(yīng)該遵循。

? ? “吃的是糧食，拉的是思想”與大家共勉。

此句出自舌尖上的中國。