購物網站設計最重要的目標:讓點進網頁的瀏覽者變成消費者。因此所有網站設計的巧思都是為了滿足使用者需求,或是因應消費者瀏覽習慣的改變,這也讓購物網站設計比普通商業網站更需要費心思,因為購物網站的轉換率、後續網路行銷能否成功,都會受到網站UI,UX影響。從一些比較知名的電商網站設計,或者觀察瀏覽器發布的新規則等等,可以一窺2017年購物網站設計趨勢:
2017年,購物網站設計需要更智慧、更貼近人心的響應式設計。推薦閱讀:RWD響應式網站人人都在做!到底厲害在哪裡? 25歲的女性消費者點進購物網站,立刻被首頁美麗的長裙照片燒到;同時不同地,一位40歲的男性消費者也登入同一個購物網,看到的首頁是醒目的高爾夫球球具組,立刻就被圖片吸引,點了進去。現在,能夠結合數據分析、會員資料分析進行網路行銷,了解消費喜好,並融入網站設計,才能吸引使用者停下腳步,購買符合自己興趣的產品。
回想一下你在瀏覽網頁,或是使用app的時候,是不是自然而然的理解某些按鈕是在底圖的上面? Material Design是Google提出的設計理念,模擬現實生活中紙張的空間感,利用模擬紙張堆疊的陰影,讓使用者知道不同區塊的先後順序
▲透過陰影,可以感覺出兩個區塊的相對位置及深淺(圖片來源)
或者利用同樣的方式設計轉場動畫,告知使用者頁面的相對位置關係,例如打開app選單,會看到頁面是從選單冒出
▼圖片、區塊展開的方式,可以讓使用者感覺出網站資訊的層次(圖片來源)
這些都是Material Design的應用。在2017年,Material Design將繼續帶來影響,購物網站設計當然也免不了使用這些小巧思!
對自己的產品有信心,當然要拍又大又美的照片放出來。進入許多時尚品牌、精品的電商網站首頁,都被幾乎占據整個螢幕的高清大圖覆蓋,這就和雜誌封面、報紙全頁廣告帶來的效果一樣,氣勢恢宏、意思明確,就是要消費者買它!購物網站設計除了要清楚展示商品外,賣家對自家商品的自信也會影響消費者的購買行為,因此在首頁擺上大圖,是加深消費者印象、促進購買慾望的作法。
比起靜態的畫面,更能攫取瀏覽者目光的就是影片、動畫、動圖了。近年來在攝影界興起的Cinemagraphs風潮,也逐漸被應用在購物網站設計上,Cinemagraphs簡單來說就是更有創意的GIF圖,畫面中靜止的比例較高,用小部分動態來讓瀏覽者聚焦在主打商品隨著各種製作動圖的APP相繼問世,在2017年勢必成為網路行銷的一大利器。
— Flixel (@Flixel) 2017年2月5日
2017購物網站設計會趨向採用更鮮明,彩度更大的色彩配置。就像花朵用鮮豔的花瓣吸引蜜蜂採蜜,網頁設計使用的色彩配置能吸引使用者繼續看下去,也能傳達企業的形象、營造出特定的氛圍。推薦閱讀:吸得住顧客眼睛的網站設計,讓您贏得客戶的青睞。再加上現代人越來越依賴網路,對各種視覺上的刺激已經習慣了,不妨大膽試試能夠讓消費者提起興趣的鮮豔配色。