2022-09-16 20:38:47|已瀏覽:110次
網站設計中要注意的細節
網站設計中要注意的細節,對于一個網站來說,最重要的自然是用戶體驗。從我看來,用戶體驗其實就是一對細節的集合。只有我們這些細節強迫癥患者,才格外追求這個。以下是網站設計中要注意的細節的具體介紹。
所謂用戶體驗:一句話就是——讓用戶用著舒服
如果讓我想“讓用戶用著舒服”的第一點,就是“讓用戶感覺著舒服”?墒沁@一點就是常常被忽視的細節。下面我列舉出一些讓用戶用著舒服的要素。很多是自己在開發中感受到的,可能并不完整。
UI設計維持同一風格。
具體來說就是,網站的界面元素在整個網站中具有一致性。比如說“按鈕”,這個非常重要的界面元素。登錄界面的“登錄”“注冊”,發帖界面的“回帖”“發布”,還有“確認訂單”?梢钥闯鏊鼈兪蔷哂邢嗨频墓δ艿摹猻ubmit。那么它們在外觀上就要保持一致。
UI一致可以讓用戶憑著自己的直覺找到所需的功能,減少用戶的網站使用學習成本。
功能收放有度。
我的意思是指在網站首頁和網站的其他位置中,功能按鈕的折疊和展示情況。有些不常用的按鈕一般不需要展示,而是折疊到某個菜單中。而將常用的功能直接設為鏈接或按鈕。這點在制作導航條的時候特別重要(因為導航條會出現在每一個頁面上)。這個不僅與網頁編程,而且與網頁內容設計關系也很大。比如導航欄一般推薦放置3~4個一級導航,如果你有十多個分類,建議再分到幾個更大的分類里。導航欄排十多個鏈接并不是很好看的。
不要讓同一元素多次出現在頁面上,尤其是這一元素很顯眼的時候。比如某網站有很多欄目,首頁是這些欄目內容的推薦,網頁上充斥著大量的“查看更多>>”按鈕,(每個欄目都有一個,邊上有個排行榜又來一個。一個網頁上十二三個大按鈕還都長得一樣,看多了就感覺惡心了。)而且按鈕元素還非常大。給人感覺特別不好。
網站要簡潔,把你復雜的功能隱藏起來,等用戶需要的時候再出來。而不是平鋪在頁面上,不管用不用都在那。這才是設計。
確定頁面層疊順序。
如果你的網頁需要多個層,上面的層有可能會覆蓋到下面,這時候要特別小心設置z-index值。不要造成遮擋的問題。比如我就見過某網站彈出對話框,一層透明圖片層把按鈕蓋住了,于是完全無法操作對話框按鈕。好吧,這是比較大的bug,還有一些小細節,比如某最近改版了的彈幕視頻網站,它的“返回頂部”按鈕蓋在了評論區域迷你播放器的上面。于是視頻部分被遮擋。果殼以前也出現過類似問題。當編輯器過長的時候,比如我這樣的一篇長回答。編輯器的頂部工具欄會被固定在頁面頂部。這是個非常好的照顧用戶的設計。然而果殼當時出了個bug,他們忘記了上面的導航欄,于是編輯器工具欄蓋在了導航欄的上面。
精心布置廣告位和推薦位。
網站的用戶總是不喜歡廣告的,但是畢竟廣告是網站的收入主要來源,F在網頁廣告屏蔽軟件也比較多,如果廣告太難看/影響操作,就難逃被用戶屏蔽了。廣告位/推薦位放置最重要的是顯眼。比顯眼更重要的是不能影響用戶的使用。沒有人喜歡右下角彈出廣告。
廣告最好占據頁面的一個固定的位置,不要放在浮動層,千萬不要彈窗。廣告顯示的時候不要影響用戶的操作,比如以前的網易、騰訊(網易騰訊這么大,我就黑一黑吧,不說某網站了)廣告,會把整個網頁的header部分向下壓,而且有個動畫。更郁悶的是,動畫是在載入后才播放的。于是就會出現——我正要點擊某個鏈接,廣告出來了,廣告的位置占據了我原來鼠標的位置,我點到廣告了。這種廣告會遭致用戶反感,不是大網站或流氓網站千萬不要這么干,會把自己搞死的。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-56308.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注網頁制作頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050
姓名:
手機:
地區: