1. 首頁 > 生活百科 > >

網站作為互聯網產品如何平衡藝術與商業，網站設計需要掌握哪些思維？( 三 )

網站生活百科


我們可以參考以下提高用戶體驗的關鍵因素：
有用：內容能夠滿足需求 ?？捎茫壕W站的內容應該很容易被找到 ?？扇。涸O計元素應該貼合情感且具備可欣賞性 ?？砂l現：網站內容容易被定位、被找到且可導航 。無障礙：為有障礙的用戶提供幫助 ?？尚牛壕W站內容應該有權威性，且值得被相信 。網站的視覺設計一方面需要服務于內部，另一方面則服務于用戶，內部指的是內部需求，比如上級、老板等他們的視覺審美，這是不可避免的，其中平衡的技巧在這里就不過多講解了 。
重點還是在于用戶身上，也就訪客，先前通過市場調研分析出訪客畫像，可以掌握對訪客的審美基礎和交互邏輯認知，結合起來進行設計，當然我們也提倡盡可能簡化交互，并且讓網站貼合訪客喜好，內容一目了然 。
舉個例子，兒童教育服務的品牌網站，在慣性思維中，大多數人會將其設計得更偏向兒童向，迎合兒童的喜好，但是，真正瀏覽這個網站的訪客其實是父母，因此，從偏向兒童向的思路開始就是錯誤的，這也是很多企業建設網站的時候會掉入的誤區，了解用戶是設計不可缺少的一步 。
3. 增長思維保證商業價值增長思維作為增長超人網站建設三大思維之一，也是三大思維中最能激發網站商用價值的思維 。在視覺設計當中，運用增長思維能夠有效強化網站，加強網站價值 。
我們需要先探討“網站內容中哪些信息最重要？”，“傳遞這些信息的目的是什么？”例如，一個促銷活動版塊的營銷點是免費領取資料，我們需要理解：最打動訪客的是資料還是“免費”，是資料的圖片需要更突出還是“免費”相關文案 。在商業之下，設計也需要理解營銷，也需要懂增長 。
理解了基礎邏輯，就需要進行下一步——強化它們，有效傳遞價值，實際落地可以參考兩個基礎理論：
1. 視覺動線視覺動線是指人們在閱讀時，視覺移動時所形成的方向路徑 。早在十多年前，用戶體驗專家雅各布·尼爾森博士提到“人們很少逐字閱讀網頁，相反，他們掃描頁面，挑選單個單詞和句子” 。正是如此，人們在閱讀的時候才會形成幾種常見的視覺動線規律 。
Z型
F型
基于這兩種常見的視覺動線，我們在做網站的板式設計時，可以更合理地策劃視覺動線 。其好處不僅能夠幫助訪客快速閱讀，快速獲取信息，提升用戶體驗，還可以幫助我們引導訪客閱讀預設的信息，高效傳遞高價值信息，提高營銷效率 。
2. 視覺層次視覺層次應該很好理解，即人們在閱讀時，能從視覺中感受到信息的層次，優秀的視覺層次能夠非常高效地引導.訪客閱讀更多內容，并且通過信息的優先級設計能更直觀地幫助我們傳網站達成相應的數據指標 。
比如下面兩個示例：
視覺動線可以作為網站整體的板式設計思路，而視覺層次則是單個版塊的設計方向，版塊的視覺層級設計應分為三層：
第一層：訪客掃一眼就能理解整個版塊的主要內容；
第二層：訪客通過仔細瀏覽能夠獲取關鍵內容；
第三層：訪客想深入了解可以查看更多，引導深入 。
通過上述三層，即能有效實現我們增長的目的，常見的設計技巧為：通過「大小」、「色彩」、「重量」形成信息之間的層級對比，建立信息優先級 。
除此之外，我們在策劃一些網站轉化路徑時，還涉及到了「 CTA 行動號召按鈕」的設計，這在網站的增長思維中常見的應用，我們必須確保CTA足夠顯眼、突出、目標清晰，常規技巧包括：顏色對比、放置顯眼位置、層級引導、文案簡潔清晰 。
通過這兩個基礎的設計理論以及增長思維的結合，我們可以延伸出很多合理的設計思路，形成有理有據的設計語言，有了方法論才是真正的有效設計，而非“摸瞎過河” 。
三、總結網站的視覺設計可以被視作一種藝術形式，但與純藝術截然不同，網站的視覺設計需要建立在牢固的科學基礎之上，以理性客觀去審視一下這樣設計是否真的能有效傳遞價值 。
視覺設計的本質是什么？很多人認為只是單純的美，或者無非就是關于審美的答案 。其實，這種理解是十分表象的，大多數人并沒有理解視覺設計的根本價值 。
視覺設計是網站的一個重要層面，網站作為互聯網產品，則其視覺設計的本質是價值傳遞，我們一直以增長思維和產品思維與視覺設計相融合，就是為了實現高效傳遞高價值信息 。
訪客通過對視覺信息的感知，來決定自己行為 。當我們從信息的角度去理解視覺設計時，可以打破慣性思維對我們的限制，因為視覺設計是一個由抽象信息轉換為圖像信息的過程，理解這層道理才能真正打造出一個具有高顏值和高價值的網站 。

推薦閱讀