不同時代的網站設計技巧

對於大多數網站設計師來說，基於特定的目標受眾來計劃一個網站設計專案是顯而易見的。它可能是為那些喜歡蘇打水或購買電子遊戲或對運動鞋有親和力的人。

但是另一個需要考慮的問題經常被忽略——為不同的時代的使用者設計。年齡會影響使用者如何使用網站、應用程式和移動裝置。代際差異會影響您的設計方案、可訪問性方案，甚至網站設計中的語言和顏色。

如果您還沒有考慮這些差異，現在是時候開始了。隨著網站受眾的不斷擴大，為不同年齡段的人設計可以幫助您的專案在更多人面前更成功。

避免使用小字型

小字型對所有使用者來說都很困難，但對老年人和年輕人來說更困難。

在考慮不同世代的設計時，字型和大小很重要。好訊息是，通用的使用者體驗標準和指導方針考慮到了所有使用者的情況。

建立一個至少以16px開頭的主體文字的型別層次結構。您甚至可以把年齡提高到18歲，或者對於那些觀眾是青少年或更年輕的電影，您可以把年齡提高到18歲。（尤其是小孩子，可以從超大字型中受益。）字型大小和間距會影響可讀性和理解。更大的尺寸和更大的間距會減慢閱讀器的速度，幫助幫助閱讀器。

使用可識別按鈕

幽靈按鈕和其他時髦的點選元素可能看起來很酷，並能引起十幾歲和二十幾歲的人的共鳴，但對於那些期望一個定義好的按鈕來點選或點選操作的老使用者來說，它們就毫無用處了。

定義良好的按鈕以不同的方式服務於不同的人口統計。

為可能不太熟悉其他樣式的老使用者提供一個眾所周知的提示。

為年輕使用者——比如使用應用程式的兒童——提供學習經驗，讓他們瞭解點選/點選元素是什麼樣子的以及它們是如何工作的。

定義良好的按鈕有以下特點：

與背景和設計的其他部分形成對比的顏色（這就是紅色按鈕如此流行的原因）。在一個大到可以點選的方框中填充實線（至少44px * 44px）。有明確的指示，如“去”，“提交”，或“點選這裡。”可包括觸覺視覺線索，如用於顯示深度的陰影或懸停動畫或狀態。

提供替代解決方案

對於每個使用者路徑，都有一些人不太理解或以不同的方式看待設計和潛在解決方案。這就是替代解決方案如此重要的原因。

解決問題或回答問題的替代解決方案首先要了解使用者的需求或想要做什麼

替代解決方案還使所有使用者更容易找到他們理解的解決方案。考慮一下這些替代方案（其中很多您可能已經因為其他原因在做了）：

使用alt文字的影像，以便他們可以理解的音訊和螢幕閱讀器。

將公共連結放在多個位置，例如在網站設計的主體和頁尾。

使聯絡資訊可檢視並可單擊或切換。這包括一個“電子郵件我們”或“打電話給我們”的連結，提供了一個直接的行動，以及提供一個電話號碼或電子郵件地址在設計中闡明瞭一個容易的聯絡點。

提供調整網站設計元素的能力，如使用明暗模式，甚至字型大小。允許使用者跳過可能對所有觀眾都沒有吸引力的元素，比如遊戲，而不是內容、影片或聲音。註冊選項應該有所不同——不是每個人都有或者覺得登入社交媒體賬戶是安全的。也提供另一種方法。

為理解寫作

如果您想讓您的設計被所有年齡和年齡的人理解，為了理解而寫。

使用簡單的語言和正確的語法。避免使用俚語、行話或過多的流行文化內容。小心使用表情符號來傳達資訊。縮微複製和說明應該是直接的，並確切地解釋接下來會發生什麼。不要刻板印象您的人口統計這可能是這個列表中最複雜的技巧了。不要讓您的受眾或人口統計學對您的設計產生成見。

是很困難的，因為您想設計一個特定的使用者組，但當它歸結到它，設計將吸引合適的人口由於敘事和故事，設計元素和功能，整體氛圍和實用性的網站或應用程式。

這似乎太簡單了，但有太多的專案，尖叫“為老年人”。“如果您需要這個產品或喜歡這個想法，但不想被貼上這樣的標籤，您會參與嗎？”避免刻板印象。

避免黑暗模式

暗色圖案是另一個棘手的領域，它們已經變得太常見了，並且給最年輕和最年長的使用者帶來了額外的可用性問題。

最明顯的暗模式問題是元素或推廣不能輕易關閉。

要想用高超的靈巧度來點選或輕擊那個小小的“x”幾乎是不可能的；想象一下如果您沒有它。或者用大按鈕給幼兒的遊戲新增付費元素。（您們中有多少人在App Store中發現過侄子給您3.99美元的費用？）

暗色圖案會讓使用者感到沮喪，讓您的網站不那麼好用。這對所有人口統計資料來說都是一個問題，甚至可以被認為是掠奪性的。

在指令中使用現代元素

到目前為止，我們得到的教訓並不是您必須設計出大約2000年的網站元素，而是要考慮並注意過於現代的設計。（我們喜歡時尚的設計元素。）

訣竅在於新增帶有指示和視覺提示的現代元素，以幫助所有年齡段的使用者理解如何使用它們，並確保其功能正常。

例如，如果您的目標使用者群是關注輔助生活社群的人群，那麼要求使用者在進入該網站時使用TikTok風格的影片介紹可能不是最合適的。但如果您在使用這個影片時加上一些解釋，就會引起觀眾的共鳴。告訴使用者如果他們的答案不是很清楚該怎麼做。

這可以歸結為一個簡單的事實：如果設計是相關的，並且易於使用，那麼您的受眾就會找到一種方式來參與其中。

使用者喜歡看到和自己長得一樣的人。在網站設計中使用影像，展示您的主要受眾群體正在使用您的產品或服務，或以其他方式參與。這並不是說唯一的圖片包括這個人口統計，但它應該是很好的代表。此外，確保在人口統計中包含多樣性，以建立儘可能多的人的聯絡。

遵循輔助功能準則

可訪問性指南存在的原因有很多，但是您知道WCAG 2.0有一些關於如何滿足老年使用者需求的具體指南嗎？

這些標準適用於從文字大小和佈局到使用滑鼠或鍵盤到內容組織的所有內容。如果老使用者經常訪問您的網站或應用程式，這可能是您的專案設計或重新設計的起點。

WCAG如何適用於老年使用者：“儘管並不是所有的WCAG 2.0成功標準都列在這裡，WAI建議至少要滿足所有WCAG 2.0 A級和AA級的成功標準。這部分還列出了一些對老年人特別重要的AAA級成功標準。

在實現WCAG 2.0時，開發人員可以使用不同的技術來滿足成功的標準。在某些情況下，使用一種技術而不是另一種技術可以最佳化特定使用者的可訪問性。這部分列出了一些可以幫助老年人最佳化網站的技術。”

您可能一直在考慮不同的網站設計元素將如何影響不同的使用者組。確保在這項研究中包括不同年齡段的觀眾。

雖然您已經在做的許多事情適用於許多受眾，但瞭解針對不同使用者組的設計還可以採取哪些額外步驟是很有幫助的。很明顯，為孩子和為父母設計網站或應用程式可能會有很大的不同，但您為最小的使用者使用的相同設計元素可能也適用於年齡最大的使用者，這一點就不那麼明顯了。