網(wǎng)頁中照片預(yù)覽導(dǎo)航設(shè)計技巧

2024-08-30 08:33:30

字體：大中小

供稿：網(wǎng)友

導(dǎo)航并不只是指常位于網(wǎng)站頭部的導(dǎo)航條，路邊的指示牌、商場的指示牌等等都是一種導(dǎo)航，可以說導(dǎo)航在生活中無處不在，如果沒有這些導(dǎo)航存在，那么我們將迷失，迷失在互聯(lián)網(wǎng)信息的海洋中，迷失在縱橫交錯的馬路上，迷失在琳瑯滿目的商品貨架之間。
在所謂的WEB2.0風(fēng)潮瘋狂的從國外吹入國內(nèi)的時候，國外一些成功網(wǎng)站的成功模式也瘋狂的吹入到國內(nèi)的模仿者的眼前。目前在國內(nèi)關(guān)于網(wǎng)絡(luò)相冊方面或者時尚一點是說關(guān)于WEB2.0網(wǎng)絡(luò)相冊方面做得比較好的應(yīng)該算是yupoo了，同時它也是國內(nèi)模仿flickr模式最像的最成功的——事實上yupoo幾乎就是另一個語言版本的flickr。拋除商業(yè)運營等其他因素，僅僅來比較一下兩者關(guān)于照片預(yù)覽導(dǎo)航系統(tǒng)（不知道正確的叫法，就自己為其命了個名）上的不一樣之處，或者是說兩者在對用戶使用方式的理解上的不一樣之處。

從上圖中可以看出flickr相冊的照片預(yù)覽導(dǎo)航系統(tǒng)相當(dāng)?shù)暮啙崳挥?ldquo;上一張”與“下一張”照片的縮略圖鏈接還有當(dāng)前相冊中照片的總數(shù)以及一個以幻燈片播放的按鈕，當(dāng)前照片的縮略圖在預(yù)覽導(dǎo)航中是沒有的。再看下面yupoo的截圖，在預(yù)覽導(dǎo)航中多了當(dāng)前照片的縮略圖少了當(dāng)前相冊中照片的總數(shù)。

先不說當(dāng)前照片的縮略圖應(yīng)不應(yīng)該出現(xiàn)在預(yù)覽導(dǎo)航里，光yupoo沒有在預(yù)覽導(dǎo)航上標(biāo)出當(dāng)前相冊里照片的總數(shù)這一點就說明了它的失敗。
每個用戶看相冊的時候都不可避免的會想要知道當(dāng)前相冊里到底有多少張照片，這其實是與人的心理是有關(guān)的，人天生就有這樣的一種欲望——對一件事要掌握越多的信息越好，只有對其掌握了足夠的信息，這樣心里才會感到踏實或者說感到安全。這是一種與生俱來的本能欲望。
可是yupoo卻沒有標(biāo)示出當(dāng)前相冊里照片的總數(shù)，這就好像是留了一個疑問等待用戶去搜索答案，雖說可能會激起某些人的好奇心而去不停的點擊它，可是到最后還是發(fā)現(xiàn)根本就不知道這個相冊里到底有多少張照片。
而當(dāng)前照片的縮略圖是否應(yīng)該出現(xiàn)在預(yù)覽導(dǎo)航里呢？
yupoo的照片預(yù)覽導(dǎo)航系統(tǒng)是完全按照網(wǎng)站的導(dǎo)航系統(tǒng)來設(shè)計的，在網(wǎng)站的導(dǎo)航系統(tǒng)里，用戶需要知道自己當(dāng)前在哪個地方或者是哪個欄目下，這時候?qū)Ш较到y(tǒng)就需要標(biāo)示出這個地方或者是欄目來給用戶提示，這樣用戶才不至于迷失在網(wǎng)站繁雜的信息里。
但是對于照片預(yù)覽導(dǎo)航系統(tǒng)這種相對來說簡單一點的導(dǎo)航系統(tǒng)來說，按照網(wǎng)站導(dǎo)航系統(tǒng)來設(shè)計似乎略顯繁雜。
首先，照片預(yù)覽導(dǎo)航并不需要標(biāo)示出當(dāng)前所在的位置，它不像是網(wǎng)站導(dǎo)航系統(tǒng)那樣可能還有下級或者是下下級的導(dǎo)航的存在，照片預(yù)覽僅僅只顯示一張照片，也就是說在這個預(yù)覽導(dǎo)航里的所有欄目都是平等的，不存在下級或者是更深層次的歸屬關(guān)系，用戶在這樣的頁面里并不存在迷路的困惑；
其次，導(dǎo)航系統(tǒng)的真正作用是引導(dǎo)用戶及標(biāo)示位置，而既然照片預(yù)覽導(dǎo)航不需要標(biāo)示位置，那么照片預(yù)覽導(dǎo)航系統(tǒng)所剩下來的作用就是引導(dǎo)用戶——引導(dǎo)用戶點擊導(dǎo)航系統(tǒng)上的縮略圖以查看照片。這時候問題就會出現(xiàn)，如果不細(xì)看預(yù)覽導(dǎo)航上的縮略圖，鼠標(biāo)直接點擊下去，很有可能點中的就是當(dāng)前照片的那個縮略圖，點擊后用戶會發(fā)現(xiàn)還是當(dāng)前的照片，查看原因之后用戶才會明白，中間的那個縮略圖是當(dāng)前照片的縮略圖——點擊下去后還是當(dāng)前照片，也就是說這個縮略圖等于是沒有用的。既然沒用，為何還要存在？
最后，一樣的空間，當(dāng)空間里的物品擺放多了，每個物品所占的空間自然就少了。照片預(yù)覽導(dǎo)航最成功的一點就是在導(dǎo)航上顯示的是照片的縮略圖而不是文字，讓用戶可以很明白的知道相近兩張照片的大概形狀。所以如何保證縮略圖的清晰度就成了預(yù)覽導(dǎo)航真正的關(guān)健所在。當(dāng)照片的尺寸越大時，縮略圖的清晰度就越小，甚至最終會模糊成一團，這時候就需要提高縮略圖的大小尺寸，可是預(yù)覽導(dǎo)航的大小是限定的，所以去掉當(dāng)前照片的縮略圖可以讓相近兩張照片的縮略圖更加的清晰。
從細(xì)節(jié)處體貼用戶，才是產(chǎn)品成功的關(guān)健！

上一篇：柵格就是你對頁面版式的規(guī)劃

下一篇：內(nèi)容網(wǎng)頁中關(guān)于圖片預(yù)覽的設(shè)計