不同時代網(wǎng)站設(shè)計(jì)制作的技巧

　　對于大多數(shù)網(wǎng)站設(shè)計(jì)師來說，基于特定的目標(biāo)受眾來計(jì)劃一個網(wǎng)站設(shè)計(jì)項(xiàng)目是顯而易見的。它可能是為那些喜歡蘇打水或購買電子游戲或?qū)\(yùn)動鞋有親和力的人。

　　但是另一個需要考慮的問題經(jīng)常被忽略——為不同的時代的用戶設(shè)計(jì)。年齡會影響用戶如何使用網(wǎng)站、應(yīng)用程序和移動設(shè)備。代際差異會影響您的設(shè)計(jì)方案、可訪問性方案，甚至網(wǎng)站設(shè)計(jì)中的語言和顏色。

　　如果您還沒有考慮這些差異，現(xiàn)在是時候開始了。隨著網(wǎng)站受眾的不斷擴(kuò)大，為不同年齡段的人設(shè)計(jì)可以幫助您的項(xiàng)目在更多人面前更成功。

　　避免使用小字體

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

　　在考慮不同世代的設(shè)計(jì)時，字體和大小很重要。好消息是，通用的用戶體驗(yàn)標(biāo)準(zhǔn)和指導(dǎo)方針考慮到了所有用戶的情況。

　　建立一個至少以16px開頭的主體文本的類型層次結(jié)構(gòu)。您甚至可以把年齡提高到18歲，或者對于那些觀眾是青少年或更年輕的電影，您可以把年齡提高到18歲。(尤其是小孩子，可以從超大字體中受益。)

　　字體大小和間距會影響可讀性和理解。更大的尺寸和更大的間距會減慢閱讀器的速度，幫助幫助閱讀器。

　　使用可識別按鈕

　　幽靈按鈕和其他時髦的點(diǎn)擊元素可能看起來很酷，并能引起十幾歲和二十幾歲的人的共鳴，但對于那些期望一個定義好的按鈕來點(diǎn)擊或點(diǎn)擊操作的老用戶來說，它們就毫無用處了。

　　定義良好的按鈕以不同的方式服務(wù)于不同的人口統(tǒng)計(jì)。

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

　　為年輕用戶——比如使用應(yīng)用程序的兒童——提供學(xué)習(xí)經(jīng)驗(yàn)，讓他們了解點(diǎn)擊/點(diǎn)擊元素是什么樣子的以及它們是如何工作的。

　　AD:如果您雇用高端、專業(yè)的網(wǎng)頁設(shè)計(jì)公司，創(chuàng)建具有影響力的網(wǎng)站將變得更加容易。那么高端網(wǎng)站建設(shè)公司，查派網(wǎng)建將是您的不二之選。

　　定義良好的按鈕有以下特點(diǎn)：

　　與背景和設(shè)計(jì)的其他部分形成對比的顏色(這就是紅色按鈕如此流行的原因)。

　　在一個大到可以點(diǎn)擊的方框中填充實(shí)線(至少44px * 44px)。

　　有明確的指示，如“去”，“提交”，或“點(diǎn)擊這里?！?/p>

　　可包括觸覺視覺線索，如用于顯示深度的陰影或懸停動畫或狀態(tài)。

　　提供替代解決方案

　　對于每個用戶路徑，都有一些人不太理解或以不同的方式看待設(shè)計(jì)和潛在解決方案。這就是替代解決方案如此重要的原因。

　　解決問題或回答問題的替代解決方案首先要了解用戶的需求或想要做什么。

　　替代解決方案還使所有用戶更容易找到他們理解的解決方案?？紤]一下這些替代方案(其中很多您可能已經(jīng)因?yàn)槠渌蛟谧隽?：

　　使用alt文本的圖像，以便他們可以理解的音頻和屏幕閱讀器。

　　將公共鏈接放在多個位置，例如在網(wǎng)站設(shè)計(jì)的主體和頁腳。

　　使聯(lián)系信息可查看并可單擊或切換。這包括一個“電子郵件我們”或“打電話給我們”的鏈接，提供了一個直接的行動，以及提供一個電話號碼或電子郵件地址在設(shè)計(jì)中闡明了一個容易的聯(lián)系點(diǎn)。

　　提供調(diào)整網(wǎng)站設(shè)計(jì)元素的能力，如使用明暗模式，甚至字體大小。

　　允許用戶跳過可能對所有觀眾都沒有吸引力的元素，比如游戲，而不是內(nèi)容、視頻或聲音。

　　注冊選項(xiàng)應(yīng)該有所不同——不是每個人都有或者覺得登錄社交媒體賬戶是安全的。也提供另一種方法。

　　為理解寫作

　　如果您想讓您的設(shè)計(jì)被所有年齡和年齡的人理解，為了理解而寫。

　　使用簡單的語言和正確的語法。

　　避免使用俚語、行話或過多的流行文化內(nèi)容。

　　小心使用表情符號來傳達(dá)信息。

　　縮微拷貝和說明應(yīng)該是直接的，并確切地解釋接下來會發(fā)生什么。

　　不要刻板印象您的人口統(tǒng)計(jì)

　　這可能是這個列表中最復(fù)雜的技巧了。不要讓您的受眾或人口統(tǒng)計(jì)學(xué)對您的設(shè)計(jì)產(chǎn)生成見。

