大多數(shù)設(shè)計師在設(shè)計網(wǎng)站時，并不太關(guān)注鏈接。只要鏈接有效，能將用戶引導(dǎo)至正確的頁面，就萬事大吉了。但良好的用戶體驗遠不止于此。有些鏈接應(yīng)該在新的瀏覽器標簽頁中打開，而有些鏈接則應(yīng)該在原瀏覽器標簽頁中打開。設(shè)計師務(wù)必了解兩者的區(qū)別。

瀏覽器標簽改變了一切

過去，許多人都不喜歡在新窗口中打開鏈接。新窗口對用戶來說很難管理。但瀏覽器標簽頁的推出改變了這一現(xiàn)狀。現(xiàn)在，您無需打開新窗口，而是可以在新標簽頁中打開鏈接。最大的區(qū)別在于，瀏覽器標簽頁比瀏覽器窗口更易于用戶管理。

當新窗口打開時，它會覆蓋用戶之前的窗口。用戶會感到困惑，不知道如何返回。但是，當新標簽頁打開時，用戶仍然可以在頂部看到之前的標簽頁。用戶很容易理解如何在標簽頁之間切換。 事實上，大多數(shù)用戶在瀏覽時都會打開多個標簽頁。瀏覽器已經(jīng)發(fā)生了變化，因此設(shè)計師定位鏈接的方式也應(yīng)該隨之改變。

內(nèi)部鏈接與外部鏈接

將用戶引導(dǎo)至同一網(wǎng)站其他頁面的鏈接為內(nèi)部鏈接。內(nèi)部鏈接不應(yīng)在新的瀏覽器標簽頁中打開，而應(yīng)在用戶當前所在的標簽頁中打開。

在同一個網(wǎng)站打開新標簽頁既多余又令人困惑。如果是同一個網(wǎng)站，但頁面不同，用戶會使用導(dǎo)航菜單返回或根據(jù)需要導(dǎo)航到其他地方。讓用戶停留在同一個標??簽頁中，有助于他們更好地理解網(wǎng)站的導(dǎo)航流程。

然而，外部鏈接應(yīng)該在新標簽頁中打開。這些鏈接會將用戶引導(dǎo)至不同的網(wǎng)站。許多設(shè)計師會犯在同一個標??簽頁中打開外部鏈接的錯誤。這會帶來許多問題，設(shè)計師需要了解。

• 內(nèi)部鏈接
• 外部鏈接

后退按鈕疲勞

在同一個標??簽頁中打開外部鏈接，會給用戶帶來“返回鍵疲勞”。每次用戶訪問外部網(wǎng)站時，他們都必須點擊“返回鍵”才能返回到你的網(wǎng)站。如果他們決定點擊其他網(wǎng)站上的鏈接，他們就必須點擊更多次“返回鍵”才能返回到你的網(wǎng)站。這對用戶來說，是很多不必要的操作。

在新標簽頁中打開外部鏈接，用戶可以盡情瀏覽其他網(wǎng)站，無需反復(fù)點擊“返回”按鈕返回到您的網(wǎng)站。他們只需點擊您網(wǎng)站所在的標簽頁即可。無需反復(fù)點擊“返回”按鈕，也無需長時間等待。

減緩用戶流量

在同一標簽頁中打開的外部鏈接也會降低用戶瀏覽速度。許多瀏覽搜索引擎或鏈接分享網(wǎng)站的用戶都在尋找信息。他們通常會點擊頁面上的多個鏈接，從不同的來源獲取信息。

在新標簽頁中打開外部鏈接，用戶可以一次性瀏覽頁面，點擊所有相關(guān)鏈接，然后開始消化和篩選信息。用戶無需反復(fù)返回源頁面繼續(xù)瀏覽更多鏈接，從而減少瀏覽流程的中斷。

當用戶確實想要返回源頁面時，這很容易做到，因為標簽頁會一直打開，直到用戶手動關(guān)閉它。用戶無需多次點擊返回按鈕并等待源頁面重新加載。他們只需點擊標簽頁即可輕松返回。

網(wǎng)站過度運作

在同一個標??簽頁中打開外部鏈接不僅會讓用戶負擔(dān)過重，也會讓您的網(wǎng)站負擔(dān)過重。每次用戶返回您的網(wǎng)站時，它都會占用您的網(wǎng)站資源來加載頁面。

在新標簽頁中打開外部鏈接可以節(jié)省大量資源。如果用戶想返回您的網(wǎng)站，他們無需再次加載頁面。他們只需點擊您的網(wǎng)站標簽即可。這既快捷又簡單，而且不占用任何帶寬。他們無需點擊返回鍵或打開上下文菜單即可返回。

