用戶的專注力十分短暫性。不論是根據(jù)網(wǎng)頁頁面和APP的數(shù)據(jù)統(tǒng)計(jì)分析,或是別的的數(shù)據(jù)統(tǒng)計(jì),都證實(shí)了這一客觀事實(shí)。這也促使大家必須在設(shè)計(jì)上,耗費(fèi)大量的精力來把握住用戶的求知欲和專注力,讓她們?cè)诒M量短的時(shí)間內(nèi)獲得到網(wǎng)站的信息。
針對(duì)人們專注力的種類和特點(diǎn),我還在以前的文章內(nèi)容《從掌握用戶的專注力逐漸,造就更出色的用戶感受》之中有詳盡的論述。那麼在網(wǎng)頁頁面設(shè)計(jì)時(shí)要怎么使用呢?掌握用戶的具體要求,而且協(xié)助她們更快能夠更好地獲得她們需要的信息,那樣才可以更強(qiáng)的吸引用戶。好在那樣的設(shè)計(jì)方法并不繁雜,下面的這七個(gè)方法,可以在一定水平上幫你保證這一件事兒。
1. 讓用戶不用費(fèi)勁思索
針對(duì)用戶來講,不用繁雜管理決策就能作出決定的設(shè)計(jì),是輕輕松松并且能夠更快得到的。令人不用費(fèi)勁思索就能得到信息的設(shè)計(jì),總是會(huì)令人想到極簡風(fēng)格,但是整體上而言,大量的是采用簡單化的原素和實(shí)際效果。自然,極簡風(fēng)格也是非常好的挑選。
整體上來講,限定信息的總數(shù)防止信息負(fù)載,是完成那樣的設(shè)計(jì)的必然選擇。
讓導(dǎo)航欄充足簡易,給予總數(shù)比較有限的挑選
應(yīng)用更為便于閱讀文章的字體樣式
提升原素中間的比照,讓個(gè)人行為招喚更非常容易被認(rèn)知到
在全部的網(wǎng)頁頁面、每一屏都堅(jiān)持不懈落實(shí)一個(gè)念頭,或是承襲一個(gè)互動(dòng)
保證加入購物車、表格等互動(dòng)控制自始至終可以用

2. 激勵(lì)互動(dòng)的視覺效果內(nèi)容
網(wǎng)站自身是一個(gè)易用性很強(qiáng)的網(wǎng)絡(luò)媒體,即然是新聞媒體和內(nèi)容,就應(yīng)當(dāng)靈活運(yùn)用好這一特性。
根據(jù)視覺效果來吸引住用戶專注力是一種簡易的對(duì)策,當(dāng)可互動(dòng)的原素根據(jù)視覺效果設(shè)計(jì)加持以后,一般 擁有 非常好的轉(zhuǎn)換率。
在設(shè)計(jì)中,從 A 點(diǎn)至 B 點(diǎn)應(yīng)該是一個(gè)立即迅速的全過程。電子商務(wù)設(shè)計(jì)師應(yīng)當(dāng)對(duì)于此事感觸頗深。用戶在社交網(wǎng)絡(luò)上見到一雙網(wǎng)紅鞋,她們要想得到它,點(diǎn)一下連接以后最好是可以馬上見到產(chǎn)品,那樣產(chǎn)生買東西個(gè)人行為互動(dòng)的概率會(huì)高些。
省時(shí)方便的設(shè)計(jì)對(duì)策是讓用戶盡量快地見到選購按鍵,那樣她們就無需不斷翻閱網(wǎng)頁頁面,找尋可點(diǎn)一下的連接。這個(gè)地方幾個(gè)特別注意的方法。一個(gè)是在網(wǎng)站中選用和社交網(wǎng)絡(luò)上一致的照片,讓用戶一眼能夠分辨出他要的物品和產(chǎn)品是一個(gè)物品。

3. 將繁雜的原素溶解
將繁雜的小故事溶解為更小、更非常容易消化吸收和了解的一部分,用戶會(huì)更非常容易 Get 到在其中的信息。在文字文章段落解決上,較小的文章段落毫無疑問較為大的文章段落更非常容易閱讀文章和了解,而用戶也大多數(shù)更想要閱讀文章那樣的內(nèi)容。
試著應(yīng)用例如卡片式的設(shè)計(jì),依靠視差翻轉(zhuǎn)正確引導(dǎo),或是將關(guān)鍵內(nèi)容梳理出去,根據(jù)「閱讀文章大量」將用戶導(dǎo)向性詳細(xì)的全文。那樣的方法都能提高參與性,而且減少內(nèi)容的復(fù)雜性。

