APP設(shè)計(jì)模式六要素有哪些？

數(shù)年來，許多成熟的設(shè)計(jì)模式已經(jīng)成為互聯(lián)網(wǎng)中的模塊，這無疑是明智之舉。而框架體系的構(gòu)建前提就是成功的模式。

要想更好地理解模式，我們不妨看看在一份標(biāo)準(zhǔn)的設(shè)計(jì)模式描述文檔中都包含些什么。我們列出了以下六要素。

1．模式名稱

如果我們正在討論一個(gè)元素，它使用戶能進(jìn)入到網(wǎng)站受密碼保護(hù)的區(qū)域， 那么我們也許會稱呼它為“用戶名和密碼控件”、“兩行式登錄元素”或者“登錄元素”。

模式名稱的選擇務(wù)必要小心謹(jǐn)慎。在此之前，設(shè)計(jì)中出現(xiàn)了太多的無名元素，以至于在討論中經(jīng)常會有類似“那些我們常常放在左邊的小方塊”這樣的說法。而之所以有模式名稱，其目的就是為了促進(jìn)清晰的交流和溝通，這樣在會議、設(shè)計(jì)文檔或者其他地方我們就能明確地稱呼某個(gè)具體元素。

我們發(fā)現(xiàn)，為模式命名需要技巧、創(chuàng)造力以及一點(diǎn)點(diǎn)運(yùn)氣。開發(fā)團(tuán)隊(duì)往往在一開始為某個(gè)模式起了名字，過了一陣子發(fā)現(xiàn)大家經(jīng)常使用的卻是另一個(gè)名字。

比如， 某個(gè)開發(fā)團(tuán)隊(duì)將他們的應(yīng)用程序的對象屬性編輯器正式定名為“Infobox”（信息框），之后卻發(fā)現(xiàn)團(tuán)隊(duì)里根本沒人這么說。所有人都叫它 “Properties”（屬性）。

2．描述

描述對于一個(gè)好的模式來說至關(guān)重要。通過描述，那些對該元素不太熟悉的團(tuán)隊(duì)成員就能準(zhǔn)確地理解大家正在討論的內(nèi)容。

由于一圖勝千言，界面截圖也非常有價(jià)值。如果某個(gè)模式在同一個(gè)網(wǎng)站中有多種表現(xiàn)形式，那么各來一張截圖會有極大幫助。

比如，一個(gè)登錄元素可能會有如下描述（伴隨著合適的界面截圖）：

一個(gè)兩行的表單元素，用于采集用戶的 ID 和密碼，從而使他們能夠進(jìn)入網(wǎng)站內(nèi)受密碼保護(hù)的區(qū)域。

描述無需像文學(xué)作品那樣精雕細(xì)琢，但它應(yīng)當(dāng)包含足夠的信息來解釋該元素存在的理由，并說明如何將它和網(wǎng)站上的其他元素進(jìn)行區(qū)分。

3．上下文情境

與一般的設(shè)計(jì)指南或樣式參考文檔相比，設(shè)計(jì)模式的主要優(yōu)點(diǎn)之一在于它強(qiáng)調(diào)了每一種模式所使用的模式庫中的上下文情境。在構(gòu)思新設(shè)計(jì)的時(shí)候，設(shè)計(jì)師們可以利用上下文描述來確定該模式是否運(yùn)用得當(dāng)。

例如我們的登錄元素，有關(guān)它的上下文情境可能會是如下描述：

無論何時(shí)，只要網(wǎng)站中的某位用戶希望從公有區(qū)域轉(zhuǎn)向訪問私密信息，我們將使用登錄元素。在面向公眾的頁面中，只要有足夠 155 像素 ×210 像素的空間，就可以顯示該模式。

當(dāng)然，在這里還需要包括在不使用登錄元素時(shí)的描述：

如果在某些面向公眾的頁面中，垂直方向無法提供足夠的空間，我們將在頁首的 banner 橫幅處使用單行的登錄元素。或者在網(wǎng)站受密碼保護(hù)的區(qū)域中，不使用登錄元素。

