來自創(chuàng)新互聯(lián)建站大師的100條用戶體驗設(shè)計技巧

2021-05-14    分類: 用戶體驗

網(wǎng)站建設(shè)中的用戶體驗設(shè)計是通過提高用戶與網(wǎng)站交互的可用性,可訪問性和效率來提高用戶滿意度的過程。在網(wǎng)絡(luò)上我們一直在研究和應(yīng)用好用戶體驗原則。以下是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)大師總結(jié)的網(wǎng)頁設(shè)計遵循的100個頂級用戶體驗實踐列表:

網(wǎng)站建設(shè)

1.將網(wǎng)站建設(shè)視為一條黃磚路:通過了解用戶角色的目標(biāo)和需求,將用戶從一個部分無縫移動到另一個部分 點擊鳴叫


2.用戶更有可能注意到頁面頂部附近的項目,按其重要性排序 點擊鳴叫


3.一致且易于使用的Web界面可幫助用戶專注于內(nèi)容并通過它進行移動 點擊鳴叫


4.避免在網(wǎng)站建設(shè)上創(chuàng)建死胡同。它們會造成混淆,并為用戶創(chuàng)造額外的工作點擊鳴叫


5.使用常見的網(wǎng)站建設(shè)模式和界面; 不要讓用戶學(xué)到新東西點擊鳴叫


6.用戶將向下滾動網(wǎng)頁,只要明確其他相關(guān)信息低于首屏 點擊鳴叫


7.您的網(wǎng)站建設(shè)應(yīng)始終提供滾動方向的強烈視覺指示以及是否有更多內(nèi)容可用 點擊鳴叫


8.網(wǎng)站建設(shè)頁面越長,有人向下滾動到底部的可能性就越小 點擊鳴叫


9.運行網(wǎng)頁很好,因為滾動比點擊更快 - 只是不要使頁面太長 點擊鳴叫


10.為色盲用戶設(shè)計。將您的設(shè)計轉(zhuǎn)換為灰度,以確保所有用戶都能閱讀重要信息點擊鳴叫


11.請勿將藍色用于鏈接以外的網(wǎng)站上的任何文字 點擊鳴叫


12.注意移動網(wǎng)站建設(shè)上的對比。屏幕眩光會使您的網(wǎng)站無法使用點擊鳴叫


13.在您的網(wǎng)站上為CTA保留一種顏色,不要將其用于其他任何目的 點擊鳴叫


14.溫暖,明亮的色彩挺身而出,冷色調(diào),深色留在背景中 點擊鳴叫


15.確保網(wǎng)站建設(shè)用戶可以快速輕松地完成其主要目標(biāo) 點擊鳴叫


16.對用戶最重要的是,您的網(wǎng)站感覺很快(即使只是他們的感知) 點擊鳴叫


17.網(wǎng)站建設(shè)速度的感知基于加載時間,負(fù)載行為,等待時間和動畫的平滑度 點擊鳴叫


18.顯示網(wǎng)站元素的骨架,以便在加載時傳達布局 點擊鳴叫


19.網(wǎng)站文本應(yīng)在圖像之前加載,以便用戶可以在網(wǎng)站其余部分加載之前開始閱讀 點擊鳴叫


20.延遲超過幾秒鐘通常會使用戶離開網(wǎng)站 點擊鳴叫


21.如果移動界面元素很小或靠近在一起,則很難準(zhǔn)確地輕拍 點擊鳴叫


22.手機觸摸目標(biāo)的最小尺寸應(yīng)為1厘米x 1厘米,并采用適當(dāng)?shù)奶畛湮?點擊鳴叫


23.在您的移動網(wǎng)站或應(yīng)用程序上使用小手指的人意味著界面目標(biāo)太小 點擊鳴叫


24.拿著平板電腦時,用拇指最容易觸及屏幕的側(cè)面和底部 點擊鳴叫


25.除了正常的網(wǎng)頁滾動之外,不要求垂直滑動 點擊鳴叫


26.不要在移動設(shè)備上使用雙擊。確保用戶只需輕輕一按即可進行互動點擊鳴叫


27.在設(shè)計移動布局時,確定用戶是否將使用一只手或兩只手的設(shè)備 點擊鳴叫


28.總是有一種明顯的方式來訪問您網(wǎng)站上的導(dǎo)航菜單 點擊鳴叫


29.如果您的網(wǎng)站建設(shè)層次結(jié)構(gòu)深度超過3-4級,則需要重新設(shè)計 點擊鳴叫


30.考慮使用粘性菜單,尤其是在較長的網(wǎng)頁上或需要快速訪問時 點擊鳴叫


31.良好的網(wǎng)站導(dǎo)航不會妨礙,它會消失在后臺 點擊鳴叫


