失敗的網頁設計各不相同，但是優(yōu)秀的網頁設計則有著共通的特點。你需要思考人們想要的是什么，什么東西能夠觸動他們，讓他們欲罷不能，無法忘懷。
聽起來似乎很簡單，不是嗎？取悅用戶的關鍵在于像用戶一樣思考。并不是每一次創(chuàng)新、每一次重塑、每一種新技術都能讓用戶愉悅，那些真正易于理解、便于使用、降低難度的技術、設計手法和抓人的視覺元素，才是一切的關鍵。下面總結的7項秘訣，會讓你的網頁脫穎而出的。
定制化，或者說個性化，是今天網頁設計中最典型的趨勢之一。用戶希望瀏覽網頁的時候獲得更加私人的瀏覽體驗，無論是玩頁游還是購物。
看看世界上最著名的那些網站是怎么做的吧。Amazon 為用戶提供基于購買歷史的產品推薦，Netflix 則會推薦相關的作品、有待觀看的下一部，并且基于用戶 Twitter 上的內容來進行推薦。
每一個微小的自定義設計，都能讓用戶感覺這些用戶體驗設計是為他們而做的。同時，這種設計也會給用戶一種參與感和溝通的體驗，從而加深用戶的忠誠度。如此一來，用戶會更好地融入整個網站的用戶群或者社區(qū)。
另外一個大熱的流行趨勢，就是動效設計。它不僅能為用戶帶來驚喜，而且具備強大的引導性。
動效設計的精髓在于簡單。令人頭暈或者不知所措的動效，應該不是你要的東西吧？動效應該是有目的性的，和其他所有的設計元素一樣，有針對性，達成目標是它存在的意義。
對動效或者說動畫最熟悉的，無疑是迪士尼。Frank Thomas 的《生命的錯覺：迪士尼動畫》中，就詳細總結了創(chuàng)造今天動畫的12個原則：
對于常見的問題，設計模式就是可靠且可復用的解決方案。簡而言之，最常見的信息和交互方式被整合到一個界面當中，比如點擊按鈕，滾動頁面，滑動解鎖，它們都是設計師模式。
你需要熟悉這些常見的設計模式，并且在設計界面和交互的時候將它們用進去。這符合用戶在體驗上的訴求，也是易用性的最基本構成。
同時你也要在自己的設計中創(chuàng)造設計模式，在不同的頁面中使用相同、相似或者規(guī)則化的設計，讓用戶習慣。比如，不同頁面中的CTA按鈕的色彩保持一致，卡片式的元素使用相同的樣式，等等等等。
沒人會喜歡單調無聊的設計。你的網站應當同你的品牌保持一致的性格，擁有獨特的氣息。
要做到這一點，通常需要用到微妙走心的文案和親切自然的語調如果你真的不知道怎么做，可以看看MailChimp 是怎么做的。（請注意他們的文本和圖片是如何無縫地連接到一起的）
用戶同網站交互都是在屏幕內進行的，無論是桌面端還是移動端，整個體驗都是圍繞著屏幕進行的。
這并不是一句廢話。屏幕是一個區(qū)域，它界定范疇，賦予概念，創(chuàng)造隱喻。這也解釋了為什么視差滾動和卡片式界面是如此的流行。這兩種概念將一定量的信息合理地放置到屏幕這個容器中，讓用戶隨之同下一個元素進行互動。
如何運用好這個概念其實并不是那么容易。一個屏幕內應當承載多少信息，需要仔細考慮。一個桌面端頁面所能承載的信息量在移動端屏幕上，可能需要劃分到幾個頁面當中去。
從屏幕的角度來考慮問題，可能會讓你的計劃更加龐大復雜，但是這種考量是有價值的，這種基于屏幕或者基于設備的考慮能讓用戶感覺更加便捷貼心。
視頻、游戲、測試都爭取讓用戶能與之進行互動，這種互動的目的在于驅動用戶參與到設計中來。用戶與界面交互的越多，用戶所獲得的體驗就越好。
不過，有趣的元素能讓這一切截然不同。
讓交互內容盡量簡單，不要牽扯太多，讓用戶可以一目了然，讓他們輕松獲得反饋的信息，不用在冗雜的體驗中淪陷。這其實和美劇的5分鐘原則有著異曲同工之妙。
最后一個秘訣并非不重要，它甚至可以說是最基礎的原則：讓你的設計保持干凈、整潔和有序。使用柵格可以讓每一個頁面元素都有準確的位置。將響應式設計落實到每一個元素，能讓頁面能從一個設備兼容到另一個設備。
簡約風和極簡風能成為設計趨勢是有道理的。用戶可以更輕松理解這一切。簡約的視覺設計更容易交互。沒有復雜信息并且被精心設計的界面能更好地運作，賦予更好的體驗。
蘋果的官方App Store 和Google Play 都推薦過的游戲 Two Dots 就是個典型案例。誰都可以拿起手機毫無障礙地開始玩兒，它設計簡單干凈，容易互動，視覺元素周圍有足夠的空間，無需擔心誤觸。同時，其他游戲所具備的東西它也有——有趣好玩，可以共享得分，能分享到社交媒體。
界定一個網站的體驗與否有的時候并不是單一的標準，而今天所推薦的7條秘訣本身也更接近于基本的Guideline，了解用戶，熟悉趨勢才能提供優(yōu)秀的體驗。
0
喜歡他，就推薦他上首頁吧^_^
CND設計網（CNDESIGN）會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權歸原作者所有，任何商業(yè)用途均需聯系作者。如未經授權用作他處，作者將保留追究侵權者法律責任的權利。
Copyright ©2006-2019 CND設計網
