9個(gè)針對(duì)不同年齡段的網(wǎng)站設(shè)計(jì)技巧
時(shí)間:2023-10-15 22:18:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-10-15 22:18:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
9個(gè)針對(duì)不同年齡段的網(wǎng)站設(shè)計(jì)技巧:對(duì)于大多數(shù)設(shè)計(jì)人員而言,您可以根據(jù)特定的目標(biāo)受眾來(lái)計(jì)劃項(xiàng)目是不費(fèi)吹灰之力的。它可能適合喜歡蘇打水或購(gòu)買視頻游戲或?qū)\(yùn)動(dòng)有興趣的人。
但是,另一個(gè)考慮因素通常會(huì)被忽略-針對(duì)不同的年齡段細(xì)分市場(chǎng)進(jìn)行設(shè)計(jì)。年齡會(huì)影響人們使用網(wǎng)站,應(yīng)用程序和移動(dòng)設(shè)備的方式。代際差異會(huì)影響您的設(shè)計(jì)方案,可訪問(wèn)性計(jì)劃,甚至設(shè)計(jì)中的語(yǔ)言和顏色。
如果您尚未考慮這些差異,那么現(xiàn)在是時(shí)候開(kāi)始了。一直以來(lái),網(wǎng)站受眾越來(lái)越廣泛,針對(duì)不同世代的設(shè)計(jì)可以幫助您的項(xiàng)目對(duì)更多人成功。
避免小字體
小尺寸的文字可能對(duì)所有用戶來(lái)說(shuō)都很困難,但對(duì)于年長(zhǎng)者或孩子來(lái)說(shuō)甚至更難閱讀。
當(dāng)考慮為不同年齡段設(shè)計(jì)時(shí),字體和大小很重要。好消息是,通用的用戶體驗(yàn)標(biāo)準(zhǔn)和指南將所有用戶考慮在內(nèi)。
建立一個(gè)以正文至少16px為開(kāi)頭的類型層次結(jié)構(gòu)。您甚至可以將分?jǐn)?shù)提高到18,也可以將觀眾歸入未成年和更年輕類別的項(xiàng)目提高到特別高的水平。(特別是小孩子,可以從超大字體中受益。)
字體大小和間距會(huì)影響可讀性和理解力。較大的尺寸和較大的間距可能會(huì)使閱讀器速度減慢,從而有助于閱讀器。
使用可識(shí)別的按鈕
隱藏按鈕和其他時(shí)髦的單擊元素可能看起來(lái)很酷,并能與十幾歲的少年和20幾歲的人產(chǎn)生共鳴,但對(duì)于那些希望為單擊或點(diǎn)擊操作定義按鈕的年長(zhǎng)用戶來(lái)說(shuō),它們毫無(wú)用處。
定義明確的按鈕可通過(guò)不同的方式為不同的受眾特征提供服務(wù)。
- 向可能不太熟悉其他樣式的老用戶提供眾所周知的提示。
- 向年輕用戶(例如使用應(yīng)用程序的孩子)提供學(xué)習(xí)課程,以了解點(diǎn)擊/點(diǎn)擊元素的外觀以及它們的功能。
定義明確的按鈕具有以下特征:
- 與背景和設(shè)計(jì)的其余大部分形成對(duì)比的顏色(這就是紅色按鈕如此受歡迎的原因)。
- 實(shí)心填充一個(gè)足以單擊或點(diǎn)擊的框(至少44px x 44px)。
- 包含明確的說(shuō)明,例如“轉(zhuǎn)到”,“提交”或“單擊此處”。
- 可能包含觸覺(jué)視覺(jué)提示,例如用于深度的陰影或懸停動(dòng)畫或狀態(tài)以指示使用。
提供替代解決方案
對(duì)于每個(gè)用戶路徑,有些人不太了解或以不同的方式看待設(shè)計(jì)和潛在解決方案。這使得替代解決方案變得如此重要。
解決問(wèn)題或回答問(wèn)題的替代解決方案始于了解我需要或想要做的用戶。
替代解決方案還使所有用戶更容易找到他們理解的解決方案??紤]以下替代方法(由于其他原因,您可能已經(jīng)在其中選擇其他方法):
- 對(duì)圖像使用替代文本,以便音頻和屏幕閱讀器可以理解它們。
- 將公共鏈接放在多個(gè)位置,例如在設(shè)計(jì)主體和頁(yè)腳中。
- 使聯(lián)系信息可見(jiàn),單擊或點(diǎn)擊。其中包括一個(gè)“給我們發(fā)送電子郵件”或“給我們打電話”鏈接,該鏈接提供直接的操作,并提供設(shè)計(jì)中詳細(xì)說(shuō)明的電話號(hào)碼或電子郵件地址,以便于聯(lián)系。
- 提供對(duì)設(shè)計(jì)元素進(jìn)行調(diào)整的功能,例如使用暗或亮模式甚至字體大小。
- 允許用戶跳過(guò)可能不吸引所有受眾的元素,例如在內(nèi)容,視頻或聲音之前的游戲。
- 注冊(cè)選項(xiàng)應(yīng)有所不同–并非每個(gè)人都擁有社交媒體帳戶,或者每個(gè)人都可以安全登錄社交媒體帳戶。也提供另一種方法。
為理解而寫
如果您希望各個(gè)年齡段的人都能理解您的設(shè)計(jì),請(qǐng)撰寫理解文章。
- 使用通俗易懂的語(yǔ)言和適當(dāng)?shù)恼Z(yǔ)法。
- 避免使用行話或繁重的流行用語(yǔ)。
- 當(dāng)心使用表情符號(hào)來(lái)傳達(dá)單詞。
- 顯微鏡和說(shuō)明書應(yīng)直接使用,并確切說(shuō)明接下來(lái)會(huì)發(fā)生什么。
不要采用刻板設(shè)計(jì)
這可能是此列表中最復(fù)雜(也最繁瑣)的提示。不要用設(shè)計(jì)刻板地吸引觀眾或人群。
這可能很困難,因?yàn)槟趪L試為特定的用戶群體進(jìn)行設(shè)計(jì),但是歸根結(jié)底,由于敘述和故事,設(shè)計(jì)元素和功能以及整體氛圍和實(shí)用性,設(shè)計(jì)將吸引適當(dāng)?shù)氖鼙娙后w網(wǎng)站或應(yīng)用程序的內(nèi)容。
看起來(lái)似乎太簡(jiǎn)單了,但是有太多的項(xiàng)目尖叫著“給高級(jí)公民”。如果需要產(chǎn)品或喜歡這個(gè)想法,但又不想以這種方式貼上標(biāo)簽,您會(huì)參與嗎?避免刻板印象。
避免深色圖案
深色圖案是另一個(gè)棘手的領(lǐng)域。它們已經(jīng)變得太普遍了,并且給最小和最老的用戶帶來(lái)了更多的可用性問(wèn)題。
深色圖案問(wèn)題最明顯的是無(wú)法輕易關(guān)閉的元素或促銷。
微小的“ x”幾乎不可能以出色的靈活性進(jìn)行點(diǎn)擊或輕敲。想象一下如果沒(méi)有它?;虼蟀粹o為幼兒添加付費(fèi)元素。
深色圖案使用戶感到沮喪,并使您的網(wǎng)站無(wú)法使用。這對(duì)所有人都是一個(gè)問(wèn)題,甚至可以認(rèn)為是毀滅性的。
在指令中使用現(xiàn)代元素
到目前為止,要點(diǎn)并不在于您必須設(shè)計(jì)現(xiàn)代網(wǎng)站元素,而是要考慮和照顧過(guò)分現(xiàn)代的設(shè)計(jì)。(我們喜歡時(shí)尚的設(shè)計(jì)元素。)
訣竅是通過(guò)指令和視覺(jué)提示添加現(xiàn)代元素,以幫助各個(gè)年齡段的用戶了解如何與他們互動(dòng)并確保適當(dāng)?shù)墓δ堋?br>
可以歸結(jié)為一個(gè)簡(jiǎn)單的事實(shí):如果設(shè)計(jì)相關(guān)且易于使用,您的聽(tīng)眾將找到一種與之互動(dòng)的方法。
展示包容性圖像
人們喜歡看到其他看起來(lái)像他們的人。在設(shè)計(jì)中使用圖像,以顯示使用您的產(chǎn)品或服務(wù)或以其他方式參與的主要受眾群體中的人。
這并不是說(shuō)唯一的圖像包括此目標(biāo)人群,但是應(yīng)該很好地表示出來(lái)。
此外,請(qǐng)確保在人群中納入多樣性,以與盡可能多的人建立聯(lián)系。
遵循輔助功能準(zhǔn)則
可訪問(wèn)性準(zhǔn)則的存在有很多原因,但是您是否知道WCAG 2.0對(duì)于如何滿足老用戶的需求有一些具體的準(zhǔn)則?
這些標(biāo)準(zhǔn)適用于從文本大小和布局到使用鼠標(biāo)或鍵盤到內(nèi)容組織的所有內(nèi)容。如果年長(zhǎng)的用戶定期訪問(wèn)您的網(wǎng)站或應(yīng)用程序,則這可能是您設(shè)計(jì)或重新設(shè)計(jì)項(xiàng)目的起點(diǎn)。
WCAG如何適用于年長(zhǎng)用戶:“盡管此處未列出所有WCAG 2.0成功標(biāo)準(zhǔn),但WAI建議至少滿足所有WCAG 2.0 A級(jí)和AA成功標(biāo)準(zhǔn)。在某些情況下,使用一種技術(shù)代替另一種技術(shù)可以優(yōu)化某些用戶的可訪問(wèn)性?!?br>
結(jié)論
您可能會(huì)考慮不同的設(shè)計(jì)元素將如何始終影響不同的用戶組。確保在本研究中包括不同年齡段的受眾。
盡管您已經(jīng)做的許多事情都適用于許多受眾,但了解針對(duì)不同用戶組進(jìn)行設(shè)計(jì)時(shí)可以采取哪些其他步驟可能會(huì)有所幫助。顯然,為兒童和父母設(shè)計(jì)網(wǎng)站或應(yīng)用程序可能大不相同,但對(duì)于最年輕的受眾群體使用的許多相同設(shè)計(jì)元素也可能同樣適用于年齡大的受眾。
關(guān)鍵詞:設(shè)計(jì),技巧,針對(duì),同年