不準確的分析

很多時候，用戶會點擊文章段落中的外部鏈接，以便更好地理解文章內(nèi)容。這并不意味著他們想在未讀完文章的情況下離開您的網(wǎng)站。然而，您的網(wǎng)站分析結(jié)果卻并非如此。如果您的外部鏈接在同一個標??簽頁中打開，則表明用戶離開您網(wǎng)站的速度比實際速度要快。

這是因為，當外部鏈接在同一個標??簽頁中打開時，用戶會完全離開您的網(wǎng)站。然而，在新標簽頁中打開的外部鏈接在用戶訪問外部網(wǎng)站時，仍會保持您的網(wǎng)站標簽頁打開。用戶在您網(wǎng)站上的停留時間會在他們手動退出網(wǎng)站標簽頁時結(jié)束，而不是在他們訪問外部鏈接時結(jié)束。

用戶點擊外部鏈接并不意味著他們想要離開您的網(wǎng)站。您不應(yīng)將外部鏈接點擊視為網(wǎng)站退出。唯一明確的退出方式是用戶點擊標簽頁上的關(guān)閉按鈕。

外部鏈接影響您的網(wǎng)站和用戶

將用戶引導(dǎo)至不同網(wǎng)站的鏈接應(yīng)在新標簽頁中打開。將用戶引導(dǎo)至同一網(wǎng)站不同頁面的鏈接應(yīng)在同一個標??簽頁中打開。如果您在與您的網(wǎng)站相同的標簽頁中打開外部鏈接，這會對您和您的用戶造成影響。您不僅會遇到不準確的分析結(jié)果，導(dǎo)致網(wǎng)站運行更費力，還會使用戶的工作負擔(dān)加重、速度變慢。在當今鏈接主導(dǎo)網(wǎng)絡(luò)的世界里，確保鏈接以正確的方式打開幾乎與鏈接到正確的頁面同樣重要。

 