上下文情境是不斷變化的。當(dāng)開發(fā)團(tuán)隊(duì)加入了更多元素，開發(fā)新的應(yīng)用程序，發(fā)現(xiàn)新的用戶需求時(shí)，都需要對“上下文情境”一項(xiàng)進(jìn)行頻繁的更新。理想的情況是，在某個(gè)模式生命周期的任何一個(gè)階段，設(shè)計(jì)師都能通過閱讀此項(xiàng)而迅速了解該元素是否適用于手頭的工作。

4．曾于何處使用

“曾于何處使用”是模式文檔中另一個(gè)不斷變化的部分，它列出了那些使用過這一模式的實(shí)例。模式每一次將其轉(zhuǎn)化為生產(chǎn)系統(tǒng)時(shí)，都應(yīng)當(dāng)對此項(xiàng)進(jìn)行更新。開發(fā)團(tuán)隊(duì)成員可以查看已經(jīng)實(shí)現(xiàn)出來的成品，了解某個(gè)模式的運(yùn)轉(zhuǎn)情況。

5．工作方式

開發(fā)團(tuán)隊(duì)在這里將描述該元素技術(shù)層面的內(nèi)容：

用戶在標(biāo)記有 User Name 的輸入框中鍵入他們的用戶 ID， 在標(biāo)記有

Password 的輸入框中鍵入密碼（密碼內(nèi)容會被遮蓋）。如果他們愿意，可以點(diǎn)擊 Remember Me 復(fù)選框，以便在重復(fù)訪問時(shí)系統(tǒng)能預(yù)先為其填寫User Name 輸入框。當(dāng)就緒后，用戶點(diǎn)擊標(biāo)記有 Log in 的按鈕。如果用戶名和密碼有效，則顯示該用戶的個(gè)人頁面。如果無效，則顯示錯誤頁面

（參見“登錄錯誤”模式）。

需要的細(xì)節(jié)數(shù)量取決于控件的復(fù)雜級別，以及團(tuán)隊(duì)成員對它的熟悉程度

（如果是他們自己經(jīng)常使用的元素，就不需要像不常見元素那樣進(jìn)行詳盡的描述）。曾有一個(gè)可用性團(tuán)隊(duì)向我們展示了利用視頻捕捉來創(chuàng)建演示短片，他們通過這種方式來描述元素的運(yùn)作機(jī)能。

與該元素產(chǎn)生交互的其他模式也會提及，此舉能幫助設(shè)計(jì)師更為全面地考慮問題，便于在最后對設(shè)計(jì)進(jìn)行整合。

6．其他必備模式

很少有能完全獨(dú)立存在的模式。一個(gè)模式的出現(xiàn)，通常都意味著設(shè)計(jì)師還需要考慮其他模式來支持它。

比如說，如果一個(gè)設(shè)計(jì)需要“登錄元素”模式，那么它很可能還需要下面 這些：

 創(chuàng)建新用戶 ID 的模式；

 修改密碼的模式；

 重新獲得密碼的模式；

 從網(wǎng)站的受密碼保護(hù)區(qū)域退出的模式；

 當(dāng)輸入的用戶名或密碼不正確時(shí)，顯示錯誤信息的模式。

所有這些模式都會列在“必備模式”項(xiàng)中，并附有它們?yōu)槭裁?ldquo;必備”的相關(guān)解釋（如果不是很明顯的話）。

設(shè)計(jì)模式的文檔中還可以包括競爭性舉措、模式歷史、可用性測試結(jié)果、用戶反饋和討論記錄，等等。

北京app開發(fā)公司：前潮網(wǎng)絡(luò)作為一站式互聯(lián)網(wǎng)解決方案提供商，我們的業(yè)務(wù)主要有：app開發(fā)、小程序開發(fā)、高端網(wǎng)頁定制、公眾號二次開發(fā)、物聯(lián)網(wǎng)開發(fā)。有以上項(xiàng)目需求或者不知道自己適合做什么，那么就聯(lián)系我們吧。