UI介面設計
網頁製作需結合好的UI設計？瞭解UI介面設計需考量因素｜天矽網頁設計
| 目錄 ➤ 網頁製作需結合好的UI介面設計 ➤ 製作網站UI介面，應考量的設計要點 ➤ 適合銀髮族的UI介面設計 |
本篇文章主要帶大家探討：進行網頁製作時，需考量的UI設計因素有哪些，文章最後也分享，若目標對象為銀髮族，UI設計需如何進行對應的調整。
網頁製作需結合好的UI介面設計
無論進行網頁製作或平面設計，UI設計皆是重要的一環，可影響使用者體驗與滿意度，除了兼顧視覺美感，也需確保使用者能理解傳遞的訊息。因此，製作UI設計前，需考量因素有：使用者(目標對象)、使用情境、使用需求。
(1)使用者(目標對象)
需了解使用對象是誰？不同使用對象，UI需對應調整，例如：對象是銀髮族，在字體大小或按鈕設計上，則可考量是否放大或設計乾淨的版面；如果對象為兒童，色彩配置則可考慮是否用鮮豔色彩，能吸引兒童注意。
(2)使用情境
指使用者做出操作時，通常在什麼狀況下？或能否瞭解使用流程？例如：使用者將商品加入購物車後，下一步可能需進行結帳動作，是否能在介面中，清楚找到結帳按鈕在哪裡。以下提供簡單示意範例，大家覺得哪種結帳顯示較好呢？
(3)使用需求
大家有沒有經驗，在網路選購產品時，偶爾會出現「搜尋不到相關產品」訊息。使用者看到此訊息，心中可能覺得…啊..沒有我要的產品啊…很快就離開網頁。其實，轉換另一種形式，例如：畫面顯示其他相關產品推薦、本週熱銷產品，轉換另種方式，或許能提升使用者停留在網頁的時間哦!
製作網站UI介面，應考量的設計要點
好的UI設計需考量因素有許多，以下列出幾個能提升使用者體驗的UI 設計技巧供參考：
(1)以使用者角度思考
如前半段所言，需了解使用對象是誰？使用者操作過程中，可能面臨的問題是什麼？如何解決使用者問題？轉換立場以使用者角度做思考，可以設計更符合使用者需求的UI介面。
(2)視覺呈現一致性
簡單易理解版面能減少使用者疑惑，包含運用的字體、色彩、按鈕大小等盡量保持一致，讓使用者操作時可以更順利。
▲視覺一致範例 -1 (以天矽科技網站為例)
▲視覺一致範例 -2 (以Pay4U網站為例)
(3)易閱讀的字體
這個相當重要！以網站設計而言，常有大量文字資訊需呈現給使用者，如果字體難辨識或不好閱讀，使用者就無法理解資訊！
(4)避免過多色彩
色彩運用上，可選擇相近色或對比色，讓所有使用者都能容易閱讀資訊，過多色彩可能讓使用者產生不好的體驗。
(5)介面優化
簡潔易懂的版面，能減少網站載入時間，讓使用者產生愉悅的使用體驗及滿意度。
▲簡潔易懂版面範例 (以碩德生技網站為例)
(6)無障礙設計
確保介面設計能符合所有使用者，例如：視覺或聽覺不便的使用者，製作UI設計時應遵循無障礙設計標準。
適合銀髮族的UI介面設計
數位科技迅速發展，人口老齡化日益嚴重，銀髮族的視力與動作隨著年齡增長逐漸下降。對銀髮族而言，如果UI介面設計過於複雜，則要花較多時間理解，使用不方便。以下提供幾個，常見較適合銀髮族使用的UI設計技巧供參考。
(1)字體尺寸
可運用14-18pt字體，太小的字對銀髮族閱讀可能會困難。
(2)按鍵尺寸
按鍵尺寸會影響使用的靈敏度，大尺寸按鍵對銀髮族會比較好操作。
(3)圖示+文字
同時加上文字的圖示，會使銀髮族更容易理解功能是什麼。
