您是否知道在網(wǎng)站建設(shè)中，多達(dá)88%的用戶(hù)在一次糟糕的體驗(yàn)后不會(huì)再次訪問(wèn)應(yīng)用程序或網(wǎng)站？這只能說(shuō)明用戶(hù)體驗(yàn)設(shè)計(jì)的重要性，它超越了美學(xué)，對(duì)用戶(hù)體驗(yàn)產(chǎn)生了至關(guān)重要的影響。

UI設(shè)計(jì)代表用戶(hù)界面設(shè)計(jì)，是指創(chuàng)建數(shù)字產(chǎn)品的圖形布局以支持應(yīng)用程序的最終外觀的過(guò)程。它包括用戶(hù)與之交互的各種元素，例如圖像、動(dòng)畫(huà)、滑塊、文本字段、按鈕等。良好的 UI 設(shè)計(jì)轉(zhuǎn)化為友好的用戶(hù)體驗(yàn)，這就是為什么它應(yīng)該成為每個(gè)軟件開(kāi)發(fā)過(guò)程的一部分。 

有多種 UI 元素，您可以在設(shè)計(jì)用戶(hù)界面時(shí)使用它們。我們可以將它們分為三類(lèi)：

1、輸入元素是最受歡迎的類(lèi)別。它們要求用戶(hù)提供各種信息，例如年齡、購(gòu)買(mǎi)原因等。輸入可以有多種格式，包括文本、圖形或音頻。輸入元素可以采用以下形式：下拉菜單、組合框、紐扣、切換、文本/密碼字段、日期選擇器、復(fù)選框、單選按鈕、確認(rèn)對(duì)話(huà)。

2、輸出元素是您對(duì)輸入元素執(zhí)行的操作的結(jié)果。他們的性格從不中立——他們會(huì)顯示警報(bào)、警告、成功或錯(cuò)誤。例如，如果您上傳格式不受支持的圖像，您會(huì)收到一條消息“不支持的圖像”，并且您會(huì)立即知道您必須提供不同格式的圖像。 

3、第三類(lèi)屬于不能放在輸出或輸入類(lèi)別中的所有元素的總稱(chēng)。顧名思義，它們幫助用戶(hù)理解站點(diǎn)的內(nèi)容和/或在界面中找到自己的方式。 

從上面的三組中可以看出，輸出、輸入和輔助元素都有不同的用途。話(huà)雖如此，UI 設(shè)計(jì)師還應(yīng)該正確區(qū)分屬于同一組的元素。 舉個(gè)例子，假設(shè)您正在在線(xiàn)雜貨店頁(yè)面上添加過(guò)濾器。您希望搜索結(jié)果僅顯示“素食”產(chǎn)品。要知道為您的 UI 選擇哪一個(gè)，您需要了解用戶(hù)的目標(biāo)，并使他們能夠簡(jiǎn)單方便地完成它們！