32.使導(dǎo)航保持一致; 它不應(yīng)該在整個網(wǎng)站上改變點擊鳴叫


33.使導(dǎo)航標(biāo)簽具體,不超過2-3個單詞,并以最多的信息字開頭 點擊鳴叫


34.通過使用面包屑讓用戶知道他們在網(wǎng)站上的位置 點擊鳴叫


35.移動導(dǎo)航:顯示最常用的選項并在漢堡菜單下隱藏其他選項 點擊鳴叫


36.臺式機上的漢堡菜單不太明顯,不太熟悉,增加了交互成本并減少了信息氣味 點擊鳴叫


37.對于手機上的輔助導(dǎo)航,請使用類別登錄頁面,子菜單或頁內(nèi)菜單 點擊鳴叫


38.菜單下拉列表應(yīng)為垂直,而不是水平懸停; 水平滾動要困難得多點擊鳴叫


39. Megamenus應(yīng)該比頁面更窄,因此很容易“點擊”它們 點擊鳴叫


40.如果使用megamenus,請將鏈接組織到組中,并區(qū)分可點擊和不可點擊的項目 點擊鳴叫


41.不要隱藏網(wǎng)站菜單中的登錄或搜索功能 點擊鳴叫


42.將表單標(biāo)簽和字段對齊在一條垂直線上,以便快速掃描 點擊鳴叫


43.字段標(biāo)簽應(yīng)位于文本字段之外,而不是內(nèi)部,因此用戶不會忘記


44.使用分隔符拆分部分,使長Web表單更加用戶友好 點擊鳴叫


45.在所有Web表單上的錯誤引發(fā)字段旁邊放置表單錯誤 點擊鳴叫


46.錯誤消息應(yīng)該有用,可用,簡潔且易于理解 點擊鳴叫


47.在每個有問題的字段旁邊顯示所有導(dǎo)致錯誤的字段,以便移動用戶不會錯過警告 點擊鳴叫


48.網(wǎng)站建設(shè)上的鏈接必須突出 - 使用藍色文本和/或下劃線表示超鏈接 點擊鳴叫


49.鏈接應(yīng)該總是看起來像鏈接 點擊鳴叫


50.用戶不必點擊鏈接就可以找出它所處的位置。鏈接文本應(yīng)告訴他們點擊鳴叫


51.不要在網(wǎng)站建設(shè)或應(yīng)用程序中使用藍色文本或下劃線表示非鏈接元素 點擊鳴叫


52.對網(wǎng)站上任何地方的完整URL的引用應(yīng)始終鏈接到該頁面 點擊鳴叫


53.產(chǎn)品圖像或評論等某些元素總是可以點擊 點擊鳴叫


54.對網(wǎng)站上的訪問鏈接使用不同的顏色,以減少用戶的內(nèi)存負(fù)荷 點擊鳴叫


55.網(wǎng)站上的按鈕必須看起來可以點擊,并且有足夠的空間供用戶點擊或輕松點擊 點擊鳴叫


56.網(wǎng)站或應(yīng)用程序上的頻繁操作應(yīng)該是大按鈕,放在易于訪問的區(qū)域中 點擊鳴叫


57.網(wǎng)站建設(shè)上的背景顏色,邊框和面向行動的標(biāo)簽向用戶發(fā)出信號,表明該元素是可點擊的 點擊鳴叫


58.對于平面設(shè)計,請確保操作按鈕以對比色完成,并帶有面向動作的標(biāo)簽 點擊鳴叫


59.網(wǎng)站建設(shè)應(yīng)該有一個視覺提示,即在交互的0.1秒內(nèi)按鈕點擊成功 點擊鳴叫


60.更改或刪除手機上數(shù)據(jù)的按鈕應(yīng)該需要更多工作才能防止意外攻擊 點擊鳴叫


61.除非你的網(wǎng)站內(nèi)容很小,否則總是有一個搜索字段 點擊鳴叫


62.搜索字段應(yīng)始終看起來像桌面上的文本框。搜索圖標(biāo)可以用于移動設(shè)備點擊鳴叫


63.使搜索字段易于查找。用戶通常會在右上角查找它點擊鳴叫


64.在網(wǎng)站上尋找搜索時,用戶通常會尋找“輸入的小盒子” 點擊鳴叫


65.網(wǎng)站上的搜索字段應(yīng)足夠?qū)挘员悴榭凑麄€搜索查詢 點擊鳴叫


66.避免輪播:每張新幻燈片都會刪除上一張幻燈片的內(nèi)存。用戶一次只能關(guān)注一件事點擊鳴叫


