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

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

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

1、整體美學(xué)

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

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

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

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

2、 一致性

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

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

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

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

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

?3、 直接操作

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

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

4 、 反饋

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

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

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

聲音也能給用戶提供有用的反饋，但它不應(yīng)當(dāng)是僅有的反饋，因為用戶不總是能夠聽到設(shè)備的聲音。

5、使用隱喻

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

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

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

用戶不是應(yīng)用來啟動和控制動作。一個應(yīng)用能夠?qū)幼鞯倪M程提供建議或?qū)ξｋU的結(jié)果提出警告。但讓應(yīng)用代替用戶做出決定通常是錯誤的。

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

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

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

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

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

1.使用戶陶醉

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

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

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

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

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

人們喜歡加入個人手勢，因為這讓他們感覺自在與可控。提供可感的、漂亮的默認手勢，但也考慮好玩、又不影響主要任務(wù)的可選定制項。

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

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

2 . 簡化我的生活

? ??1）.保持簡潔

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

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

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

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

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

????4）.只在我需要的時候顯示我所要的

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

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

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

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

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

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

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

? ??8）.只在十分重要時打斷我

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

3 ?. 讓用戶興奮起來

??? ?1）.給我點處處可行的訣竅

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

? ? ?2）. ? 不是我的錯

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

? ? ?3）.揮灑鼓勵

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

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

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

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

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

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

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

此句出自舌尖上的中國。