在我們進(jìn)行網(wǎng)站UI設(shè)計討論時，不同的觀點(diǎn)總是無限制的。那么如何讓網(wǎng)站體驗(yàn)更好我們需要新的決策和市場的反饋，前面我們也討論多次UI組件，一旦我們決定了使用合理UI組件，我們就可以避免無休止的討論、混亂和誤解。


你如何決定在設(shè)計系統(tǒng)中添加一個新組件，或者擴(kuò)展現(xiàn)有組件？貢獻(xiàn)、維護(hù)和整體設(shè)計過程的流程是什么？一些設(shè)計團(tuán)隊整理他們的設(shè)計決策如設(shè)計系統(tǒng)流程圖，如上圖所示。

B2B網(wǎng)站導(dǎo)航和幫助組件Doctolib，Doctolib設(shè)計系統(tǒng)是一個非常令人印象深刻的設(shè)計系統(tǒng)，具有決策樹、B2B導(dǎo)航路徑、攝影、PIN輸入、UX書寫和短信通知，以及關(guān)于如何選擇UI組件。我喜歡這些決策樹的實(shí)用性。每一個都展示了一個組件的樣子，但我還要補(bǔ)充一點(diǎn)參考現(xiàn)實(shí)生活中的用戶界面示例和流程這些組件的使用位置和方式。這是一個比任何指南都更好地記錄設(shè)計決策的絕佳起點(diǎn)。

我們首先探究用戶是否可以在我們的UI中選擇多個選項。如果確實(shí)是多選，我們使用切換來選擇短選項和復(fù)選框來選擇長選項。如果只能選擇一個選項，那么我們使用選項卡進(jìn)行過濾，較短選項的收音機(jī)，一個用于立即適用選項的開關(guān)，以及一個復(fù)選框（如果只能選擇一個選項）。下拉菜單是最后的手段。


因此每當(dāng)辯論出現(xiàn)時，將你的決定記錄在決策樹中。把它們變成海報。將它們放在廚房區(qū)域以及開發(fā)人員和QA工作區(qū)。把它們放在設(shè)計評論室。讓它們可見設(shè)計工作發(fā)生的地方和代碼編寫的地方。值得一提的是，每個項目都需要自己的定制樹，因此請將上面的示例作為建立在此基礎(chǔ)上的想法并根據(jù)您的需求進(jìn)行定制。