2021 UI.UX設計新趨勢快跟上!(下)

快跟上2021這波UI.UX設計的新趨勢吧!

本文為下篇，上篇請看此連結

 

四、跳脫平面單一感的 3D 圖像（3D Imagery）

3D 圖形也是2021年ui/ux設計趨勢之一

3D 圖形仍然是不退潮流，尤其是當 UI/UX 設計師創建更容易跟快速。Oganes 說今年最喜歡的 3D 趨勢之一，是將現實生活中的人類描繪成藝術卡通人物。它創造一種美學上令人愉悅的設計，和我們每天在屏幕上看到的逼真圖像不一樣。我們公司經常將 3D 元素添加到 2D 照片中，以創建比平面照片更多細節的深度。

五、語音介面設計（Voice User Interfaces, VUI）

科技蓬勃發展的正在改變世界，UI/UX 使用者與電腦的對話，不再只是滑鼠鍵盤的輸入，如同：Apple的Siri，通過語音與系統進行互動的方式。探討以下目前語音介面UI/UX設計趨勢迅速發展的要點：

• 說話是自然的，打字是多條件的輸入。
• 傳播技術勢不可擋。比如：無論您是想打開車庫門、進行預約、訂購外賣甚至啟動汽車，一切皆可通過您的聲音來實現。
• 對於殘障人士來說更實用。有視覺障礙的人可通過語音，使用他們的設備和應用程式，無須擔心使用介面視覺上的不便利。

相關文章:

UI/UX 按鈕設計基本7個原則，優化電商轉換率

介面、體驗大不同！UI設計/UX設計工作內容完整剖析

使用 A/B 測試來改善網站 UI 設計的 30 個例子

落實「數位優先」的 UI 設計，Audi、福斯把 Logo 壓扁了？

程式語言排行榜Python能成功奪冠嗎?

學Python讓你擁有不一樣的職涯

多快新網頁的SEO才會出現在Google索引?

2021 UI.UX設計新趨勢快跟上!(上)

 快跟上2021這波UI.UX設計的新趨勢吧!

 

「《富比士》（Forbes）」是美國最具指標性的財經商業雜誌，最近竟然跨領域提出 2021 年UI/UX  設計的5大趨勢！

屬《富比士》之「富比士機構委員會（Forbes Agency Council）」的成員、也是「數位比佛利行銷策略公司（Digital Beverly Marketing Solutions）」的CEO Oganes Vagramovich Barsegyan就提出了5個今年掀起熱潮的 UI/UX 設計趨勢。

電商取代實體商店成主流 UI設計重要性堪比店面裝潢

全球發生在線上的交易活動早在激增中，加上新冠（COVID-19）疫情讓民眾在家中使用手機、iPad、電腦等進入電商消費的模式，已取代以往的實體門市。消費者們已融入數位服務的生活，習慣、行為已有大大的改變。

如今網站上的UI（使用者介面）設計，就相當於實體店面的裝潢，且比以往更加重視美感。UI介面設計的變化以下五個 UI/UX 設計趨勢觀點：

一、玻璃擬態（Glassmorphism）的 UI 設計

UI/UX 普遍正朝著極簡主義美學，玻璃擬態長期保持領先的流行趨勢，從配圖到整個操作流程的介面、按鈕使用同一種色系，以不同層次結構和深度的呈現，顯得不會單調枯燥。網站避免繁雜的資訊或低解析度照片，保持觀看者能清楚閱讀，增加停留在網站上的時間。

如以下影片所示，玻璃擬態主要基於背景模糊與磨砂的效果，營造出漂浮在空間中的穿透、朦朧感。比如：蘋果與高盛銀行共同發行信用卡「Apple Card」 科技、時尚的設計，出於玻璃擬態的概念，視覺宛如漂浮在半空中的透明卡片，隨著消費類別改變不同柔和的顏色。

二、耳目一新的大膽字體（Big Loud Typography）

大字體是 2021年 的五大 UI/UX 設計趨勢之一

