七個設計思維讓你有令人難忘的網頁設計

網頁設計並不只是設計漂亮、體驗優秀就夠了,想要用戶難以忘懷,你還要進行更加深入的思考,更加走心的設計,今天的文章聊的就是這件事情~

沒有哪個網站的站長不希望用戶成為自家網站的回頭客,希望他們能分享網站內容,能頻繁的與網站互動,讓他們能夠記住自己的網站。

但是,這樣的好事兒並非憑空得來,想要網站令人難忘需要你用心去創造走心的設計,而這確實是有跡可循的。今天要介紹的七種方法,能夠幫你創造令人驚嘆的效果,讓用戶過目不忘,擁有持久的生命力,帶來更多回頭客。

1、打造好印象

tosco

用戶對於一個網站的第一印像是很難忘懷的,離開網站前的最後一件事情也是同樣印象深刻。所以給用戶留下好印像是相當重要的。

所以,打造視覺設計過硬的著陸頁和創造體驗無縫的交互是網頁設計的關鍵。

Tosco Music為例,他們的頁面設計就給訪客的第一印象就相當不錯,網站中包含了一系列有趣的視覺設計:

·左側導航設計
·對比強烈的元素
·滾動加載的動效
·漂亮的字體和排版

瀏覽完離開網站的時候,用戶在體驗和印像上也相當的不錯,他們能夠找到更多可能會感興趣的音樂表演,通過簡單的郵件訂閱就能註冊並能或者的最新的訊息。每個交互都是無縫而簡單的,用戶留下好印象,自然會常常回去看。

2、講述故事

walkwest

網站是帶你通往世界的一扇門,你通過網站向著全世界講述故事,無論它是關於品牌的歷程還是你旅行的經歷,一個精煉而動人的故事會讓用戶愛不釋手。通過網頁來講述的故事一般要具備兩個因素:

·吸引人的文字內容
·有趣的視覺效果

兩者缺一不可。

打開Walkwest的頁面映入眼簾的是大氣的標題,緊隨其後的是支撐它的故事內容。如果你需要他們的服務(公共關係和市場行銷),那麼其中的內容很可能會引起你的共鳴。故事講述的方式很簡單,漂亮的圖片和簡短的文字塊的搭配,讓你易讀也容易看。

但是,網站所承載的不僅僅是故事本身,有趣的滾動特效和精緻到位的視覺效果是拱衛支撐故事的重要組成部分。用戶在足夠優秀的視覺和交互設計之下,更容易沉浸下去閱讀。

3、卓有成效的用色

hillman

用色太多太雜的網站可能會導致用戶放棄網站,而色彩過於單調的設計則可能會被人忽略甚至遺忘。而在這兩個極端之間,則是能夠吸引人的有趣的色彩搭配。

配色方案選取的訣竅在於根據網站的內容進行針對性的選取。但是同時,又要同用戶日常見到的那些設計進行區分,構成對比。(你想想你每天所看到的各種網站有多少採用的是相同的藍色。)

Hillman Living的首頁採用了一張看起來略顯荒涼單調的圖片來營造冷峻的氛圍,同時用顯眼的暖色調來點綴,與整體的氛圍構成對比,緊緊抓住用戶的注意力,讓用戶注意到圖中獨特的椅子。

向下瀏覽頁面,你會看到頁面的風格的轉變,相對傳統的簡約風和北歐風濃郁的椅子設計相得益彰,簡約的色調突出了每個椅子獨特的色調和設計。這些提亮的紅色、橙色和藍色會在用戶的腦子裡面揮之不去。

4、做點有趣的事情

newcastle

當我說道有趣的網站的時候,你會想到什麼?嵌入小遊戲?還是說加入影片預覽?在設計和技術實現上要注意什麼?圖片、色彩和排版要怎麼搭配?

下面這些元素應當能夠讓你的設計看起來更加有趣:

·帶有笑臉的圖片或者影片
·明亮飽和的色彩
·可交互的內容(遊戲之類)
·好玩有趣的文案(尤其是要搭配特定的字體)

