我們希望能做到敏捷開發(fā)，在市場(chǎng)上快速試錯(cuò)阵难。敏捷開發(fā)指的是全過程敏捷岳枷，包括線框圖、視覺設(shè)計(jì)呜叫、頁(yè)面制作空繁、數(shù)據(jù) JS、API 實(shí)現(xiàn)朱庆、構(gòu)建部署盛泡，遠(yuǎn)不只是程序開發(fā)人員的努力就能輕松做到的。
- 一致性（Consistency）
- 復(fù)用性（Reusability）
一致性是復(fù)用性的前提娱颊，我們精心打造（選擇）的每一個(gè)部件傲诵，如果在以后的設(shè)計(jì)和開發(fā)中得到充分的復(fù)用，不僅縮短了開發(fā)時(shí)間维蒙，展現(xiàn)出極大的價(jià)值掰吕，更會(huì)激勵(lì)開發(fā)者打造（選擇）更加優(yōu)秀部件果覆；
由于一致性好颅痊，用戶每次預(yù)期都得到滿足，用戶會(huì)覺得系統(tǒng)可控局待、可用斑响，然后對(duì)我們提供的服務(wù)才可能產(chǎn)生依賴菱属。
版塊（主題 | 頻道）劃分的建議
- 網(wǎng)站根目錄，其下 index.html 為該網(wǎng)站默認(rèn)文件舰罚；
- 每個(gè)版塊對(duì)應(yīng)一個(gè)目錄纽门，其下 index.html 為該版塊默認(rèn)文件；
- images 和 css 下建立對(duì)應(yīng)的版塊目錄营罢，使得文件分布有序赏陵、清晰可辨；
- 目錄文件設(shè)計(jì)的首要目標(biāo)是易于理解饲漾，在這個(gè)前提下才能談?wù)搹?fù)用性蝙搔；
一致性是提升可理解性的一個(gè)重要途徑。 - 目錄文件名要能體現(xiàn)其含義考传，應(yīng)該做到“望目錄生義”吃型、“望文件生義”；
頁(yè)面需求是提升可讀性的重要參考僚楞；
可讀勤晚、易于理解要遠(yuǎn)高于所謂的“簡(jiǎn)潔性”（不恰當(dāng)?shù)目s寫）；
快速切入理解需求泉褐；
快速評(píng)估實(shí)現(xiàn)效果赐写；
頁(yè)面制作的優(yōu)先級(jí)
- 首先要搞清楚一共要制作哪些頁(yè)面？
以某種形式（比如 頁(yè)面列表）劃定任務(wù)范圍膜赃；
在禪道中體現(xiàn)為任務(wù)類型為 切頁(yè)面 的一個(gè)個(gè)的任務(wù)血淌；- 切頁(yè)面 任務(wù)要和需求關(guān)聯(lián)；
- 任務(wù)和需求的顆粒度要適中（通過 review 協(xié)商）财剖；
- 完成了任務(wù)也就實(shí)現(xiàn)了需求悠夯；
- 標(biāo)識(shí)頁(yè)面屬性（一個(gè)頁(yè)面一般有多種屬性）；
- datajs相關(guān)的躺坟；
- 應(yīng)當(dāng)復(fù)用的沦补；
- 可直接復(fù)用的；
- 簡(jiǎn)單的咪橙；
- 獨(dú)立的夕膀；
- 標(biāo)識(shí)頁(yè)面制作的優(yōu)先級(jí)；
- datajs 相關(guān)的頁(yè)面優(yōu)先制作美侦，以加快和后臺(tái) API 的集成产舞；
- 應(yīng)當(dāng)復(fù)用的，要安排具有復(fù)用相關(guān)經(jīng)驗(yàn)的去負(fù)責(zé)制作（涉及到調(diào)整HTML 結(jié)構(gòu)和 datajs 結(jié)構(gòu)）菠剩；
- 可直接復(fù)用的易猫，簡(jiǎn)單的，獨(dú)立的具壮，可以安排新人去負(fù)責(zé)制作准颓；
- images 和 css哈蝇，要逐步建立起合理的目錄結(jié)構(gòu)；
網(wǎng)站應(yīng)用對(duì)不同角色的處理
- 客戶作為主角色攘已；
- 供應(yīng)商炮赦、管理員作為配角，分別作為一個(gè)版塊對(duì)待样勃；
- 如果供應(yīng)商下具有和客戶相對(duì)應(yīng)的子版塊吠勘，則請(qǐng)?jiān)诠?yīng)商下開辟和客戶版塊子目錄一樣的子目錄；
URL峡眶、目錄看幼、文件 の 命名約定
- URL 設(shè)計(jì)要盡量簡(jiǎn)單、直觀和有意義幌陕；
- 目錄文件名統(tǒng)一使用英文小寫（除 README.md 外）诵姜，慎重使用數(shù)字后綴；
- 如果要多個(gè)單詞區(qū)隔搏熄，請(qǐng)使用 中劃線“-”進(jìn)行區(qū)隔棚唆；
- CSS 類名也是中劃線區(qū)隔，全小寫心例；
- 網(wǎng)頁(yè)鏈接通常使用絕對(duì)路徑宵凌；
版塊示例
hour24/
hour24/screen-detail/592.html（hour24/screen-detail.html?id=592）
maintenance/
guides/
my-screens/
supplier/my-screens/
manager/my-screens/
啟用 screen-detail 屏詳情，概念上讓我們想到復(fù)用止后。對(duì)于設(shè)計(jì)師來說瞎惫，也是一個(gè)啟示。pc 端译株、m 端共享時(shí)瓜喇，更是一個(gè)要思考的問題。
登錄后才有的頁(yè)面歉糜，比如 my-screens乘寒。
關(guān)于 Consistency
**Consistency **is one of the most powerful usability principles: when things always behave the same, users don't have to worry about what will happen. Instead, they *know *what will happen based on earlier experience. Every time you release an apple over Sir Isaac Newton, it will drop on his head. That's good.
The more users' expectations prove right, the more they will feel in control of the system and the more they will like it. And the more the system breaks users' expectations, the more they will feel insecure. Oops, maybe if I let go of this apple, it will turn into a tomato and jump a mile into the sky.
**Jakob's Law of the Web User Experience **states that "users spend most of their time on *other *websites."
This means that they form their expectations for your site based on what's commonly done on most other sites. If you deviate, your site will be harder to use and users will leave.