重複無奇的排版文字會產生視覺疲乏，需要產生亮點為觀看者帶來視覺刺激。敢於大膽破格的用字，凸顯出設計師是否有獨特的思維，更容易受到關注。不同的字體造型，產生不同的情緒與印象，即使是誇張或用於開箱文的標題，搭配合適的UI/UX設計，令人感到新穎不失傳統的美感。

大膽字體能吸引網站訪客，但也可以不譁眾取寵的方式呈現。

大膽的字體風格是吸引網站訪客的必要條件，視覺上不是要呈現對人大吼大叫般的緊張感，比較像是微妙的語氣說道「看這裡」。此外，可嘗試在同標題中組合不同的字體，兼具可讀性與可視性的特點。

三、有別於傳統的抽象幾何（Abstract-geometric）

抽象幾何圖案是 2021年 ui/ux 設計趨勢之一

具有線條、形狀和角度的抽象藝術歷久不衰，現今煥然一新仍是受到關注，歸功於形狀和顏色兩者結合在一起表達想法，並以自由流動、非線性的方式表達創作。

許多企業喜歡抽象和幾何藝術，因為化繁為簡，具有簡練、醒目、形式感強的UI/UX 視覺特點。增加鮮明高對比的顏色，創建富有表現力的外觀，而不會分散用戶的注意力。獨特創新的融合於畫面並不拘一格，體現出商業中的樂趣。

比如：試著使用抽象幾何地圖的設計，取代網站上的傳統地圖，觀看者肯定會記住您的位置。

 

下篇請看此連結

 

相關文章:

隱私是基本人權！蘋果新功能「App 追蹤透明度」

Google 加強隱私，讓你快速刪除15 分鐘內搜尋紀錄

Google 為保護隱私，棄Cookie 卻改用人工智慧？

Facebook 開源Python 語言的安全與隱私工具Pysa

蘋果與Facebook是為了什麼槓上了呢?

多家瀏覽器對Google的FLoC喊卡?(上)

造成多方疑慮的Google的FLoC!(下)

 

UI設計與UX設計傻傻分不清?帶你一同剖析兩者差異5

UI 設計與UX設計該如何完美分工?想知道就繼續看下去吧!

本篇為【UI/UX 設計工作完整剖析】系列的最後一篇，前四篇完整連結如下：

1-為何UI/UX容易搞混？

2-UI設計的優點

3-UX設計的優點

4-無論UI/UX都需研究驗證

結語：如何讓 UI/UX 相得益彰？

UI 設計 與 UX 設計是完全不一樣的專業、各有不同的技能，可是它們是彼此之間不可或缺的存在。

即使有精雕細琢的介面設計，也無法掩飾笨拙又難用的操作流程；而枯燥乏味的視覺設計也會無法吸引使用者、從而埋沒了出色的使用體驗。

UI 設計師確立使用者介面的外觀，而 UX 設計師安排使用者介面的運作。在 UX 設計師在鑽研如何用有限的篇幅、提供使用者最多又不會過多的資訊時，UI 設計師正在努力讓這些繁雜的訊息精美地呈現在螢幕上。這是一個非常需要合作的過程，也有賴雙方緊密且良好的溝通。

以行動號召按鈕（Call to Action，CTA）為例，看 UX 與 UI 的分工：

1.UX 設計師

提出需要多增加一個按鈕、為何如此能讓使用者滿意、決定如何重新安放所有按鈕。

2.UI 設計師

設計新按鈕的外觀，而其他按鈕也可能受影響而需重新調整如形狀、顏色、大小、特效等外觀。

3.UI、UX 設計師重疊的互動設計

當使用者點下按鈕後將會導向某個頁面，UI 著重在按鈕外觀的能見度與視覺導引；而 UX 則著重在導向的網頁是否能滿足使用者的期待。

如此這般，UI 設計、UX 設計師需要不斷地溝通協作，才能確保彼此的設計都能完美執行、與使用者的期望完美地吻合，最終創造出優秀的使用者介面與體驗。

如果你正在規劃要朝 UI 還是 UX 領域邁進，那麼最重要的還是思考自己對哪種設計類型感興趣。如果還不熟悉設計領域，建議這兩個方面都可以嘗試一下，有了在這兩個領域的實際經驗，不僅可以更了解自己適合哪個領域，也可以使你無論最後選擇哪一個，都能成為更好的設計師！

