在網路世界裡,訪客可能永遠不會給你第二次機會去打造第一印象,這一點就是為什麼優秀的網站設計是非常重要的理由,而首頁無疑是網站最重要的關鍵頁面之一。
對於任何性質的網站而言,建立最佳形象的門面絕對是首頁,往往也是打開一切的大門。最直接的說法就是,如果陌生訪客不喜歡他們所看到的內容或樣子,本能反應將馬上啟動-"關閉網頁"。
這一觀點雖然是正確的,但好的網站設計不是只有漂亮和好看而已,不但要中看還要真正中用!那麼,到底有哪些因素是打造優質網站的核心法則,而不會讓人感覺混亂或錯愕?
在這篇文章中,我會分享一些我認為非常值得效仿和看齊的超讚網站,而在此之前,我想要先剖析經營網站的核心價值。
1. 介紹你是誰、你做什麼,或能為別人做什麼
如果你是一個知名的品牌或公司(像是可口可樂或微軟),那麼你肯定有資格不必來形容你是誰和做什麼,但實際情況是,大多數企業仍然需要這麼做。所以,即便你的企業有一定的知名度了,還是需要自我介紹和加以推廣。
2. 試著努力讓目標受眾有所共鳴
一個好的網站需要跟對的人說對的話,請盡量避免官方說法或鬼扯淡,因此,請務必了解與釐清誰是你的目標客戶。不要試圖跟全世界的所有人對話,這種口吻與方式真的很難有共鳴的!
3. 大膽說出你的獨特價值主張
顯示獨特價值主張是人們選擇你,而不是選擇你競爭對手最好的方式,而這同時也關乎於你的商業模式。
我認為差異性、獨特性是在數以億計網站中脫穎而出的關鍵之一,而且往往無法被輕易複製,別人就算模仿也無法學到精隨。
4. 優化多螢幕的可看性和使用性
現在上網不再只是使用單一裝置的時代了,因此針對不同上網裝置、尺寸、瀏覽器進行測試和調整是網站優化的一小步,卻是使用者體驗的一大步。趕快跟上潮流吧!
5. 不要害羞,多多善用行動呼籲吧
幾乎每個網頁的存在都有它的目的性,如果要有效轉換就需要懂得引導訪客去行動,不論是免費試用、註冊會員、立即購買或了解更多。
請記住,網站的目的是引導遊客更深入你的網站,而這就需要行動呼籲告訴他們下一步該怎麼做。更重要的是,這會讓網站轉變成銷售先鋒。
6. 不斷地改變、調整、優化
優秀的網站不是一成不變的,人需要成長進步,網頁也不例外。這不是只侷限於表面功夫,這包含了網站的一切,像是:設計排版、轉換率、顏色字體、載入速度、SEO、使用動線、使用性…等等。
7. 整體設計感保持一致性
網站保持一致性會關乎到品牌,而這會間接影響訪客信任感、價值傳遞度。因此,網頁的排版、段落、顏色…等元素請不要這裡是這樣,那裡是這裡不一樣。
現在,讓我透過真實案例來解析成功網站具有哪些設計特質吧。然而,因為網站架構不盡相同,我只會介紹特定頁面與剖析優點。
在此之前,我還想先聲明我完全沒有這些案例的任何統計數據,所以是無法擔保這是絕對的成效指標。儘管如此,如果你覺得有任何啟發,你可以嘗試任何或部分在自己的網站上,因為唯一證實的方式是自己測試。
1. 中國BMW
這一個頁面相當獨特,因為在我訪視多個國家版本後,發現只有中國 BMW 獨有。除了使用動態增加酷炫感之外,它還具有以下幾點優點:
2. Dropbox
Dropbox 網站一直是簡約極致風格的實踐者,這讓使用者在視覺上感覺相當舒適輕鬆。
3. EVERNOTE
多年來,Evernote 已經從一個簡單記事本 app 變成了一套企業產品,頁面設計也相當具有國際範。
4. Basecamp
長期以來,Basecamp 一直是我應用於線上專案管理的工具,在網站上你可以清楚看到使用它的特點和好處。另外,設計上它還包含了這些優點:
5. gogoro
對於科技類產品來說,這大概是我看過最出色的設計之一,真的很酷!
6. 通路王
雖然這已經是台灣最知名的聯盟行銷平台之一,但網站上仍然是站在使用者的角度在思考,因此頁面設計上具有以下優點:
7. Tutor ABC
Tutor ABC 說是線上學習英文最成功的平台之一絕對當之無愧,網站設計也是非常到位的,一起來看看它是如何做的:
8. Skype
Skype 一直是線上通訊的翹楚之一,網站設計、用圖、顏色搭配也很符合科技感。
9. Wechat 微信
說到社群通訊 App,微信絕對會在名單之列,但以下這些優點是我提及微信而不是Line 的原因:
10. IKEA
賣家具的廠商有很多,唯有 IKEA 讓我覺得有人味,而這一點也體現在它們的網站中。
11. Airbnb
Airbnb 的網站首頁設計相當簡約耐看,使用度也非常容易上手,其中還採用跟 Facebook 也具有的無限捲頁載入功能(infinite scroll),能夠非常簡便自然的查看更多內容。
文章引用:創億學堂