海淘科技告訴您失敗的頁(yè)面規(guī)劃各不一樣，可是優(yōu)良的頁(yè)面規(guī)劃則有著共通的特征。你需求考慮大家想要的是什么，什么東西可以觸動(dòng)他們，讓他們欲罷不能，無(wú)法遺忘。

聽(tīng)起來(lái)似乎很簡(jiǎn)單，不是嗎?取悅用戶的關(guān)鍵在于像用戶一樣考慮。并不是每一次立異、每一次重塑、每一種新技藝都能讓用戶愉悅，那些真實(shí)易于理解、便于運(yùn)用、降落難度的技藝、規(guī)劃辦法和抓人的視覺(jué)元素，才是一切的關(guān)鍵。下面總結(jié)的7項(xiàng)竅門，會(huì)讓你的頁(yè)面嶄露頭角的。

1、定制化

定制化，或許說(shuō)個(gè)性化，是今日頁(yè)面規(guī)劃中最典型的趨向之一。用戶希冀閱讀頁(yè)面的時(shí)分獲得愈加私家的閱讀領(lǐng)會(huì)，無(wú)論是玩頁(yè)游仍是購(gòu)物。

看看世界上最著名的那些網(wǎng)站是怎樣做的吧。Amazon 為用戶供應(yīng)依據(jù)采購(gòu)前史的商品舉薦，Netflix 則會(huì)舉薦有關(guān)的著作、有待觀看的下一部，而且依據(jù)用戶 Twitter 上的內(nèi)容來(lái)停止舉薦。

每一個(gè)細(xì)小的自定義規(guī)劃，都能讓用戶感受這些用戶領(lǐng)會(huì)規(guī)劃是為他們而做的。一同，這種規(guī)劃也會(huì)給用戶一種參與感和交流的領(lǐng)會(huì)，然后加深用戶的忠實(shí)度。如此一來(lái)，用戶會(huì)十分好地融入全部網(wǎng)站的用戶群或許社區(qū)。

2、精練的動(dòng)效

別的一個(gè)大熱的盛行趨向，即是動(dòng)效規(guī)劃。它不只能為用戶帶來(lái)驚喜，而且具有強(qiáng)壯的引導(dǎo)性。

動(dòng)效規(guī)劃的精髓在于簡(jiǎn)單。令人頭暈或許不知所措的動(dòng)效，應(yīng)該不是你要的東西吧?動(dòng)效應(yīng)該是有企圖性的，和別的一切的規(guī)劃元素一樣，有針對(duì)性，到達(dá)方針是它存在的意義。

對(duì)動(dòng)效或許說(shuō)動(dòng)畫(huà)最理解的，無(wú)疑是迪士尼。Frank Thomas 的《生命的幻覺(jué)：迪士尼動(dòng)畫(huà)》中，就詳細(xì)總結(jié)了創(chuàng)造今日動(dòng)畫(huà)的12個(gè)原則：

·揉捏和拉伸

·預(yù)期

·登臺(tái)

·接連動(dòng)作和姿態(tài)對(duì)應(yīng)

·緩進(jìn)緩出

·弧形運(yùn)動(dòng)

·非必需動(dòng)作

·時(shí)序

·夸張

·平面描寫

·吸收力

3、運(yùn)用商定俗成的規(guī)劃方式

關(guān)于多見(jiàn)的疑問(wèn)，規(guī)劃方式即是可靠且可復(fù)用的處理計(jì)劃。簡(jiǎn)而言之，最多見(jiàn)的信息和交互辦法被整合到一個(gè)界面傍邊，比如點(diǎn)擊按鈕，翻騰頁(yè)面，滑動(dòng)解鎖，它們都是規(guī)劃師方式。

你需求理解這些多見(jiàn)的規(guī)劃方式，而且在規(guī)劃界面和交互的時(shí)分將它們用進(jìn)入。這契合用戶在領(lǐng)會(huì)上的訴求，也是易用性的最基本構(gòu)成。

一同你也要在自個(gè)的規(guī)劃中創(chuàng)造規(guī)劃方式，在不一樣的頁(yè)面中運(yùn)用一樣、相似或許規(guī)則化的規(guī)劃，讓用戶習(xí)氣。比如，不一樣頁(yè)面中的CTA按鈕的顏色堅(jiān)持分歧，卡片式的元素運(yùn)用一樣的樣式，等等等等。

4、給規(guī)劃以性情