Newcastle Now 這個網站就使用了很多這樣的技巧。這個網站試圖通過設計重塑自身,設計師盡量將有趣好玩兒的元素加入其中,明亮的配色和時髦的圖形都是網站令人難以忘懷的部分。頁面中充滿笑臉的圖片能夠傳遞出快樂的情緒,讓用戶的參與感更強。

5、富有參與感的場景

ctimes

網頁中最能溝通用戶情感的元素,大都是圖片和文字。

想要營造富有參與感的場景,一種選擇是強化用戶的交互,為用戶提供反饋。例如,當用戶輸入之後,網站會反饋給他一些別的內容(就像你回復朋友簡訊一樣)。另外一種方式則是通過設計讓用戶按照你所想的那樣去思考,就像上面的Coffee Time 那樣。

當用戶打開網頁的時候,視頻播放,用戶會聽到咖啡豆磨製的聲音,咖啡製作的大特寫讓螢幕前的訪客仿佛能夠聞到咖啡豆的香氣。這種設計就是借助圖形和聲響引發觀看者的其他觀感,引發愉快的記憶,激發對於場景的想象。

6、更新&改變

nikefleece

有許多網站需要持續地完善、修改其設計,因為網站會持續地更新,因為這些站點和用戶之間會有不間斷的聯繫。最常見的就是電商類網站和新聞類網站。

更改網站內容和調整整體設計,能夠為用戶提供新奇有趣的體驗,鼓勵用戶不斷在網站中找到新的樂趣,和不同的感受。而其中的關鍵在於,即使採用了新的設計,網站的整體的風格、調性最好和之前保持一致(說著簡單,其實實現起來並不容易)。

Nike 絕對是這個領域內的領導者。每一次打開Nike官網的時候,你都會看到其中的內容有所不同,但是每次更新的內容都和原來的內容同樣極具吸引力。Nike 的另外一個特色在於,網站中的內容不論如何修改如何改變,都與當前的事件、產品都緊密關聯,用戶會立刻明白能從Nike的店鋪、供應商那邊獲得哪些產品。

也許你沒有Nike 的海量資源和無窮創意,但是你可以從其他地方獲取靈感,讓用戶看到你的改變,那麼你將怎麼改變你的網站內容呢?

7、好好收尾

startuplab

所以,你的網站會是一個精心打造的設計作品,視覺設計突出,行為召喚也控制得很到位,但是請不要忘記,給用戶一個漂亮的收尾。最後的印象和第一印象同樣重要。不過,要做好這一點並不容易,你也許能夠控制用戶打開頁面的體驗,但是控制不了離開用戶離開網站的位置。

所以,你需要借助數據挖掘來了解用戶離開頁面最頻繁的位置,並盡量提升這個環節的體驗。當你了解了這些位置之後,精心設計這些部位的元素和交互的體驗,讓用戶在離開的時候擁有最好的印象。

最關鍵的是,要讓用戶高興地離開你的網站。(同樣重要的是,不要讓用戶因為某種錯誤而離開)

Startup Lab 這個網站會在每個頁面的左側提供一個獨特的可交互的按鈕。這個按鈕的獨特之處並不是在於它所使用的填充動效和簡約的風格,而是它所在的位置和承載的獨特的功能。用戶很容易操作,讓用戶可以以最方便的方式來完成返回和瀏覽的工作。

結語

打造令人難忘的網頁確實是一件相當棘手的工作,因為幾乎所有的設計手法都更多的作用於用戶的潛意識,結果並非直觀可見的。

也許你無法立刻馬上記住某個網站,但是那些設計獨特的細節會促使你無法忘懷,重新尋找,甚至記住。

我們網頁設計團隊可以替你打造,令人驚豔的網站,查看成功案例,立即與我們聯絡


 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛


 

給你最好的網頁設計Gogoshark

 


Also published on Medium.

GogoShark 小編主要分享: 網頁設計, 數位行銷, SEO, 品牌策略...等領域。是你的數位行銷解決方案專家。提供數位行銷知識、分析工具、解決方案與資源夥伴;精準蒐羅數位網路行銷懶人包、關鍵字行銷、社群行銷、內容行銷等。GogoShark 是間位於台北的網頁設計公司

客服支援

您的問題,由我們來解決 - 位於台北的專業網頁設計服務 GogoShark 可協助您拓展事業版圖,透過更加簡單快速的方法將一切數位化