蘭亭妙微(www.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan

設(shè)計師經(jīng)常會思考對話框中“確定”和“取消”按鈕應(yīng)該放在哪里。“確定”按鈕是完成任務(wù)的主要操作。

“取消”按鈕是輔助操作，可以讓用戶返回到原始屏幕而不完成任務(wù)。根據(jù)它們的功能，最佳的放置順序是什么？“確定”按鈕應(yīng)該放在“取消”按鈕之前還是之后？

平臺一致性不夠好

許多人認為遵循平臺慣例是解決問題的答案。雖然這看起來像是解決問題的辦法，但實際上并非如此。它沒有回答哪種布局對用戶更有利以及原因。僅僅為了保持一致性而遵循平臺慣例的建議根本不夠好，只會讓設(shè)計師徒勞無功。

“一致性”是設(shè)計師們常用的詞。它也是人們不深入思考用戶面臨的設(shè)計問題的常見借口。如果連設(shè)計慣例存在的意義都不知道，遵循它又有什么意義呢？

如果某種設(shè)計慣例對用戶有害怎么辦？設(shè)計師是否應(yīng)該為了保持一致性而盲目遵循它？是否應(yīng)該因為設(shè)計師想要將平臺設(shè)計一致性作為解決所有問題的答案而將糟糕的設(shè)計實踐延續(xù)下去？

如今，某些平臺設(shè)計慣例被廣泛使用，因為它們對用戶有用。但這里的重點是，平臺設(shè)計的一致性永遠不應(yīng)成為設(shè)計師做某事的唯一理由。理解為什么應(yīng)該以某種方式設(shè)計用戶界面而不是另一種方式是關(guān)鍵。

按鈕位置很重要

有人可能會認為，通過增加操作按鈕的視覺重量和清晰的標簽使其更加突出，比其位置更重要。雖然操作按鈕的視覺重量和標簽是需要考慮的重要設(shè)計方面，但并非唯一的方面。

只關(guān)注一個設(shè)計方面而忽略其他方面，是粗心大意的設(shè)計師的表現(xiàn)。一個一絲不茍的設(shè)計師會思考每個設(shè)計方面如何影響用戶。而主要操作和次要操作的布局，正是設(shè)計師最難搞清楚的。這就是為什么“確定”/“取消”按鈕的爭論在設(shè)計師中如此普遍。

為什么“確定”按鈕放在右側(cè)效果最佳

當你克服了平臺慣例的爭論后，你會質(zhì)疑哪種布局效果最好。你可以通過分析設(shè)計如何影響用戶來解決這個問題。

減少視覺注視

有必要驗證設(shè)計師們常見的假設(shè)是否正確。一些設(shè)計師認為，將主要操作放在左側(cè)次要操作之前對用戶更有利，因為左側(cè)操作更靠近用戶，因此點擊時間更短。

這很有道理，但你不能忽視一個事實：用戶在選擇操作之前會查看所有選項。這意味著大多數(shù)用戶不會盲目點擊主要操作按鈕，而不查看旁邊的次要操作按鈕。

他們會先看到左側(cè)的主要操作，然后再看右側(cè)的次要操作。之后，他們會將目光移回主要操作并點擊它。這會在多個方向上形成總共三個視覺注視點。

左側(cè)有“確定”按鈕，視覺注視點更多，并流向多個方向

使用右側(cè)的“確定”按鈕，視覺注視點減少，并流向一個方向

將其與位于對話框右側(cè)、次要操作位于左側(cè)的按鈕進行比較。用戶的視線首先停留在次要操作上，然后移至主要操作并點擊按鈕。這在一個方向上產(chǎn)生了總共兩次視覺注視，從而為用戶提供了更快的視覺流。

用戶只會在每個按鈕上注視一次，最終停留在主要操作按鈕上。將主要操作按鈕放在左側(cè)或許能讓用戶更容易觸及，但從用戶的思維過程和視覺注視角度來看，將主要操作按鈕放在對話框右側(cè)實際上會更快。

映射到預(yù)期的按鈕功能

當用戶點擊輔助操作按鈕時，他們希望應(yīng)用程序不執(zhí)行任何操作，并返回到原始屏幕。因此，“取消”按鈕的功能類似于“返回”按鈕。

當用戶點擊主要操作按鈕時，他們期望應(yīng)用程序執(zhí)行按鈕指示的操作，并將他們帶到下一個屏幕。因此，“確定”按鈕的功能類似于“下一步”按鈕。將次要操作按鈕放在左側(cè)，將主要操作按鈕放在右側(cè)，可以映射用戶期望的“上一步”和“下一步”按鈕的功能。

這與分頁按鈕的放置方式類似。將用戶帶到下一頁的按鈕位于右側(cè)，將用戶帶回上一頁的按鈕位于左側(cè)。這種按鈕放置方式之所以有效，是因為它與用戶從左到右的閱讀和導(dǎo)航方向相呼應(yīng)，其中右側(cè)是前進方向，左側(cè)是后退方向。

“確定”可讓用戶前進到下一個屏幕，“取消”可讓用戶返回到原始屏幕

對話框中的“確定”和“取消”按鈕應(yīng)遵循類似的交互模式，因為它們的功能類似于分頁按鈕。不僅如此，左右方向的模式也符合西方用戶習(xí)慣。將主要操作放在右側(cè)，將次要操作放在左側(cè)，將使對話框按鈕更容易、更直觀地被用戶理解。

為用戶提供更高效的任務(wù)流程

對話框右下角的按鈕更容易被用戶點擊，因為它遵循了古騰堡圖表。在古騰堡圖表中，右下角是終端區(qū)域。這是用戶完成瀏覽后視線最終停留的區(qū)域。

將按鈕放置在終端區(qū)域，可以讓用戶最后看到需要執(zhí)行的主要操作。這不僅改善了視覺流程，也優(yōu)化了任務(wù)流程。用戶在瀏覽時不會跳過主要操作按鈕。他們的目光會在瀏覽過程中直接落在按鈕上，因此可以立即點擊。

掃描對話框并采取行動既快速又簡單，因為用戶的眼睛停留在主要操作按鈕上。

按鈕放在角落里還是將它們放在一起？

設(shè)計師經(jīng)常思考的另一個問題是，他們應(yīng)該把按鈕放在角落里還是把它們放在一起。當你把主要操作和次要操作放在對話框的角落里時，它們可以很好地映射到左右導(dǎo)航方向。然而，由于“確定”和“取消”按鈕不是導(dǎo)航按鈕，因此沒有必要遵循方向映射。有時，這樣做弊大于利。

按鈕之間較大的視覺分離使得操作比較困難，并將一個操作與另一個操作隔離開來

如果應(yīng)用程序即將執(zhí)行用戶無法撤消的關(guān)鍵操作，那么讓用戶能夠同時看到“取消”按鈕和“確定”按鈕就顯得尤為重要。在這種情況下，“取消”按鈕的功能可能類似于“上一步”按鈕，但它更重要的是，它充當了安全按鈕，可以防止任何更改。

將“取消”按鈕放在最左上角的危險在于，由于兩個按鈕之間的視覺距離過大，用戶可能會忽略它。將“取消”按鈕與“確定”按鈕放在一起，可以讓用戶更容易地在一次注視中看到并比較這兩個操作，從而選擇最佳操作。

結(jié)論

當用戶需要閱讀重要信息或執(zhí)行重要操作時，設(shè)計師通常會使用對話框。按鈕的放置順序會影響用戶選擇的操作。如果按鈕的放置順序清晰高效，可以防止用戶選擇錯誤的操作并犯錯。

按鈕的位置很重要，但也要記住注意按鈕的視覺重量和標簽。所有這些設(shè)計方面都會在用戶瀏覽對話框時發(fā)揮作用。既然您理解了為什么“確定”按鈕放在右側(cè)效果最佳，那么您就有比平臺一致性更好的參考依據(jù)了。

蘭亭妙微(www.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan

想象一下，一位用戶準備注冊你的網(wǎng)站。他們會進入你的表單并輸入信息。你對齊字段標簽的方式會影響用戶填寫表單的速度。

您想為用戶提供輕松便捷的體驗，還是想給他們帶來麻煩？如果您想讓他們的體驗快速便捷，請 在表單字段上使用頂部對齊的標簽。

頂部對齊的標簽比左右對齊的標簽填寫起來更快更容易。這是因為頂部對齊的標簽只需要一半的視覺注視點。 頂部對齊的標簽還允許用戶沿著一個視覺方向向下移動表單。而左右對齊的標簽則需要兩個視覺方向才能填寫。

頂部對齊標簽的唯一缺點是它們會使表單變長。不過，現(xiàn)在用戶滾動頁面的頻率更高了，所以這不是問題。通過減少字段之間的空白，您可以縮短表單的長度。您還可以將表單拆分成多個頁面，以縮短表單的長度。

頂部對齊和左右對齊標簽之間的區(qū)別顯而易見。頂部對齊的標簽更容易被用戶看到，也更容易填寫表單。雖然頂部對齊的標簽可能會使表單變長，但用戶填寫表單所需的時間和精力更少，這對用戶更有利。

如果頂部對齊的標簽?zāi)軌驗橛脩魩砀玫谋韱误w驗，那么它值得采用。設(shè)計師應(yīng)該更多地考慮字段標簽的對齊方式。這可能會影響用戶填寫表單還是放棄表單。

蘭亭妙微(www.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan

網(wǎng)絡(luò)無障礙訪問不僅惠及色盲用戶，也惠及誦讀困難用戶。誦讀困難是一種學(xué)習(xí)障礙，會影響人們閱讀、書寫和拼寫的流暢性或準確性[10]。

作為設(shè)計師，我們可以通過避免那些會損害閱讀障礙用戶的不良設(shè)計實踐，幫助他們更好地閱讀文本。從他們的視角看待事物，可以讓我們更好地理解無障礙設(shè)計的重要性。

患有閱讀障礙的人在閱讀文本時，有時會出現(xiàn)視覺扭曲的效果 [5]。這些效果的程度因人而異，但它們會使閱讀文本變得更加困難。

以下六種不良習(xí)慣可能會給閱讀障礙者帶來視覺扭曲效果。這些不良習(xí)慣也會給非閱讀障礙者帶來閱讀困難。但它們對閱讀障礙者的影響更為嚴重。

河流效應(yīng)

誦讀困難者有時可能會在閱讀的文本中看到“河流效應(yīng)”[1]。這是指連續(xù)的文本行中出現(xiàn)較大的空白。它看起來就像一條空白的河流順著頁面上的文字流淌而下。有一些不良習(xí)慣會導(dǎo)致“河流效應(yīng)”的發(fā)生。

1. 對齊文本

對齊文本不僅對有閱讀障礙的用戶來說難以閱讀，對沒有閱讀障礙的用戶來說也同樣如此。這是因為它會在字母和單詞之間產(chǎn)生較大且不均勻的空白 [8]。當這些空白彼此重疊時，就會出現(xiàn)一條令人分心的空白河 [4]。

這可能會導(dǎo)致患有誦讀困難癥的讀者在閱讀時反復(fù)忘記讀到哪里 [6]。你可以使用左對齊文本，而不是兩端對齊的段落 [2]，來避免產(chǎn)生“河流效應(yīng)”。

2. 句號后雙倍行距

我們大多數(shù)人都有在句末句號后加雙倍行距的習(xí)慣。這種做法起源于打字時代。那時的打字機使用的是等寬字體。因此，人們認為在句號后加雙倍行距會使句子的結(jié)尾更加清晰 [9]。

但句號后單倍行距就足夠了，因為大多數(shù)網(wǎng)站都使用等距字體。句號后雙倍行距會在文本中形成“河流”，使用戶難以找到句子的結(jié)尾[9]。在網(wǎng)絡(luò)上，單倍行距更勝一籌。

模糊效果

誦讀困難者可能出現(xiàn)的另一種視覺扭曲效應(yīng)是模糊效應(yīng) [1]。誦讀困難者閱讀時，會看到文本模糊、旋轉(zhuǎn)或混雜在一起 [5]。這會嚴重影響誦讀困難者的閱讀能力，使他們感到疲勞 [7]。可以通過避免一些不良習(xí)慣來減輕這種影響。

3.純白背景上純黑文字

你現(xiàn)在閱讀的文字不是純黑色 (#000000)，背景也不是純白色 (#FFFFFF)，這是有原因的。這是因為許多閱讀障礙者對高對比度顏色產(chǎn)生的亮度很敏感。這會導(dǎo)致文字旋轉(zhuǎn)或模糊不清 [3]。

為了避免這種情況，請使用灰白色作為背景，例如淺灰色或棕褐色。您也可以使用深灰色代替純黑色作為文本，以進一步減少眩光。

4. 長段連續(xù)的段落

長段不間斷的段落文本不僅對閱讀障礙者來說難以閱讀，對非閱讀障礙者來說也同樣如此。閱讀障礙者很容易在閱讀長段落時迷失方向 [1]。

這就是為什么最好使用表達單一觀點的短段落 [2]。這是因為閱讀障礙者比非閱讀障礙者需要在觀點之間有更多停頓 [6]。將文本分解為每段一個觀點，無論閱讀障礙者還是非閱讀障礙者，都能更輕松地閱讀。

沖刷效應(yīng)

有時，誦讀困難者會經(jīng)歷“洗出效應(yīng)”。當這種情況發(fā)生時，文字會顯得模糊不清 [5]。這會使閱讀速度變慢，并導(dǎo)致誦讀困難者因為看不清單詞而猜測單詞是什么。為了減輕這種影響，在處理文本時應(yīng)避免兩種不良做法。

5.襯線字體

襯線字體在字母筆畫的末端有鉤。它們看起來很有裝飾性，但可能會給患有閱讀障礙的用戶帶來閱讀障礙。襯線字體往往會遮擋字母的形狀，使字母顯得雜亂無章[1]。

但無襯線字體可以讓誦讀困難者更清晰地看清字母的形狀。這是因為沒有了鉤狀結(jié)構(gòu)，字母之間的間距就更大了，更容易辨認。[6]

6.斜體文本

斜體有時用于突出顯示文本。但不應(yīng)使用斜體文本，因為它們會使字母難以閱讀。與非斜體字體相比，斜體字母的線條呈鋸齒狀。這些字母還會傾斜，使患有閱讀障礙的用戶難以辨認單詞 [6]。

當文字較小時，斜體文本更加難以辨認[3]。更好的突出顯示方法是使用粗體文本，因為字母更清晰，對比度也更好。

人人可及

許多用戶患有閱讀障礙，難以閱讀文本。您應(yīng)該通過糾正這些不良做法，讓您的網(wǎng)站對所有人都易于訪問。您已經(jīng)了解了閱讀障礙用戶的網(wǎng)絡(luò)體驗。在視覺扭曲的情況下閱讀時，獲取信息并不容易。每個人都有獲取信息的權(quán)利，無論他們是否患有閱讀障礙。

蘭亭妙微(www.shtzxx.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan

UI 設(shè)計思路應(yīng)先放飛概念探索多種可能，如將泡泡圈視為獨立 APP 進行設(shè)計，嘗試簡約風(fēng)格、氣泡形通知欄、膠囊形頭像、實心圖標等創(chuàng)新設(shè)計，再結(jié)合實際落實到產(chǎn)品，比如因開發(fā)資源和屏幕顯示限制去掉漸變和彌散投影、回歸分割線和返回按鈕，同時要明確設(shè)計與藝術(shù)的區(qū)別，設(shè)計需圍繞客觀問題解決，概念稿后要提取可用點推動落地，注重用戶習(xí)慣和跨平臺適配，像用愛奇藝 Logo 代替文字返回按鈕。