相關文章:

美女PM/UI設計師真實身分起底！二度就業婦女的斜槓人生

第一次上程式設計課程該選 Python 還是 Java？有什麼差別？

五部人工智慧電影告訴你：未來人類會與 AI 談戀愛⋯⋯還是被毀滅？

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

UI設計網站30招不藏私,讓設計師超省力! (一)

UI設計網站整理超實用30招都在這! (二)

UI設計網站超值大禮包!設計師們不可不看(三)

UI設計與UX設計傻傻分不清?帶你一同剖析兩者差異4

不管是UI 設計還是UX設計,都少不了最關鍵的研究驗證!

本篇為【UI/UX 設計工作完整剖析】系列的第 4 篇，完整連結如下：

1-為何UI/UX容易搞混？

2-UI設計的優點

3-UX設計的優點

4-無論UI/UX都需研究驗證

5-如何讓UI/UX相得益彰

研究是關鍵！無論 UI、UX 都需要研究驗證

UI、UX 如果希望盡善盡美，第一要務就是要做到各種事前的研究！

無論是 UI 設計 或UX 設計師，都必須先做各種功課——盡可能收集資料、行為數據以研究使用者的需求，思考、分析和預測使用者在當下可能的行為、行為背後的動機以及隨之而來的體驗感受。

而研究所得的數據資料將應用在初版設計上，接著有的 UI、UX 設計師會透過真人測試或使用者訪談，取得使用者最直接的回饋、觀察並記錄使用者使用產品的整個過程、發現需求並構思解決方案，以確定設計能朝著正確的方向前進。

即使無法進行真人測試，也會透過 A/B 測試、易用性測試（Usability test）等方式在開發時就先測試找出問題，進一步對設計進行修改或優化。

推薦閱讀：使用 A/B 測試來改善網站 UI 設計的 30 個例子

而這樣「研究分析、設計開發、測試反饋、修改優化」的流程會重複多次，這樣的開發法又被稱為疊代式開發。與傳統的瀑布式開發相比，疊代式開發能降低風險、提早得到使用者反饋，也具有更高的效率和成功率。

採用這種方法，可以在完全確定設計需求之前就開始進行開發，在一次疊代中先完成一部分設計，再通過使用者的回饋來細化，再開始新一輪的疊代。

對於 UI 和 UX 設計師來說，事前研究都至關重要，也都使用類似的方法，以求規劃出得宜的設計。

本系列文章未完，請點此看下一篇

相關文章:

美女PM/UI設計師真實身分起底！二度就業婦女的斜槓人生

第一次上程式設計課程該選 Python 還是 Java？有什麼差別？

五部人工智慧電影告訴你：未來人類會與 AI 談戀愛⋯⋯還是被毀滅？

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

UI設計網站30招不藏私,讓設計師超省力! (一)

UI設計網站整理超實用30招都在這! (二)

UI設計網站超值大禮包!設計師們不可不看(三)

UI設計與UX設計傻傻分不清?帶你一同剖析兩者差異3

UI設計與UX設計大不同!一起來看看UX設計的優點有哪些吧!

 

本篇為【UI/UX 設計工作完整剖析】系列的第 3 篇，完整連結如下：

1-為何UI/UX容易搞混？

2-UI設計的優點

3-UX設計的優點

4-無論UI/UX都需研究驗證

5-如何讓UI/UX相得益彰

什麼是 UX 設計？

UX 表示「使用者體驗」（User experience）強調的是「使用者的感受」。

為了提供人們良好的體驗，一定要先進行使用者洞察、產品研究、市場趨勢研究，到建立資訊架構、規劃任務流程、繪製線框圖（Wireframe）和與 UI 設計師溝通互動設計與視覺設計間的怎麼互相調和，最後交棒給工程師。

而使用者會得到怎麼樣的體驗，取決他們如何與應用程式互動：希望體驗流暢、直觀？那導引要設計的合乎邏輯；想讓使用者覺得自己有效地完成任務、而不是在打一場戰爭？這都取決於 UX 設計師的功力。

