不同時代的網站設計技巧 - 素馬網站設計

不同時代的網站設計技巧

By:limo- 2020-10-23 11:49:19

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


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


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


避免使用小字體




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


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


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


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


使用可識別按鈕




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


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


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


為年輕用戶——比如使用應用程序的兒童——提供學習經驗,讓他們了解點擊/點擊元素是什么樣子的以及它們是如何工作的。


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


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


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


有明確的指示,如“去”,“提交”,或“點擊這里?!?/p>


可包括觸覺視覺線索,如用于顯示深度的陰影或懸停動畫或狀態。


提供替代解決方案




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


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


替代解決方案還使所有用戶更容易找到他們理解的解決方案??紤]一下這些替代方案(其中很多您可能已經因為其他原因在做了):


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


將公共鏈接放在多個位置,例如在網站設計的主體和頁腳。


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


提供調整網站設計元素的能力,如使用明暗模式,甚至字體大小。


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


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


為理解寫作




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


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


避免使用俚語、行話或過多的流行文化內容。


小心使用表情符號來傳達信息。


縮微拷貝和說明應該是直接的,并確切地解釋接下來會發生什么。


不要刻板印象您的人口統計




這可能是這個列表中最復雜的技巧了。不要讓您的受眾或人口統計學對您的設計產生成見。


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


這似乎太簡單了,但有太多的項目,尖叫“為老年人”?!叭绻枰@個產品或喜歡這個想法,但不想被貼上這樣的標簽,您會參與嗎?”避免刻板印象。


避免黑暗模式


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


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


要想用高超的靈巧度來點擊或輕擊那個小小的“x”幾乎是不可能的;想象一下如果您沒有它?;蛘哂么蟀粹o給幼兒的游戲添加付費元素。(您們中有多少人在App Store中發現過侄子給您3.99美元的費用?)


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


在指令中使用現代元素




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


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


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


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


展示包容性圖像




用戶喜歡看到和自己長得一樣的人。在網站設計中使用圖像,展示您的主要受眾群體正在使用您的產品或服務,或以其他方式參與。


這并不是說唯一的圖片包括這個人口統計,但它應該是很好的代表。


此外,確保在人口統計中包含多樣性,以建立盡可能多的人的聯系。


遵循輔助功能準則


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


這些標準適用于從文本大小和布局到使用鼠標或鍵盤到內容組織的所有內容。如果老用戶經常訪問您的網站或應用程序,這可能是您的項目設計或重新設計的起點。


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


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


結論


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


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


?
开心飞鹰