67.在移動網(wǎng)站上很難看到旋轉(zhuǎn)木馬上的圓點。使用從左右兩側(cè)偷看的圖像點擊鳴叫


68.使用描述性標(biāo)簽代替輪播導(dǎo)航箭頭,以便用戶知道下一張幻燈片的內(nèi)容 點擊鳴叫


69.只有大約1%的用戶點擊網(wǎng)站上的輪播幻燈片,因此不要依賴這些點擊 點擊鳴叫


70.一旦用戶與他們互動,自動滑動的網(wǎng)站輪播應(yīng)切換到手動 點擊鳴叫


71.使用手風(fēng)琴壓縮移動網(wǎng)站上冗長的內(nèi)容 點擊鳴叫


72.使用手風(fēng)琴時,提供一種方法,在用戶展開后放棄任何暴露的內(nèi)容 點擊鳴叫


73.在移動網(wǎng)站建設(shè)上使用手風(fēng)琴的優(yōu)點:較短的頁面比頁面內(nèi)的跳轉(zhuǎn)鏈接更容易使用 點擊鳴叫


74.在移動網(wǎng)站上使用手風(fēng)琴的缺點:增加互動成本; 看不見了點擊鳴叫


75.每個網(wǎng)頁的主要目的應(yīng)該是對用戶來說是顯而易見的 點擊鳴叫


76.用戶不愿意在您的網(wǎng)站上使用幫助。將其放在上下文中,并在適當(dāng)?shù)臅r候提供向?qū)Ш统R妴栴}解答點擊鳴叫


77.僅在需要時在上下文中顯示網(wǎng)站和應(yīng)用程序的提示 點擊鳴叫


78.幫助和說明應(yīng)簡短,與其他界面元素在視覺上不同 點擊鳴叫


79.在網(wǎng)站和移動應(yīng)用程序上一次只提示一個提示。這減少了內(nèi)存負(fù)擔(dān)點擊鳴叫


80.圖標(biāo)必須在視覺上描述其功能和目的。讓它們變得簡單,熟悉和有意義點擊鳴叫


81.只應(yīng)在必要時使用圖標(biāo)。避免過度使用它們,不要僅僅用于裝飾點擊鳴叫


82.您網(wǎng)頁上最重要的信息應(yīng)該始終是最具視覺沖突性的 點擊鳴叫


83.首先提供關(guān)鍵信息。用戶從左上角開始,前2-3個單詞掃描最多點擊鳴叫


84.將高優(yōu)先級內(nèi)容放在網(wǎng)站頁面的頂部。使用分析來確定不同設(shè)備上的優(yōu)先級點擊鳴叫


85.在您的網(wǎng)站建設(shè)上使用顏色和大小對比來區(qū)分主要信息和支持細節(jié) 點擊鳴叫


86.優(yōu)先事項,例如背景,位置和緊急信息,對移動用戶來說更為重要 點擊鳴叫


87.移動優(yōu)先事項:移動時需要的位置,事件,電話號碼,緊急信息,時間敏感信息和信息 點擊鳴叫


88.簡單明了的術(shù)語比行業(yè)術(shù)語或網(wǎng)站導(dǎo)航的時髦術(shù)語更好 點擊鳴叫


89.大多數(shù)用戶先掃描然后再讀。使用視覺多樣性和有意義的文本使掃描更容易點擊鳴叫


90.可讀性不只是關(guān)于你是否能閱讀一些東西 - 它還與你是否想要閱讀它有關(guān) 點擊鳴叫


91.使用項目符號列表,編號列表,行和段落之間增加的行間距來提高可讀性 點擊鳴叫


92.在選擇網(wǎng)站字體時,請考慮其易讀性,可讀性,重量和樣式 點擊鳴叫


93.在移動網(wǎng)站建設(shè)和應(yīng)用程序上,考慮增大字體的x高度以提高其可讀性 點擊鳴叫


94.避免在所有設(shè)備上使用小字體,特別是對于長格式復(fù)制。不要在正文中使用壓縮字體點擊鳴叫


96.增加移動網(wǎng)站的字體大小 - 始終將字體大小縮放到屏幕大小 點擊鳴叫


97.橫幅失明:用戶努力不去看任何看起來像廣告橫幅的東西 點擊鳴叫


98.通過在每個段落中只包含一個想法,使長文本塊更容易閱讀 點擊鳴叫


99. 斜體文字難以閱讀,特別是對于閱讀障礙的讀者點擊鳴叫


100. 不要在你的標(biāo)題和標(biāo)記中使用所有大寫字母。閱讀起來要困難得多

當(dāng)前題目:來自創(chuàng)新互聯(lián)建站大師的100條用戶體驗設(shè)計技巧
標(biāo)題URL:http://muchs.cn/news/113578.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)