顯示設(shè)備的多用化、智能手機(jī)應(yīng)用的普及化、電子設(shè)備觸摸屏的普及，這些環(huán)境變化推動(dòng)了 PC 網(wǎng)頁(yè) UI 設(shè)計(jì)的新動(dòng)向。
本文總結(jié)了 8 個(gè)易于實(shí)踐的 UI 設(shè)計(jì)技巧，可幫助設(shè)計(jì)師改善設(shè)計(jì)并為后續(xù)實(shí)踐提供指導(dǎo)，具體內(nèi)容如下。
大多數(shù)設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)，并不太關(guān)注鏈接。只要鏈接有效，能將用戶引導(dǎo)至正確的頁(yè)面，就萬(wàn)事大吉了。但良好的用戶體驗(yàn)遠(yuǎn)不止于此。有些鏈接應(yīng)該在新的瀏覽器標(biāo)簽頁(yè)中打開(kāi)，而有些鏈接則應(yīng)該在原瀏覽器標(biāo)簽頁(yè)中打開(kāi)。設(shè)計(jì)師務(wù)必了解兩者的區(qū)別。
過(guò)去，許多人都不喜歡在新窗口中打開(kāi)鏈接。新窗口對(duì)用戶來(lái)說(shuō)很難管理。但瀏覽器標(biāo)簽頁(yè)的推出改變了這一現(xiàn)狀?，F(xiàn)在，您無(wú)需打開(kāi)新窗口，而是可以在新標(biāo)簽頁(yè)中打開(kāi)鏈接。最大的區(qū)別在于，瀏覽器標(biāo)簽頁(yè)比瀏覽器窗口更易于用戶管理。
當(dāng)新窗口打開(kāi)時(shí)，它會(huì)覆蓋用戶之前的窗口。用戶會(huì)感到困惑，不知道如何返回。但是，當(dāng)新標(biāo)簽頁(yè)打開(kāi)時(shí)，用戶仍然可以在頂部看到之前的標(biāo)簽頁(yè)。用戶很容易理解如何在標(biāo)簽頁(yè)之間切換。 事實(shí)上，大多數(shù)用戶在瀏覽時(shí)都會(huì)打開(kāi)多個(gè)標(biāo)簽頁(yè)。瀏覽器已經(jīng)發(fā)生了變化，因此設(shè)計(jì)師定位鏈接的方式也應(yīng)該隨之改變。
將用戶引導(dǎo)至同一網(wǎng)站其他頁(yè)面的鏈接為內(nèi)部鏈接。內(nèi)部鏈接不應(yīng)在新的瀏覽器標(biāo)簽頁(yè)中打開(kāi)，而應(yīng)在用戶當(dāng)前所在的標(biāo)簽頁(yè)中打開(kāi)。
在同一個(gè)網(wǎng)站打開(kāi)新標(biāo)簽頁(yè)既多余又令人困惑。如果是同一個(gè)網(wǎng)站，但頁(yè)面不同，用戶會(huì)使用導(dǎo)航菜單返回或根據(jù)需要導(dǎo)航到其他地方。讓用戶停留在同一個(gè)標(biāo)??簽頁(yè)中，有助于他們更好地理解網(wǎng)站的導(dǎo)航流程。
然而，外部鏈接應(yīng)該在新標(biāo)簽頁(yè)中打開(kāi)。這些鏈接會(huì)將用戶引導(dǎo)至不同的網(wǎng)站。許多設(shè)計(jì)師會(huì)犯在同一個(gè)標(biāo)??簽頁(yè)中打開(kāi)外部鏈接的錯(cuò)誤。這會(huì)帶來(lái)許多問(wèn)題，設(shè)計(jì)師需要了解。
在同一個(gè)標(biāo)??簽頁(yè)中打開(kāi)外部鏈接，會(huì)給用戶帶來(lái)“返回鍵疲勞”。每次用戶訪問(wèn)外部網(wǎng)站時(shí)，他們都必須點(diǎn)擊“返回鍵”才能返回到你的網(wǎng)站。如果他們決定點(diǎn)擊其他網(wǎng)站上的鏈接，他們就必須點(diǎn)擊更多次“返回鍵”才能返回到你的網(wǎng)站。這對(duì)用戶來(lái)說(shuō)，是很多不必要的操作。
在新標(biāo)簽頁(yè)中打開(kāi)外部鏈接，用戶可以盡情瀏覽其他網(wǎng)站，無(wú)需反復(fù)點(diǎn)擊“返回”按鈕返回到您的網(wǎng)站。他們只需點(diǎn)擊您網(wǎng)站所在的標(biāo)簽頁(yè)即可。無(wú)需反復(fù)點(diǎn)擊“返回”按鈕，也無(wú)需長(zhǎng)時(shí)間等待。
在同一標(biāo)簽頁(yè)中打開(kāi)的外部鏈接也會(huì)降低用戶瀏覽速度。許多瀏覽搜索引擎或鏈接分享網(wǎng)站的用戶都在尋找信息。他們通常會(huì)點(diǎn)擊頁(yè)面上的多個(gè)鏈接，從不同的來(lái)源獲取信息。
在新標(biāo)簽頁(yè)中打開(kāi)外部鏈接，用戶可以一次性瀏覽頁(yè)面，點(diǎn)擊所有相關(guān)鏈接，然后開(kāi)始消化和篩選信息。用戶無(wú)需反復(fù)返回源頁(yè)面繼續(xù)瀏覽更多鏈接，從而減少瀏覽流程的中斷。
當(dāng)用戶確實(shí)想要返回源頁(yè)面時(shí)，這很容易做到，因?yàn)闃?biāo)簽頁(yè)會(huì)一直打開(kāi)，直到用戶手動(dòng)關(guān)閉它。用戶無(wú)需多次點(diǎn)擊返回按鈕并等待源頁(yè)面重新加載。他們只需點(diǎn)擊標(biāo)簽頁(yè)即可輕松返回。
在同一個(gè)標(biāo)??簽頁(yè)中打開(kāi)外部鏈接不僅會(huì)讓用戶負(fù)擔(dān)過(guò)重，也會(huì)讓您的網(wǎng)站負(fù)擔(dān)過(guò)重。每次用戶返回您的網(wǎng)站時(shí)，它都會(huì)占用您的網(wǎng)站資源來(lái)加載頁(yè)面。
在新標(biāo)簽頁(yè)中打開(kāi)外部鏈接可以節(jié)省大量資源。如果用戶想返回您的網(wǎng)站，他們無(wú)需再次加載頁(yè)面。他們只需點(diǎn)擊您的網(wǎng)站標(biāo)簽即可。這既快捷又簡(jiǎn)單，而且不占用任何帶寬。他們無(wú)需點(diǎn)擊返回鍵或打開(kāi)上下文菜單即可返回。
很多時(shí)候，用戶會(huì)點(diǎn)擊文章段落中的外部鏈接，以便更好地理解文章內(nèi)容。這并不意味著他們想在未讀完文章的情況下離開(kāi)您的網(wǎng)站。然而，您的網(wǎng)站分析結(jié)果卻并非如此。如果您的外部鏈接在同一個(gè)標(biāo)??簽頁(yè)中打開(kāi)，則表明用戶離開(kāi)您網(wǎng)站的速度比實(shí)際速度要快。
這是因?yàn)?，?dāng)外部鏈接在同一個(gè)標(biāo)??簽頁(yè)中打開(kāi)時(shí)，用戶會(huì)完全離開(kāi)您的網(wǎng)站。然而，在新標(biāo)簽頁(yè)中打開(kāi)的外部鏈接在用戶訪問(wèn)外部網(wǎng)站時(shí)，仍會(huì)保持您的網(wǎng)站標(biāo)簽頁(yè)打開(kāi)。用戶在您網(wǎng)站上的停留時(shí)間會(huì)在他們手動(dòng)退出網(wǎng)站標(biāo)簽頁(yè)時(shí)結(jié)束，而不是在他們?cè)L問(wèn)外部鏈接時(shí)結(jié)束。
用戶點(diǎn)擊外部鏈接并不意味著他們想要離開(kāi)您的網(wǎng)站。您不應(yīng)將外部鏈接點(diǎn)擊視為網(wǎng)站退出。唯一明確的退出方式是用戶點(diǎn)擊標(biāo)簽頁(yè)上的關(guān)閉按鈕。
將用戶引導(dǎo)至不同網(wǎng)站的鏈接應(yīng)在新標(biāo)簽頁(yè)中打開(kāi)。將用戶引導(dǎo)至同一網(wǎng)站不同頁(yè)面的鏈接應(yīng)在同一個(gè)標(biāo)??簽頁(yè)中打開(kāi)。如果您在與您的網(wǎng)站相同的標(biāo)簽頁(yè)中打開(kāi)外部鏈接，這會(huì)對(duì)您和您的用戶造成影響。您不僅會(huì)遇到不準(zhǔn)確的分析結(jié)果，導(dǎo)致網(wǎng)站運(yùn)行更費(fèi)力，還會(huì)使用戶的工作負(fù)擔(dān)加重、速度變慢。在當(dāng)今鏈接主導(dǎo)網(wǎng)絡(luò)的世界里，確保鏈接以正確的方式打開(kāi)幾乎與鏈接到正確的頁(yè)面同樣重要。
設(shè)計(jì)師經(jīng)常會(huì)思考對(duì)話框中“確定”和“取消”按鈕應(yīng)該放在哪里。“確定”按鈕是完成任務(wù)的主要操作。
“取消”按鈕是輔助操作，可以讓用戶返回到原始屏幕而不完成任務(wù)。根據(jù)它們的功能，最佳的放置順序是什么？“確定”按鈕應(yīng)該放在“取消”按鈕之前還是之后？
許多人認(rèn)為遵循平臺(tái)慣例是解決問(wèn)題的答案。雖然這看起來(lái)像是解決問(wèn)題的辦法，但實(shí)際上并非如此。它沒(méi)有回答哪種布局對(duì)用戶更有利以及原因。僅僅為了保持一致性而遵循平臺(tái)慣例的建議根本不夠好，只會(huì)讓設(shè)計(jì)師徒勞無(wú)功。
“一致性”是設(shè)計(jì)師們常用的詞。它也是人們不深入思考用戶面臨的設(shè)計(jì)問(wèn)題的常見(jiàn)借口。如果連設(shè)計(jì)慣例存在的意義都不知道，遵循它又有什么意義呢？
如果某種設(shè)計(jì)慣例對(duì)用戶有害怎么辦？設(shè)計(jì)師是否應(yīng)該為了保持一致性而盲目遵循它？是否應(yīng)該因?yàn)樵O(shè)計(jì)師想要將平臺(tái)設(shè)計(jì)一致性作為解決所有問(wèn)題的答案而將糟糕的設(shè)計(jì)實(shí)踐延續(xù)下去？
如今，某些平臺(tái)設(shè)計(jì)慣例被廣泛使用，因?yàn)樗鼈儗?duì)用戶有用。但這里的重點(diǎn)是，平臺(tái)設(shè)計(jì)的一致性永遠(yuǎn)不應(yīng)成為設(shè)計(jì)師做某事的唯一理由。理解為什么應(yīng)該以某種方式設(shè)計(jì)用戶界面而不是另一種方式是關(guān)鍵。
有人可能會(huì)認(rèn)為，通過(guò)增加操作按鈕的視覺(jué)重量和清晰的標(biāo)簽使其更加突出，比其位置更重要。雖然操作按鈕的視覺(jué)重量和標(biāo)簽是需要考慮的重要設(shè)計(jì)方面，但并非唯一的方面。
只關(guān)注一個(gè)設(shè)計(jì)方面而忽略其他方面，是粗心大意的設(shè)計(jì)師的表現(xiàn)。一個(gè)一絲不茍的設(shè)計(jì)師會(huì)思考每個(gè)設(shè)計(jì)方面如何影響用戶。而主要操作和次要操作的布局，正是設(shè)計(jì)師最難搞清楚的。這就是為什么“確定”/“取消”按鈕的爭(zhēng)論在設(shè)計(jì)師中如此普遍。
當(dāng)你克服了平臺(tái)慣例的爭(zhēng)論后，你會(huì)質(zhì)疑哪種布局效果最好。你可以通過(guò)分析設(shè)計(jì)如何影響用戶來(lái)解決這個(gè)問(wèn)題。
有必要驗(yàn)證設(shè)計(jì)師們常見(jiàn)的假設(shè)是否正確。一些設(shè)計(jì)師認(rèn)為，將主要操作放在左側(cè)次要操作之前對(duì)用戶更有利，因?yàn)樽髠?cè)操作更靠近用戶，因此點(diǎn)擊時(shí)間更短。
這很有道理，但你不能忽視一個(gè)事實(shí)：用戶在選擇操作之前會(huì)查看所有選項(xiàng)。這意味著大多數(shù)用戶不會(huì)盲目點(diǎn)擊主要操作按鈕，而不查看旁邊的次要操作按鈕。
他們會(huì)先看到左側(cè)的主要操作，然后再看右側(cè)的次要操作。之后，他們會(huì)將目光移回主要操作并點(diǎn)擊它。這會(huì)在多個(gè)方向上形成總共三個(gè)視覺(jué)注視點(diǎn)。
左側(cè)有“確定”按鈕，視覺(jué)注視點(diǎn)更多，并流向多個(gè)方向
使用右側(cè)的“確定”按鈕，視覺(jué)注視點(diǎn)減少，并流向一個(gè)方向
將其與位于對(duì)話框右側(cè)、次要操作位于左側(cè)的按鈕進(jìn)行比較。用戶的視線首先停留在次要操作上，然后移至主要操作并點(diǎn)擊按鈕。這在一個(gè)方向上產(chǎn)生了總共兩次視覺(jué)注視，從而為用戶提供了更快的視覺(jué)流。
用戶只會(huì)在每個(gè)按鈕上注視一次，最終停留在主要操作按鈕上。將主要操作按鈕放在左側(cè)或許能讓用戶更容易觸及，但從用戶的思維過(guò)程和視覺(jué)注視角度來(lái)看，將主要操作按鈕放在對(duì)話框右側(cè)實(shí)際上會(huì)更快。
當(dāng)用戶點(diǎn)擊輔助操作按鈕時(shí)，他們希望應(yīng)用程序不執(zhí)行任何操作，并返回到原始屏幕。因此，“取消”按鈕的功能類(lèi)似于“返回”按鈕。
當(dāng)用戶點(diǎn)擊主要操作按鈕時(shí)，他們期望應(yīng)用程序執(zhí)行按鈕指示的操作，并將他們帶到下一個(gè)屏幕。因此，“確定”按鈕的功能類(lèi)似于“下一步”按鈕。將次要操作按鈕放在左側(cè)，將主要操作按鈕放在右側(cè)，可以映射用戶期望的“上一步”和“下一步”按鈕的功能。
這與分頁(yè)按鈕的放置方式類(lèi)似。將用戶帶到下一頁(yè)的按鈕位于右側(cè)，將用戶帶回上一頁(yè)的按鈕位于左側(cè)。這種按鈕放置方式之所以有效，是因?yàn)樗c用戶從左到右的閱讀和導(dǎo)航方向相呼應(yīng)，其中右側(cè)是前進(jìn)方向，左側(cè)是后退方向。
“確定”可讓用戶前進(jìn)到下一個(gè)屏幕，“取消”可讓用戶返回到原始屏幕
對(duì)話框中的“確定”和“取消”按鈕應(yīng)遵循類(lèi)似的交互模式，因?yàn)樗鼈兊墓δ茴?lèi)似于分頁(yè)按鈕。不僅如此，左右方向的模式也符合西方用戶習(xí)慣。將主要操作放在右側(cè)，將次要操作放在左側(cè)，將使對(duì)話框按鈕更容易、更直觀地被用戶理解。
對(duì)話框右下角的按鈕更容易被用戶點(diǎn)擊，因?yàn)樗裱斯膨v堡圖表。在古騰堡圖表中，右下角是終端區(qū)域。這是用戶完成瀏覽后視線最終停留的區(qū)域。
將按鈕放置在終端區(qū)域，可以讓用戶最后看到需要執(zhí)行的主要操作。這不僅改善了視覺(jué)流程，也優(yōu)化了任務(wù)流程。用戶在瀏覽時(shí)不會(huì)跳過(guò)主要操作按鈕。他們的目光會(huì)在瀏覽過(guò)程中直接落在按鈕上，因此可以立即點(diǎn)擊。
掃描對(duì)話框并采取行動(dòng)既快速又簡(jiǎn)單，因?yàn)橛脩舻难劬νＡ粼谥饕僮靼粹o上。
設(shè)計(jì)師經(jīng)常思考的另一個(gè)問(wèn)題是，他們應(yīng)該把按鈕放在角落里還是把它們放在一起。當(dāng)你把主要操作和次要操作放在對(duì)話框的角落里時(shí)，它們可以很好地映射到左右導(dǎo)航方向。然而，由于“確定”和“取消”按鈕不是導(dǎo)航按鈕，因此沒(méi)有必要遵循方向映射。有時(shí)，這樣做弊大于利。
按鈕之間較大的視覺(jué)分離使得操作比較困難，并將一個(gè)操作與另一個(gè)操作隔離開(kāi)來(lái)
如果應(yīng)用程序即將執(zhí)行用戶無(wú)法撤消的關(guān)鍵操作，那么讓用戶能夠同時(shí)看到“取消”按鈕和“確定”按鈕就顯得尤為重要。在這種情況下，“取消”按鈕的功能可能類(lèi)似于“上一步”按鈕，但它更重要的是，它充當(dāng)了安全按鈕，可以防止任何更改。
將“取消”按鈕放在最左上角的危險(xiǎn)在于，由于兩個(gè)按鈕之間的視覺(jué)距離過(guò)大，用戶可能會(huì)忽略它。將“取消”按鈕與“確定”按鈕放在一起，可以讓用戶更容易地在一次注視中看到并比較這兩個(gè)操作，從而選擇最佳操作。
當(dāng)用戶需要閱讀重要信息或執(zhí)行重要操作時(shí)，設(shè)計(jì)師通常會(huì)使用對(duì)話框。按鈕的放置順序會(huì)影響用戶選擇的操作。如果按鈕的放置順序清晰高效，可以防止用戶選擇錯(cuò)誤的操作并犯錯(cuò)。
按鈕的位置很重要，但也要記住注意按鈕的視覺(jué)重量和標(biāo)簽。所有這些設(shè)計(jì)方面都會(huì)在用戶瀏覽對(duì)話框時(shí)發(fā)揮作用。既然您理解了為什么“確定”按鈕放在右側(cè)效果最佳，那么您就有比平臺(tái)一致性更好的參考依據(jù)了。
網(wǎng)絡(luò)無(wú)障礙訪問(wèn)不僅惠及色盲用戶，也惠及誦讀困難用戶。誦讀困難是一種學(xué)習(xí)障礙，會(huì)影響人們閱讀、書(shū)寫(xiě)和拼寫(xiě)的流暢性或準(zhǔn)確性[10]。
作為設(shè)計(jì)師，我們可以通過(guò)避免那些會(huì)損害閱讀障礙用戶的不良設(shè)計(jì)實(shí)踐，幫助他們更好地閱讀文本。從他們的視角看待事物，可以讓我們更好地理解無(wú)障礙設(shè)計(jì)的重要性。
患有閱讀障礙的人在閱讀文本時(shí)，有時(shí)會(huì)出現(xiàn)視覺(jué)扭曲的效果 [5]。這些效果的程度因人而異，但它們會(huì)使閱讀文本變得更加困難。
以下六種不良習(xí)慣可能會(huì)給閱讀障礙者帶來(lái)視覺(jué)扭曲效果。這些不良習(xí)慣也會(huì)給非閱讀障礙者帶來(lái)閱讀困難。但它們對(duì)閱讀障礙者的影響更為嚴(yán)重。
誦讀困難者有時(shí)可能會(huì)在閱讀的文本中看到“河流效應(yīng)”[1]。這是指連續(xù)的文本行中出現(xiàn)較大的空白。它看起來(lái)就像一條空白的河流順著頁(yè)面上的文字流淌而下。有一些不良習(xí)慣會(huì)導(dǎo)致“河流效應(yīng)”的發(fā)生。
對(duì)齊文本不僅對(duì)有閱讀障礙的用戶來(lái)說(shuō)難以閱讀，對(duì)沒(méi)有閱讀障礙的用戶來(lái)說(shuō)也同樣如此。這是因?yàn)樗鼤?huì)在字母和單詞之間產(chǎn)生較大且不均勻的空白 [8]。當(dāng)這些空白彼此重疊時(shí)，就會(huì)出現(xiàn)一條令人分心的空白河 [4]。
這可能會(huì)導(dǎo)致患有誦讀困難癥的讀者在閱讀時(shí)反復(fù)忘記讀到哪里 [6]。你可以使用左對(duì)齊文本，而不是兩端對(duì)齊的段落 [2]，來(lái)避免產(chǎn)生“河流效應(yīng)”。
我們大多數(shù)人都有在句末句號(hào)后加雙倍行距的習(xí)慣。這種做法起源于打字時(shí)代。那時(shí)的打字機(jī)使用的是等寬字體。因此，人們認(rèn)為在句號(hào)后加雙倍行距會(huì)使句子的結(jié)尾更加清晰 [9]。
但句號(hào)后單倍行距就足夠了，因?yàn)榇蠖鄶?shù)網(wǎng)站都使用等距字體。句號(hào)后雙倍行距會(huì)在文本中形成“河流”，使用戶難以找到句子的結(jié)尾[9]。在網(wǎng)絡(luò)上，單倍行距更勝一籌。
誦讀困難者可能出現(xiàn)的另一種視覺(jué)扭曲效應(yīng)是模糊效應(yīng) [1]。誦讀困難者閱讀時(shí)，會(huì)看到文本模糊、旋轉(zhuǎn)或混雜在一起 [5]。這會(huì)嚴(yán)重影響誦讀困難者的閱讀能力，使他們感到疲勞 [7]?？梢酝ㄟ^(guò)避免一些不良習(xí)慣來(lái)減輕這種影響。
你現(xiàn)在閱讀的文字不是純黑色 (#000000)，背景也不是純白色 (#FFFFFF)，這是有原因的。這是因?yàn)樵S多閱讀障礙者對(duì)高對(duì)比度顏色產(chǎn)生的亮度很敏感。這會(huì)導(dǎo)致文字旋轉(zhuǎn)或模糊不清 [3]。
為了避免這種情況，請(qǐng)使用灰白色作為背景，例如淺灰色或棕褐色。您也可以使用深灰色代替純黑色作為文本，以進(jìn)一步減少眩光。
長(zhǎng)段不間斷的段落文本不僅對(duì)閱讀障礙者來(lái)說(shuō)難以閱讀，對(duì)非閱讀障礙者來(lái)說(shuō)也同樣如此。閱讀障礙者很容易在閱讀長(zhǎng)段落時(shí)迷失方向 [1]。
這就是為什么最好使用表達(dá)單一觀點(diǎn)的短段落 [2]。這是因?yàn)殚喿x障礙者比非閱讀障礙者需要在觀點(diǎn)之間有更多停頓 [6]。將文本分解為每段一個(gè)觀點(diǎn)，無(wú)論閱讀障礙者還是非閱讀障礙者，都能更輕松地閱讀。
有時(shí)，誦讀困難者會(huì)經(jīng)歷“洗出效應(yīng)”。當(dāng)這種情況發(fā)生時(shí)，文字會(huì)顯得模糊不清 [5]。這會(huì)使閱讀速度變慢，并導(dǎo)致誦讀困難者因?yàn)榭床磺鍐卧~而猜測(cè)單詞是什么。為了減輕這種影響，在處理文本時(shí)應(yīng)避免兩種不良做法。
襯線字體在字母筆畫(huà)的末端有鉤。它們看起來(lái)很有裝飾性，但可能會(huì)給患有閱讀障礙的用戶帶來(lái)閱讀障礙。襯線字體往往會(huì)遮擋字母的形狀，使字母顯得雜亂無(wú)章[1]。
但無(wú)襯線字體可以讓誦讀困難者更清晰地看清字母的形狀。這是因?yàn)闆](méi)有了鉤狀結(jié)構(gòu)，字母之間的間距就更大了，更容易辨認(rèn)。[6]
斜體有時(shí)用于突出顯示文本。但不應(yīng)使用斜體文本，因?yàn)樗鼈儠?huì)使字母難以閱讀。與非斜體字體相比，斜體字母的線條呈鋸齒狀。這些字母還會(huì)傾斜，使患有閱讀障礙的用戶難以辨認(rèn)單詞 [6]。
當(dāng)文字較小時(shí)，斜體文本更加難以辨認(rèn)[3]。更好的突出顯示方法是使用粗體文本，因?yàn)樽帜父逦?，?duì)比度也更好。
許多用戶患有閱讀障礙，難以閱讀文本。您應(yīng)該通過(guò)糾正這些不良做法，讓您的網(wǎng)站對(duì)所有人都易于訪問(wèn)。您已經(jīng)了解了閱讀障礙用戶的網(wǎng)絡(luò)體驗(yàn)。在視覺(jué)扭曲的情況下閱讀時(shí)，獲取信息并不容易。每個(gè)人都有獲取信息的權(quán)利，無(wú)論他們是否患有閱讀障礙。
UI 設(shè)計(jì)中按鈕用圓角還是直角需綜合考量，圓角在網(wǎng)格布局中更易辨識(shí)，如 TurboTax 儀表板中圓角卡片比尖角更引人注目，全圓形按鈕在 Spotify 中因突出交互引導(dǎo)成功，但全圓形按鈕可能被誤認(rèn)標(biāo)簽、嵌套選項(xiàng)觸摸區(qū)域小、不適合堆疊，而直角按鈕在表格等堆疊布局中更合適，此外圓角傳達(dá)現(xiàn)代、簡(jiǎn)約等感覺(jué)，像 Chrome 瀏覽器更新為全圓形地址欄，總之設(shè)計(jì)需以鼓勵(lì)用戶交互、減少干擾為目標(biāo)，而非單純選擇圓角或直角。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.ieapo.cn