4. 降低表格內(nèi)容
要想用戶迅速地互動(dòng),非常簡單的方式之一,便是盡可能只給予重要的信息,降低多余的內(nèi)容。而在表格的解決上,也延用同樣的方法。
只了解必需的信息,比如用戶名字和電子郵箱,而且給予稍候可再次健全的表格選擇項(xiàng)。
應(yīng)用可分辨鍵入數(shù)據(jù)信息是不是恰當(dāng)?shù)谋砀褡饔?,保證用戶了解她們是不是鍵入恰當(dāng),不正確出在哪兒,有利于更改。
不必規(guī)定遞交早已遞交的、反復(fù)的數(shù)據(jù)信息,比如另外規(guī)定填好透支卡的種類和信用卡號(hào)碼(事實(shí)上能夠根據(jù)號(hào)來分辨種類)。

5. 設(shè)計(jì)清楚明顯的個(gè)人行為招喚
個(gè)人行為招喚是網(wǎng)頁頁面中開啟用戶互動(dòng)的更為合理的方式之一,個(gè)人行為招喚的創(chuàng)意文案要簡易輕快,按鍵要比照顯著。
一般 來講,要想個(gè)人行為招喚合理,最好是讓個(gè)人行為招喚原素色彩光亮,讓用戶見到的情況下就了解如何做,例如「點(diǎn)此提交訂單」那樣擁有 顯著導(dǎo)向性的文字標(biāo)識(shí)一定要配搭好。

6. 公布前不斷掂量和編寫
網(wǎng)頁頁面內(nèi)容是必須慎重考慮、不斷打磨拋光的。好的內(nèi)容幾乎都并不是揮灑自如的,出色的網(wǎng)頁頁面內(nèi)容必須設(shè)計(jì)師和編寫不斷調(diào)節(jié),仔細(xì)地掂量在其中的內(nèi)容,讓他們更為非常容易閱讀文章和了解。
這代表著你不能讓文字中有不正確的拼讀,不可以有含糊不清的描述,要有確立的引導(dǎo),英語的語法和句子的結(jié)構(gòu)要詳細(xì)恰當(dāng)。
有時(shí),要想讓內(nèi)容不出錯(cuò)而且更為出色,最好引進(jìn)第三方來幫你閱讀文章、審批而且明確提出實(shí)施意見。她們會(huì)更非常容易幫你找到潛在性的難題。
在提前準(zhǔn)備公布以前,最好用內(nèi)嵌的或是第三方的拼寫檢查專用工具幫你再過一遍。

7. 保持一致
一致的設(shè)計(jì)代表著在設(shè)計(jì)全過程中遵照著同樣的工作方式,應(yīng)用統(tǒng)一的原素、互動(dòng),簡單點(diǎn)來說,全部設(shè)計(jì)應(yīng)當(dāng)前后左右統(tǒng)一,按鍵和按鍵應(yīng)當(dāng)延用同樣的色彩和字體樣式,懸停的情況下情況是一樣的,而且維持完全一致的原著方法,無論它在哪兒。
針對(duì)設(shè)計(jì)中必須數(shù)次應(yīng)用的原素,例如標(biāo)志、加入購物車、表格、連接和社交網(wǎng)絡(luò)按鍵,是一定要前后左右同樣,維持反復(fù)的。
網(wǎng)頁頁面中的內(nèi)容,從文章標(biāo)題、文章正文到照片都應(yīng)當(dāng)保持一致的設(shè)計(jì)風(fēng)格。在 CSS 中統(tǒng)一設(shè)定,統(tǒng)一管理方法,可以幫你維持好一致性。
這類一致性讓網(wǎng)站看上去是詳細(xì)的、統(tǒng)一的,用戶見到在其中的內(nèi)容,無需猜想就能了解他們歸屬于同一個(gè)網(wǎng)站,她們見到新的內(nèi)容也是合乎她們的預(yù)估的。
總結(jié)
清楚的邏輯性,迅速可實(shí)際操作,馬上可實(shí)行,立即可進(jìn)行。使你的網(wǎng)站迎合用戶的邏輯性,當(dāng)然暢順地達(dá)到目標(biāo),它是全部的用戶的潛在性要求,也是真正的要求,協(xié)助用戶達(dá)到總體目標(biāo)的另外省時(shí)省力,針對(duì)網(wǎng)站的轉(zhuǎn)換率來講,一樣是益處多多的。