▲ 設計思維是一種以人為本的創新方法，它汲取了設計師的靈感，將人的需求，技術的可能性以及業績成功的需求整合在一起(來源：Unsplash)

當然使用者介面和體驗有著相輔相成、缺一不可，因此 UX設計師會跟 UI 設計師密切合作，這也是為什麼許多人會混淆兩者。不同的是，UI 設計師的任務是確定使用者介面的外觀，而 UX 設計師負責確定使用者介面的結構、功能、操作方式和反饋體驗。

簡而言之，UX 如果設計良好、直觀又流暢，則使用者將獲得良好的體驗；反之則可能會把使用者趕跑，UX 設計師的工作就是努力避免出現第二種情況。那一個好的 UX 設計會具有哪些特色呢？

好的 UX 設計 會具有的優點：

身為 Mailchimp 使用者體驗設計總監的 Aarron Walter 在他的《為情感而設計》（Designing for Emotion）一書中，告訴讀者如何才能讓使用者愛上你的網頁、產品或應用程式。

此書中參考馬斯洛需求理論、提出「使用者需求理論」，成為 UX 設計師思考與決策的重要參考：

▲ 「使用者需求理論」金字塔從底層至頂層依序為：功能性、可靠性、實用性、趣味性

「使用者需求理論」金字塔從底層至頂層依序為：功能性、可靠性、實用性、趣味性。

從金字塔我們可以看出，產品所提供的「功能」是最基本需求；「可靠性」則是指在一定的條件、時間內穩定地達成使用者的需求；「實用性」表示使用者能順利透過產品完成他們的需求、並未來若有相同需求的時候，優先想到你的產品；最頂端的「趣味性」能滿足使用者的心理需求，作為與使用者的情感紐帶，讓使用者對產品產生好感與認同。

以上是 UI、UX 的差異分析與介紹，那它們兩者有什麼相同呢？又要如何才能相輔相成、成為完美的設計呢？

UX 設計人員也常會利用叠代式開發（iteration），即先製作其介面互動的線框稿，並以此獲得使用者的回饋，再將其整合到設計之中，獲得更好的版本。

本系列文章未完，請點此看下一篇

相關文章:

美女PM/UI設計師真實身分起底！二度就業婦女的斜槓人生

第一次上程式設計課程該選 Python 還是 Java？有什麼差別？

五部人工智慧電影告訴你：未來人類會與 AI 談戀愛⋯⋯還是被毀滅？

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

UI設計網站30招不藏私,讓設計師超省力! (一)

UI設計網站整理超實用30招都在這! (二)

UI設計網站超值大禮包!設計師們不可不看(三)

UI設計與UX設計傻傻分不清?帶你一同剖析兩者差異2

UI 設計與UX設計大不同!一起來細數UI設計的優點吧!

本篇為【UI/UX 設計工作完整剖析】系列的第 2 篇，完整連結如下：

1-為何UI/UX容易搞混？

2-UI設計的優點

3-UX設計的優點

4-無論UI/UX都需研究驗證

5-如何讓UI/UX相得益彰

隨著對 UI、UX 的認識越來越普及，現在的分工也更清楚了，讓我們來了解 UI 和 UX 是什麼吧。

什麼是 UI 設計？

UI 表示「使用者介面」（User Interface），不論是網頁、手機 APP 或是電腦軟體，只要眼睛看到的頁面都是 UI 設計的範圍。

從吸引使用者點擊的按鈕、閱讀的文字、文字輸入欄、空間配置、畫面排版、轉場和任何形式的視覺元素，一同組成一個龐大的視覺佈局。

▲ 這張照片是攝影師 Lubos Volkov 為 UX Store 拍攝的，同時提供了有關「如何成為更好的設計師」的提示。在你的技能達到一定的水平之後，就要不斷地學習新事物。(來源：Unsplash、uxstore.com)

除此之外，UI 也是人和電腦相遇的地方──電腦具備某種功能，人想要利用這些功能，需要進行「輸入」（inputs）和「輸出」（outputs）。介面就是輸入和輸出的規劃安排，讓人們得以應用電腦來創造出他們所需結果。

