close

設計上的小細節 - 網頁設計

http://webdesign.zoapcon.com

1、卓越亞馬遜的首頁輪換圖片,每刷新一次,都是隨機不同的順序顯示,這樣的設計解決了對于較多圖片輪換而靠后的圖片信息很少被看到的問題,這點對于電子商務等時效性不是很講究的網站來說尤其重要;

 


2、最初的時候是點擊照片跳轉到下一張,再然后是點擊照片的左邊是上一張,點擊照片右邊是下一張,當我們習慣了這樣的照片瀏覽方式之后,似乎我們的鼠標就會被限制在照片的范圍之內。百度空間里的相冊瀏覽頁面擴大了鼠標的可點擊范圍,使得照片翻頁不在只是局限在照片里面,而是整個頁面的寬度,以及在中間部分加入了照片放大功能。還有就是側邊預覽圖的滾輪支持;

 

3、而騰訊網內容頁里對照片這塊的處理則有更多的細節,比如圖片下方的預覽圖、比如圖片底部的可隱藏的說明文字。當一塊有限的空間被堆疊更多的功能時,好與壞開始變成一個相對的事情;

 

4、當在頁面的鏈接處用鼠標右鍵點擊時,彈出的菜單:IE從上下到是“打開”、“在新選項卡中打開”、“在新窗口中打開”;Firefox從上到下的順序是“在新窗口中打開”、“在新選項卡中打開”;而Chrome的則是“在新標簽頁中打開鏈接”、“在新窗口中打開鏈接”。IE的第一項“打開”完成就是左鍵單擊的行為,實則無意義;Firefox對這個順序的處理似乎仍停留在瀏覽器還未引進標簽頁的設計上,標簽頁正是為了解決桌面上鋪滿瀏覽器窗口而設計的,所以在這個順序上,Chrome的設計則是最好的;

 

5、當頁面中需要出現頁碼時,可以看到很多網站對這個翻頁的設計都做了處理,比如減少“上一頁”的可點擊區域,增加“下一頁”的可點擊區域。很長一段時間來,瀏覽器的前進與后退兩個按鈕是同樣的大小,但在頁面中翻頁時用戶更多的操作是在“下一頁”,同樣的,對于瀏覽器的前進與后退,用戶更多的操作行為會是在“后退”,所以Firefox對這兩個按鈕的設計做了處理,增大了后退按鈕,更便于用戶的頻繁操作;

 

 

arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 imarketin 的頭像
    imarketin

    imarketin的部落格

    imarketin 發表在 痞客邦 留言(0) 人氣()