　　是很困難的，因?yàn)槟朐O(shè)計(jì)一個特定的用戶組，但當(dāng)它歸結(jié)到它，設(shè)計(jì)將吸引合適的人口由于敘事和故事，設(shè)計(jì)元素和功能，整體氛圍和實(shí)用性的網(wǎng)站或應(yīng)用程序。

　　這似乎太簡單了，但有太多的項(xiàng)目，尖叫“為老年人”?！叭绻枰@個產(chǎn)品或喜歡這個想法，但不想被貼上這樣的標(biāo)簽，您會參與嗎?”避免刻板印象。

　　避免黑暗模式

　　暗色圖案是另一個棘手的領(lǐng)域，它們已經(jīng)變得太常見了，并且給最年輕和最年長的用戶帶來了額外的可用性問題。

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

　　要想用高超的靈巧度來點(diǎn)擊或輕擊那個小小的“x”幾乎是不可能的;想象一下如果您沒有它。或者用大按鈕給幼兒的游戲添加付費(fèi)元素。(您們中有多少人在App Store中發(fā)現(xiàn)過侄子給您3.99美元的費(fèi)用?)

　　暗色圖案會讓用戶感到沮喪，讓您的網(wǎng)站不那么好用。這對所有人口統(tǒng)計(jì)數(shù)據(jù)來說都是一個問題，甚至可以被認(rèn)為是掠奪性的。

　　在指令中使用現(xiàn)代元素

　　到目前為止，我們得到的教訓(xùn)并不是您必須設(shè)計(jì)出大約2000年的網(wǎng)站元素，而是要考慮并注意過于現(xiàn)代的設(shè)計(jì)。(我們喜歡時尚的設(shè)計(jì)元素。)

　　訣竅在于添加帶有指示和視覺提示的現(xiàn)代元素，以幫助所有年齡段的用戶理解如何使用它們，并確保其功能正常。

　　例如，如果您的目標(biāo)用戶群是關(guān)注輔助生活社區(qū)的人群，那么要求用戶在進(jìn)入該網(wǎng)站時使用TikTok風(fēng)格的視頻介紹可能不是最合適的。但如果您在使用這個視頻時加上一些解釋，就會引起觀眾的共鳴。告訴用戶如果他們的答案不是很清楚該怎么做。

　　這可以歸結(jié)為一個簡單的事實(shí)：如果設(shè)計(jì)是相關(guān)的，并且易于使用，那么您的受眾就會找到一種方式來參與其中。

　　展示包容性圖像

　　用戶喜歡看到和自己長得一樣的人。在網(wǎng)站設(shè)計(jì)中使用圖像，展示您的主要受眾群體正在使用您的產(chǎn)品或服務(wù)，或以其他方式參與。

　　這并不是說唯一的圖片包括這個人口統(tǒng)計(jì)，但它應(yīng)該是很好的代表。

　　此外，確保在人口統(tǒng)計(jì)中包含多樣性，以建立盡可能多的人的聯(lián)系。

　　遵循輔助功能準(zhǔn)則

　　可訪問性指南存在的原因有很多，但是您知道WCAG 2.0有一些關(guān)于如何滿足老年用戶需求的具體指南嗎?

　　這些標(biāo)準(zhǔn)適用于從文本大小和布局到使用鼠標(biāo)或鍵盤到內(nèi)容組織的所有內(nèi)容。如果老用戶經(jīng)常訪問您的網(wǎng)站或應(yīng)用程序，這可能是您的項(xiàng)目設(shè)計(jì)或重新設(shè)計(jì)的起點(diǎn)。

　　WCAG如何適用于老年用戶：“盡管并不是所有的WCAG 2.0成功標(biāo)準(zhǔn)都列在這里，WAI建議至少要滿足所有WCAG 2.0 A級和AA級的成功標(biāo)準(zhǔn)。這部分還列出了一些對老年人特別重要的AAA級成功標(biāo)準(zhǔn)。

　　在實(shí)現(xiàn)WCAG 2.0時，開發(fā)人員可以使用不同的技術(shù)來滿足成功的標(biāo)準(zhǔn)。在某些情況下，使用一種技術(shù)而不是另一種技術(shù)可以優(yōu)化特定用戶的可訪問性。這部分列出了一些可以幫助老年人優(yōu)化網(wǎng)站的技術(shù)?！?/p>

　　結(jié)論

　　您可能一直在考慮不同的網(wǎng)站設(shè)計(jì)元素將如何影響不同的用戶組。確保在這項(xiàng)研究中包括不同年齡段的觀眾。

　　雖然您已經(jīng)在做的許多事情適用于許多受眾，但了解針對不同用戶組的設(shè)計(jì)還可以采取哪些額外步驟是很有幫助的。很明顯，為孩子和為父母設(shè)計(jì)網(wǎng)站或應(yīng)用程序可能會有很大的不同，但您為最小的用戶使用的相同設(shè)計(jì)元素可能也適用于年齡最大的用戶，這一點(diǎn)就不那么明顯了。

　　消除響應(yīng)式網(wǎng)站建設(shè)設(shè)計(jì)中的缺陷

　　有效的單頁網(wǎng)站設(shè)計(jì)技巧

　　您的企業(yè)網(wǎng)站設(shè)計(jì)是包容性的嗎?