iT邦幫忙

1

改善網站UI/UX 的 小技巧

前言

網站發展的越來越快,每年都有設計趨勢,但不管怎樣的設計趨勢都是會不斷被推翻,像是流行時尚,過了一季就是落伍,一定會有更時尚更酷炫的作法,但如果讓用戶使用感覺不舒服,那就失去了我們開發網站的價值。
好的用戶體驗能吸引用戶提高轉換率,但是如果你的沒有可靠的搜索引擎,沒有符合邏輯的導覽頁面,即使網站的效果再酷再有藝術感也會令用戶難以忍受。

1.適當的空白 對轉換率更佳

所謂的空白是網頁區域之間的元素,當我們知道客戶都喜歡把東西塞爆塞滿的同時,其實我們就應該以用戶體驗的角度跟他們解釋,存在適量的空白時。用戶對網站適應度會更好,因為在觀看時可讀性會變高,我們的眼睛會放鬆,幫助我們在觀看的過程有呼吸空間,
就像我們練習馬拉松之間需要練習如何讓呼吸順暢,我們的眼睛在觀看網站元素也是同理。

網頁設計只做美美設計,而忽略用戶感受 ,是自慰行為!  --來自某大學講師 

2.網站有重要的按鈕還請強調

其實這樣的行為有一個專有名詞,叫做 CTA(Call-to-action)
不一定是按鈕,可能是圖片或是文字等等,但共同目的就是讓用戶去做我們希望他們去做的行為,例如說:馬上下載、加入購物車、申請加入或了解更多等等,例如像是一頁式的購物網站,就常看到現在立即購買的按鈕,所以我們必須要用很強大的說服力去強調他們,CTA按鈕的顏色必須與背景顏色形成對比或是要引人注意。這將幫助用戶輕鬆找到按鈕。

3.提高網站速度

就算我們的網站設計再好,產品讚到爆,記住客戶的耐性只有3到4秒,等太久就會讓他想離開,速度慢會導致轉換速度降低2秒鐘,導致頁面加載時間延遲,跳出率提高100%以上!

4.高品質的圖片

研究顯示,圖片是比文字更吸引人的注意力,這讓客戶產生產品圖片好好看,感覺產品也是很棒的,我想要點進去!所以當你在套版或是在做響應式網站時,請注意不要讓圖片變形,畫質產生問題。
(不只客戶會產生問題,通常也會讓設計師氣噗噗喔)

5.有超連結的地方請強調差異化

不管是滑鼠 hover 效果 或是超連結出現的手指鼠標,要讓使用者感受到這是可以點擊是很重要的一點,請不要忽視。

6.網站頁面一致性

這是很重要的黃金法則,不管是間距、字體行高、色彩,從開發者的角度來說,網站元素一致性也易於我們開發管理,那以使用者角度來說 為了向用戶提供優質的體驗,更必須在網站的設計和內容上保持一致,常常有人說設計美感沒有主觀,但這種設計規範存在不就是證明了,什麼是好體驗跟壞體驗的分水領嗎?

以上是閱讀文章及實際設計網站時所遇到的問題和心得, 如有不足或是加強的地方還請多多指教。

資料來源 :如何設計好網站Dont Make Me Think


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言