沒(méi)人會(huì)喜歡單調(diào)無(wú)聊的規(guī)劃。你的網(wǎng)站應(yīng)當(dāng)同你的品牌堅(jiān)持分歧的性情，具有共同的氣息。

要做到這一點(diǎn)，通常需求用到奇妙走心的案牘和親切自然的語(yǔ)調(diào)假設(shè)你真的不曉得怎樣做，可以看看MailChimp 是怎樣做的。(請(qǐng)留意他們的文本和圖像是怎樣無(wú)縫地銜接到一同的)

5、在屏幕內(nèi)考慮

用戶同網(wǎng)站交互都是在屏幕內(nèi)停止的，無(wú)論是桌面端仍是挪動(dòng)端，全部領(lǐng)會(huì)都是盤繞著屏幕停止的。

這并不是一句廢話。屏幕是一個(gè)區(qū)域，它界定范疇，賦予概念，創(chuàng)造隱喻。這也講解了為何視差翻騰和卡片式界面是如此的盛行。這兩種概念將一定量的信息合理地放置到屏幕這個(gè)容器中，讓用戶隨之同下一個(gè)元素停止互動(dòng)。

怎樣運(yùn)用好這個(gè)概念原本并不是那么簡(jiǎn)單。一個(gè)屏幕內(nèi)應(yīng)當(dāng)承載幾信息，需求認(rèn)真考慮。一個(gè)桌面端頁(yè)面所能承載的信息量在挪動(dòng)端屏幕上，或許需求劃分到幾個(gè)頁(yè)面傍邊去。

從屏幕的視點(diǎn)來(lái)考慮疑問(wèn)，或許會(huì)讓你的計(jì)劃愈加宏大雜亂，可是這種考量是有價(jià)值的，這種依據(jù)屏幕或許依據(jù)設(shè)備的考慮能讓用戶感受愈加便利交心。

6、一體化的內(nèi)容和交互

視頻、游戲、檢驗(yàn)都搶奪讓用戶能與之停止互動(dòng)，這種互動(dòng)的企圖在于驅(qū)動(dòng)用戶參與到規(guī)劃中來(lái)。用戶與界面交互的越多，用戶所獲得的領(lǐng)會(huì)就越好。

不過(guò)，幽默的元素能讓這一切截然不一樣。

讓交互內(nèi)容盡量簡(jiǎn)單，不要牽扯太多，讓用戶可以了如指掌，讓他們輕松獲得反響的信息，不用在冗繁的領(lǐng)會(huì)中消亡。這原本和美劇的5分鐘原則有著異曲同工之妙。

7、輕松有序的規(guī)劃

最終一個(gè)竅門并非不重要，它乃至可以說(shuō)是最基礎(chǔ)的原則：讓你的規(guī)劃堅(jiān)持干凈、劃一和有序。運(yùn)用柵格可以讓每一個(gè)頁(yè)面元素都有準(zhǔn)確的方位。將照應(yīng)式規(guī)劃落實(shí)到每一個(gè)元素，能讓頁(yè)面能從一個(gè)設(shè)備兼容到另一個(gè)設(shè)備。

精約風(fēng)和極簡(jiǎn)風(fēng)能變成規(guī)劃趨向是有道理的。用戶可以更輕松理解這一切。精約的視覺(jué)規(guī)劃更簡(jiǎn)單交互。沒(méi)有雜亂信息而且被精心規(guī)劃的界面能十分好地運(yùn)作，賦予十分好的領(lǐng)會(huì)。

蘋果的官方App Store 和Google Play 都舉薦過(guò)的游戲 Two Dots 即是個(gè)典型案例。誰(shuí)都可以拿起手機(jī)毫無(wú)阻礙地開(kāi)端玩兒，它規(guī)劃簡(jiǎn)單干凈，簡(jiǎn)單互動(dòng)，視覺(jué)元素四周有滿足的空間，無(wú)需憂慮誤觸。一同，別的游戲所具有的東西它也有——幽默好玩，可以同享得分，能共享到交際媒體。

結(jié)語(yǔ)

界定一個(gè)網(wǎng)站的領(lǐng)會(huì)與否有的時(shí)分并不是單一的標(biāo)準(zhǔn)，而今日所舉薦的7條竅門本身也更接近于基本的Guideline，理解用戶，理解趨向才干供應(yīng)優(yōu)良的領(lǐng)會(huì)。