以上工作由 UI 設計師負責，他們選擇配色方案、按鈕形狀、線條的寬度和文字的字體，精心打磨每一處「眉角」。而一個好的 UI 設計通常具有以下特色……

好的 UI 設計 會具有的優點：

1. 清晰

介面的所有視覺元素皆脈絡分明、一目瞭然，使用者不需要刻意思考每個元素的含意。

2. 熟悉

使用者可以依照過往習慣操作你的介面，如：點擊一次為選取、點擊兩次則為打開該項目。

3. 一致性

保持整個介面的風格一致，這樣使用者可以習慣操作模式。

4. 防呆機制

一個好的使用者介面該避免使用者不小心犯錯。

5. 事半功倍

好的介面可以讓使用者以最少的「輸入」達成所需的「輸出」，還能讓有經驗的使用者更有效率操作。

▲ 一名設計師正在繪製 wireframe。(來源：Unsplash)

待設計完成後，UI 設計師會寫上標註和說明，轉交給工程師進行撰寫。因需要與工程師溝通配合，UI 設計師必須跟上科技的進步，對程式語言也要一定程度的了解，避免產生和工程師溝通不良的狀況。而帶有前端工程師及設計師雙技能的人會被稱為「介面工程師」（UI Developer），可以自己設計畫面也自己寫出網頁。

而 UI 設計師有時也會與「平面設計師」（Graphic designer）一同被討論，他們同樣關心美學、同樣要使介面充滿魅力、引人注目並切和主題，但平面設計師不需考慮「使用者怎麼操作」的問題，平面設計基本上也不需要被操作；而 UI 設計師則要思考如何引導使用者操作並完成任務，故兩者還是大不相同的。

本系列文章未完，請點此看下一篇

相關文章:

美女PM/UI設計師真實身分起底！二度就業婦女的斜槓人生

第一次上程式設計課程該選 Python 還是 Java？有什麼差別？

五部人工智慧電影告訴你：未來人類會與 AI 談戀愛⋯⋯還是被毀滅？

人工智慧貓砂盆 - 因愛貓腎病過世 工程師研發預防性貓用醫療品

UI設計網站30招不藏私,讓設計師超省力! (一)

UI設計網站整理超實用30招都在這! (二)

UI設計網站超值大禮包!設計師們不可不看(三)

UI設計與UX設計傻傻分不清?帶你一同剖析兩者差異1

UI 設計與UX設計是一樣的嗎?那你就大錯特錯了!究竟有什麼不同,看下去就知道了……

本篇為【UI/UX 設計工作完整剖析】系列的第 1 篇，完整連結如下：

1-為何UI/UX容易搞混？

2-UI設計的優點

3-UX設計的優點

4-無論UI/UX都需研究驗證

5-如何讓UI/UX相得益彰

UI vs. UX 設計 - 為什麼容易搞混？

UI 設計 和 UX 設計 時常被混在一起使用、也常常把UI 設計 和 UX 設計認為是同一種專業，很多公司找「UI 設計師」要求應徵者兩種能力都要有。

除了因對 UI、UX 不甚了解外，其中一個原因是 UX 包含的事情較為廣泛：從介面設計、視覺風格、程式功能和運作效能等等都是其中一環，與 UI 設計或多或少有所重疊。而且許多專業設計師對這兩種專業都有涉獵，久而久之就常見 UI、UX 並稱的狀況了。

▲ UI、UX 設計雖為不同專業，但在某些方面會有重疊。(來源：Asinthecity)

本系列文章未完，請點此看下一篇

相關文章:

前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」！

人工智慧電影/影集：Netflix《我的全像情人》探討人與 AI 是否有真愛

介面、體驗大不同！UI設計/UX設計工作內容完整剖析

UI設計網站超值大禮包!設計師們不可不看(一)

Python課程超強大!讓非本科轉職為大醫院網站工程師!

硬體工程師為何進修Java課程轉戰軟體工程師!?

學習UI設計開創斜槓新人生

 UI 設計課程讓非本科又是二度就業的她,再度開創事業第二春!

▲ 現職 PM 兼接案 UI 設計師的陳小姐，看不出已是 41 歲的二度就業婦女。

