網頁設計內容網頁中關于圖片預覽的設計
之前有寫過《內容頁頁碼的預覽導航》跟《照片預覽導航分析》兩個文章,想說明的是預覽這一功能在用戶心理所占有的比重是很大的,如果僅僅只是給出一排順序數字做為鏈接的標題,用戶的心理會產生不安全感。雖然給出一排順序數字做為鏈接幾乎是整個互聯網的默認分頁鏈接模...
之前有寫過《內容頁頁碼的預覽導航》跟《照片預覽導航分析》兩個文章,想說明的是預覽這一功能在用戶心理所占有的比重是很大的,如果僅僅只是給出一排順序數字做為鏈接的標題,用戶的心理會產生不安全感。
雖然給出一排順序數字做為鏈接幾乎是整個互聯網的默認分頁鏈接模式,但也正是因為如此,用戶的心理安全感被忽視了,變成了隱性因素,在平常可以忽略不計。可如果在某些特定的環境下,這些隱性因素被某些事物所觸發,傷害就會擴大,甚至最終有可能會演變成一聲激烈的斗爭。
而如果給這個只有數字的導航里加入預覽功能,用戶在心理上自然會多出一分安全感,因為可以不用去猜測下一頁跳出來的是什么內容了,通過預覽可以提前知曉即將要看到的下一頁的大概內容。特別是對于圖片新聞來說,在分頁鏈接上有了圖片預覽功能,可以給用戶帶來更佳的使用體驗,因為用戶可以通過預覽導航得知整套新聞圖片的大概內容,于是就可以選擇跳過閱讀或是直接退出閱讀。雖然這樣做可能會損失一部分的網站PV,但這對于培養長期用戶來說,無疑是更有好處的。
也許有人會說,這樣就失去了神秘感,但我要說的是神秘感相對于安全感來說,在用戶的心理上所占的比重還是要輕上一些的,特別是對于新聞類的信息內容來說,神秘感在用戶心理所占的比重更是要輕上加輕。新聞類內容追求的是信息的相關性,如果內容過長有分頁的話也是追求信息的連貫性。沒看過哪個新聞在第一頁講人如何在城市里生活,第二頁就突然講一頭豬能長到多重的,這是兩個完全不同的主題信息,如果硬是要把它們講到一塊去,那么張冠李戴就是個很好的例子,因為“張”跟“李”還是同屬于百家姓里的姓呢,“人”與“豬”都同屬于動物吧。
很多網站的內容頁如果內容長有圖片需要分頁的話,都會把下一頁的鏈接在圖片上也加一份,這樣除去從一大堆內容里去找下一頁的鏈接的麻煩外,還可以添加點擊“下一頁”鏈接的概率。
娛樂新聞是屬于圖片多過文字信息的,娛樂新聞首先是要從視覺上沖擊用戶的眼球,而非是用文字來帶給用戶震撼的感覺。對于常常是多圖片的娛樂新聞來說,分頁顯示自然是個很好的方法,即可以加快頁面的加載速度,又可增加頁面的點擊量,無疑是個一舉兩得的好方法。
騰訊娛樂的新聞內容頁一直都是采取點擊圖片進入下一頁的方式的,雖然比點擊數字進入下一頁帶來更好的使用體驗,但在使用的過程中仍難免會有遺憾。比如某條新聞的標題是“某某明星在某某頒獎典禮上搶盡風頭”,于是我點擊標題進去到內容頁,可是我發現第一頁的圖片并不是那個“某某明星”,可是整個新聞內容分頁達十幾頁,我該怎么知道這個“某某明星”的圖片在第幾頁呢?我是看到這個“某某明星”才進去的,我對其他的明星不感興趣,怎么辦?不得已只能一頁一頁的去翻,也許運氣好在前幾頁就翻到了,也許運氣不好一直翻到倒數第二頁才看到想看的圖片。雖然最終我所期望的目標是達成了,可是在這實現的過程是是否留有遺憾呢?
今天發現騰訊娛樂的部分圖片新聞內容頁做了改變,不再只是以往單純的點擊圖片進入下一頁了,而是在新聞內容頁里增加了圖片預覽導航,終于我上面所說的遺憾得到彌補,不再需要一頁一頁的看過去只是為了在十幾頁中尋找一頁自己喜歡的內容。
但是這個圖片預覽導航卻并未完善,因為每點一張圖片都要跳轉一個頁面,如果當前一組圖片仍沒有我所想要看的內容的話,那么我還得要點擊下一組去查看是否有我需要的內容。
什么時候這個內容頁的圖片預覽導航能做成跟相冊一樣的預覽導航,那就比較完善了。
網頁制作時可以拿起就用的網頁制作小技巧總結
這篇文章主要給大家分享了一些在網頁制作的時候,可以拿起就用的小技巧,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友可以參考借鑒,下面跟著小編來一起學習學習吧。...
詳解移動端網頁設計實現內滾動的四種解決方案
這篇文章主要介紹了關于移動端實現內滾動的四種解決方案,實現的效果就是在一個區域內只允許部分區域產生滾動的效果,而其余部分則不能移動,需要的朋友可以參考借鑒,下面來一起看看吧。...
網頁設計如何優雅的實現垂直居中
這篇文章主要給大家介紹了關于如何優雅的實現垂直居中的相關資料,文中分別給大家介紹了已知寬高的元素、未知寬高的元素以及基于 Flexbox 的解決方案,都分別給出了示例代碼供大家參考學習,需要的朋友們下面隨著小編來一起學習學習吧...
網頁設計:淺談網頁基本性能優化規則小結
這篇文章主要介紹了淺談網頁基本性能優化規則小結的相關資料,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧...
網頁設計柵格就是你對頁面版式的規劃
英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm柵格就是你對頁面版式的規劃你日常所見的許多頁面都有柵格存在。你可能注意不到,但它確實存在,并且支撐著設計內容,建立整體的架構,引導著頁面的元素。柵格是隱形的架構,用于指導你頁面...
網頁設計:腳本素材重構用戶體驗
設計網站的同志背景主要有兩種:學計算機、學藝術。基本上會寫代碼的不懂設計,會設計的不懂代碼,這個格局似乎到今天還沒變。某些學計算機的同學,有自己的審美品位,也能夠做出看起來不錯的網站,但學藝術的同學普遍難搞懂代碼...
打開保存的網頁顯示英文和數字的解決方法
打開網頁文件內容顯示英文和數字亂碼怎么辦?將喜歡的網頁保存到電腦以后,打開發現文件內容是亂碼,顯示的英文和數字,該怎么解決呢?下面我們就來看看詳細的教程,需要的朋友可以參考...
Html網頁中meta標簽及用法詳解
<meta> 元素 可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。...
Dreamweaver網頁元素怎么制作漸隱漸現效果教程
Dreamweaver中想要使用jQ效果實現網頁元素的漸隱漸現釘釘效果,該怎么制作呢?下面我們就來看看詳細的教程。...
Dreamweaver制作網頁經典問題大整理
1> 在DW中,如何輸入一個空格呢? 輸入空格的問題,在DW似乎已成了一個老生常談的問題,我們可能在許多介紹DW使用方面的書籍或文章中看到過N次。 DW中對空格輸入的限制是針...