網頁中相片預覽版導航設計技巧

來源:互聯網
上載者:User

導航並不只是指常位於網站頭部的導航條,路邊的指示牌、商場的指示牌等等都是一種導航,可以說導航在生活中無處不在,如果沒有這些導航存在,那麼我們將迷失,迷失在互連網資訊的海洋中,迷失在縱橫交錯的馬路上,迷失在琳琅滿目的商品貨架之間。

在所謂的WEB2.0風潮瘋狂的從國外吹入國內的時候,國外一些成功網站的成功模式也瘋狂的吹入到國內的模仿者的眼前。目前在國內關於網路相簿方面或者時尚一點是說關於WEB2.0網路相簿方面做得比較好的應該算是yupoo了,同時它也是國內模仿flickr模式最像的最成功的——事實上yupoo幾乎就是另一個語言版本的flickr。拋除商業運營等其他因素,僅僅來比較一下兩者關於相片預覽版導航系統(不知道正確的叫法,就自己為其命了個名)上的不一樣之處,或者是說兩者在對使用者使用方式的理解上的不一樣之處。

從上圖中可以看出flickr相簿的相片預覽版導航系統相當的簡潔,只有“上一張”與“下一張”照片的縮圖連結還有當前相簿中照片的總數以及一個以投影片播放的按鈕,當前照片的縮圖在預覽導航中是沒有的。再看下面yupoo的截圖,在預覽導航中多了當前照片的縮圖少了當前相簿中照片的總數。

先不說當前照片的縮圖應不應該出現在預覽導航裡,光yupoo沒有在預覽導航上標出當前相簿裡照片的總數這一點就說明了它的失敗。

每個使用者看相簿的時候都不可避免的會想要知道當前相簿裡到底有多少張照片,這其實是與人的心理是有關的,人天生就有這樣的一種慾望——對一件事要掌握越多的資訊越好,只有對其掌握了足夠的資訊,這樣心裡才會感到踏實或者說感到安全。這是一種與生俱來的本能慾望。

可是yupoo卻沒有標示出當前相簿裡照片的總數,這就好像是留了一個疑問等待使用者去搜尋答案,雖說可能會激起某些人的好奇心而去不停的點擊它,可是到最後還是發現根本就不知道這個相簿裡到底有多少張照片。

而當前照片的縮圖是否應該出現在預覽導航裡呢?

yupoo的相片預覽版導航系統是完全按照網站的導航系統來設計的,在網站的導航系統裡,使用者需要知道自己當前在哪個地方或者是哪個欄目下,這時候導航系統就需要標示出這個地方或者是欄目來給使用者提示,這樣使用者才不至於迷失在網站繁雜的資訊裡。

但是對於相片預覽版導航系統這種相對來說簡單一點的導航系統來說,按照網站導航系統來設計似乎略顯繁雜。

首先,相片預覽版導航並不需要標示出當前所在的位置,它不像是網站導航系統那樣可能還有下級或者是下下級的導航的存在,相片預覽版僅僅只顯示一張照片,也就是說在這個預覽導航裡的所有欄目都是平等的,不存在下級或者是更深層次的歸屬關係,使用者在這樣的頁面裡並不存在迷路的困惑;

其次,導航系統的真正作用是引導使用者及標示位置,而既然相片預覽版導航不需要標示位置,那麼相片預覽版導航系統所剩下來的作用就是引導使用者——引導使用者點擊導航系統上的縮圖以查看照片。這時候問題就會出現,如果不細看預覽導航上的縮圖,滑鼠直接點擊下去,很有可能點中的就是當前照片的那個縮圖,點擊後使用者會發現還是當前的照片,查看原因之後使用者才會明白,中間的那個縮圖是當前照片的縮圖——點擊下去後還是當前照片,也就是說這個縮圖等於是沒有用的。既然沒用,為何還要存在?

最後,一樣的空間,當空間裡的物品擺放多了,每個物品所佔的空間自然就少了。相片預覽版導航最成功的一點就是在導航上顯示的是照片的縮圖而不是文字,讓使用者可以很明白的知道相近兩張照片的大概形狀。所以如何保證縮圖的清晰度就成了預覽導航真正的關健所在。當照片的尺寸越大時,縮圖的清晰度就越小,甚至最終會模糊成一團,這時候就需要提高縮圖的大小尺寸,可是預覽導航的大小是限定的,所以去掉當前照片的縮圖可以讓相近兩張照片的縮圖更加的清晰。

從細節處體貼使用者,才是產品成功的關健!



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。