現職是 PM 的陳小姐，看不出來是 41 歲的凍齡美女！激勵人心的是：她是二度就業婦女，而且是去年才以 40 歲的年紀學習 UI 介面設計！現在的她，可以非常有自信地告訴周圍的人「我也是設計師」。她的見證，證明了只要肯努力，人生隨時可以重新開始！以下是她的自白：

非本科系只要用對學習方法 也能成為專業

我本身「非」 UI 設計相關背景出身，也只有在工作上遇到製作文宣的場合時，勉強說跟設計沾上邊。後來在 2019 年轉職之際，發現自己其實對 UI 設計領域有興趣，就下定決心要學習相關知識與 UI 專業技能。

透過網路搜尋，我發現達內教育有開設 UI 課程。經過幾次線上詢問後， 達內教育 的線上諮詢人員與業務都以親切卻又不失專業的態度，一一回答我的疑慮。最後我決定要在 達內教育 學習 UI 技能。

其實從一開始的網路諮詢，到線上學習階段，在到最後結業的整個過程，老師們跟小幫手們都以熱心、專業的態度，精準對應我的問題並回答，可說是完全沒有線上學習的隔閡感！

工作結合興趣 讓我上下班都快樂

我已經結業了。現在公司很多行銷方面的需要，我都有能力操刀；除此之外，我自己也開始接平面設計的案子，正式開啟我的 PM/UI 斜槓人生，多一分業外收入！

達內教育的教學系統給了我很大的幫助，讓我從一個毫無UI相關背景的門外漢，也能在短期內成為能獨立接案的設計師！很感謝達內教師群以及小幫手的協助，讓我可以將興趣與工作結合。

有夢最美~踏實築夢，永不嫌晚！

我今年已經 41 了，其實我從去年才開始真正學習 UI 相關專業知識及技能。一開始，我也擔心：我是否能跟那些專業本科系出身的年輕人並駕齊驅？我能像他們一樣，創意與靈活兼具嗎？

結果證實，只要我願意朝著明確目標努力，有達成的決心與意志，就算是有再多的爭競對手，也能走出自己的一片天。堪稱是中年二度就業婦女行列的我，也能很自信的說：「我是設計師」！

相關文章:

前端工程師該懂的後端技能 : MySQL教學-DDL DML DQL DCL

使用 Java、Python、C 等 22 種程式語言寫出「Hello World」！

人工智慧電影/影集：Netflix《我的全像情人》探討人與 AI 是否有真愛

介面、體驗大不同！UI設計/UX設計工作內容完整剖析

UI設計網站超值大禮包!設計師們不可不看(一)

Python課程超強大!讓非本科轉職為大醫院網站工程師!

硬體工程師為何進修Java課程轉戰軟體工程師!?

UI設計網站整理超實用30招都在這! (四)

UI 設計網站為設計師們整理了30招,讓你功力加倍!

本篇為「UI設計網站整理超實用30招都在這!」的第 4 篇，第 3 篇請點此連結

 範例24：嘗試銷售「好處」而不是功能

克里斯‧古利博（Chris Guillebeau）在《100美元創業》（The $100 Startup）一書中寫道，人們真的很在乎愛情、金錢和自由，也希望同時能減少壓力、衝突和麻煩。

人們在挑選產品時，考慮性能外，更在乎這個產品能如何帶來好處 －－ 例如如果可以同時幫他省錢又省力就太好了。而這就是產品能帶給顧客的價值所在，也是他們會掏錢的關鍵。所以UI 網頁的說明別只向顧客說明產品或服務內容，說明能為顧客帶來哪些好處吧！

範例25：謹慎設計「沒有符合的產品」的網頁

如何在網頁上呈現數據是一套學問，只是許多 UI 設計擅長表現 1000 個以上的數據，結果卻忽略了「零數據」的情況－－當使用者想搜尋符合特定條件的商品未果時，跳出的「搜尋到 0 個商品」。或者另一個情況：當初使用者查看您的網頁時，在沒有任何引導的情況下操作，導致顯示 0 數據，這會有讓使用者感覺被忽略的風險。

