凡是，當(dāng)一個(gè)頁面有太多信息要顯示，而一頁塞又不下所有信。為了懇求速度、美觀以及其他的各類來由，分頁就會(huì)被我們請(qǐng)過來。讓我們的用戶可以選擇是否持續(xù)前行或者撤退猬縮，去找到他想要的器材。比如我們?cè)谔詫毸压?ldquo;襯衣”，這時(shí)凡是會(huì)有 100 頁的信息（當(dāng)然不止 100 頁，只是其實(shí)用戶凡是不須要那么多器材）。如下：

一、小型分頁的原始設(shè)計(jì)規(guī)劃

分頁的感化說起來有很多，希罕是從機(jī)能的優(yōu)化上，但最首要的原因是，讓用戶可以找到本身想要的器材。這點(diǎn)頁面斗勁多的分頁上，淘寶已經(jīng)做得很好。但在小分頁上，前次和一幫設(shè)計(jì)師在評(píng)審一個(gè)小分布設(shè)計(jì)體式格式的時(shí)辰，有了一些不合的定見。先看一下這個(gè)小型分頁（這里定義的是頁面小于或便是5頁的分頁設(shè)計(jì)）的原始設(shè)計(jì)（交互白板，非視覺終稿）規(guī)劃：

看起來挺熟悉的，huh？是的，很多網(wǎng)站其實(shí)都采取了這種類型的顯示體式格式。這里有設(shè)計(jì)師說，會(huì)不會(huì)把“上一頁”和“下一頁”放在一路，用用戶按起來斗勁便利。就像如許：

Hmmm，確切，如許比本來的好挺多的。至罕用戶可以更省力去翻頁。這是有別的一個(gè)設(shè)計(jì)師就跳出來了，說，我們是不是還可以做進(jìn)一步的優(yōu)化？因?yàn)榉彩莵碚f，我們按“下一頁”的景象會(huì)斗勁多，“上一頁”這些汗青會(huì)斗勁少見。這時(shí)他提出的規(guī)劃是：

當(dāng)然，如許也挺好的，來由也說得疇昔。就是有一種說不清的器材在里面，類似于技巧和藝術(shù)畢竟那種更首要，懂得的漢字和能寫出好文章之間的關(guān)系。其實(shí)題目就出在，一是用戶須要去做一個(gè)“猜”的過程，猜這個(gè)左向的指導(dǎo)符畢竟是不是代表向上翻頁；一是設(shè)計(jì)的不一致讓心理有不調(diào)和的感觸感染。希罕是在中國(guó)在種“功德成雙”，什么都要成一對(duì)的文化下，更明顯。

二、我的規(guī)劃

不過，對(duì)于小我來說，我并不贊成上方的這些做法。既然這個(gè)分頁是小型的，一個(gè)小地位就能全列在上方的，那我們?yōu)槭裁催€要去錯(cuò)雜化這個(gè)用戶去選擇的過程，而不直接供給一種更便捷的達(dá)到目標(biāo)的體式格式？我的設(shè)法是小分頁就應(yīng)當(dāng)把他們?nèi)@示出來，讓用戶操縱更便利。如下：

這種展開式的分頁設(shè)計(jì)與原始規(guī)劃的對(duì)比：

從空間上

展開式顯示更省像素。有很多好的設(shè)計(jì)師會(huì)推敲留白，更會(huì)推敲若是去公道地哄騙這些名貴的空間，省像素。

從實(shí)用性上

若是看到第3頁，忽然想回到第1頁，遵守本來的設(shè)計(jì)，是不是得按兩次“上一頁”？若是有5頁呢？我如何包管更快地在各頁之間切換？展開式的設(shè)計(jì)可以更好地解決如許的題目。

三、結(jié)語

當(dāng)然，并不是說如許的展開式分頁就是更好的。還有可能要連絡(luò)場(chǎng)景，比如像微博這些容許隨時(shí)候線無窮下拉的處所，我們完全可以讓用戶忽視“分頁”如許的概念，只要用戶向下拉，我們就供給信息的主動(dòng)加載，以更便哄騙戶的查閱。應(yīng)用處景老是在變，但不變的是，我想本身應(yīng)當(dāng)持續(xù)如許：

一、去堆集。有時(shí)辰總有如許的小糾結(jié)，也可以說是一種小潔癖，像代碼總尋求最優(yōu)的解決規(guī)劃。固然如許的糾結(jié)并不會(huì)對(duì)用戶有多大的影響 ，但當(dāng)你在一個(gè)項(xiàng)目中有10個(gè)，30個(gè)，100個(gè)如許的優(yōu)化時(shí)，信賴網(wǎng)站的體驗(yàn)將會(huì)超出用戶的預(yù)期。當(dāng)然，對(duì)于本身在這方面的才能，也將會(huì)有質(zhì)的提拔。所以，去堆集吧。

二、超出設(shè)計(jì)去思慮。對(duì)于交互，其實(shí)我們的終極目標(biāo)是用戶的應(yīng)用便利與否（不是用戶，有時(shí)辰用戶他可能須要的只是很簡(jiǎn)單的器材，比如一輛更快的馬車，但若是你給他一輛福特汽車呢？），所以，應(yīng)當(dāng)跳出設(shè)計(jì)本身去思慮，才更有可能獲得合意的成果。

---