此時，有 sense 的 UI 設計師會使用「網頁使用教學」或提示來取代冰冷的「搜尋到 0 個商品」頁面，讓使用者感受這個網頁是有人性的，營造暖心的 UX 使用者體驗！

推薦閱讀：改變 UI/UX 竟讓友情加溫、麵包烤更香！Netflix 紀錄片揭露設計師巧思

範例26：讓使用者能選擇「不參加」

傳統行銷策略上，會只有一個寫著「我想要...」的方框（check box）以供勾選，若不想參加則可以不勾選。某些粗魯的行銷手段甚至會預設設為勾選，常讓使用者一不留意就「被答應」了 。

更好的做法是將正反向的選擇各放一個方框，告訴使用者「你可以要也可以不要」，然後再替使用者默選其中一項。

因為此舉可以減緩當使用者不想參與時的牴觸感，亦可可讓使用者潛意識產生「所有人都照原樣進行，那我也這樣做吧」的想法，進而讓我們的目的更容易達到，還不會引使用者的反感。畢竟行銷道德也會影響使用者對品牌的評價。

範例27：保持一致性，避免使用者重新學習

世紀最有影響力之一的設計師唐．諾曼在《設計的心理學》中闡述，產品設計的最終目的，是為了讓產品符合使用者的預期。這個概念也是人因工程的核心概念之一，也就是「一致性」。維持「一致性」的產品易學易用、錯誤較少，可以減少心智工作的負荷，可以說是人人都期望中的產品。

而網頁的一致性同樣能幫助使用者容易學習，若破壞一致性原則，使用者就得重新學習一次。在介面上，一致性可藉由如顏色、形狀、大小、標記或語言等方式完成。

不過，當有需凸顯的內容時，依然可以使用「不一致」的元素吸引使用者注意。

範例28：善用「自動填入」以避免使用者重複操作

從 UX 使用者體驗與轉換率的角度來看，最糟糕的事莫過於一遍遍地詢問人們已經提供的資料。提供預設值或自動填入之前填過的資料，再讓使用者檢查正確性，都比每次要他們重新輸入來的好。

盡量減少使用者的操作流程並節省他們的時間，絕對是有益處的。

範例29：UI 設計應要保留大多數人都習慣的操作方式

同樣是基於「一致性」原理，維持常見的操作習慣也是很重要的。如果在整個 UI 介面上保持慣常的操作模式，使用者自然不會遇到太困難的阻礙。如圖例，人們已經習慣在介面右上角會有表示關閉的「X」圖示，就如呼吸般自然。

當然，新的操作模式也許可以帶來耳目一新的感覺，但在推翻傳統，必須謹慎思索改革的目的與成效。

範例30：「做了能避免⋯⋯」的行動呼籲內容比「做了能得到⋯⋯」更好

損失規避理論（Loss aversion）指出，當人們面對同樣數量的收益和損失時，會認為損失更令他們難以忍受。也就是說，人們當然喜歡獲得，但更討厭失去！

這個理論可以套用在產品設計和使用者溝通。例如若產品的目的是保護客戶現有的財富或安全等等，比起推銷客戶還未擁有的東西更能說服客戶購買。

在上圖的網站 UI 設計 A/B 測試中，左側的行動呼籲是「請這樣做，以免失去你的健康、財富或朋友」；右側的則是「請這樣做，就可以增加你的健康、財富或朋友」。左側的「恐嚇式描述」會讓人聯想到事情發生時（如失去財富等）的嚴重性，就按下「Do This」按鈕以先預防，因此比起右側的敘述更有「讓人不敢拒絕」的說服力。

相關文章:

特效不夠AI 來湊！迪士尼換臉技術達百萬畫素

Google Analytics「工作階段」定義與範例一次解析！

亞馬遜人工智慧出包 搞混國會議員與罪犯 人工智慧再突破！

史上最強解馬賽克技術 64倍解析度還原成無碼

UI設計中超討喜的關鍵就是”這個”!(上)

UI設計中人見人愛的關鍵點就是”那個”! (下)

開車有視線死角,讓人心驚驚?有了人工智慧免煩惱!