企業不要等閑把網站建設需求簡樸化

譯者注: 本文來自Medium。發文時該文在Medium上的“頭條推薦”上排名第二位，可見其在國外同行中時備受推崇的。為了讓海內的讀者更輕易閱讀，譯者在編譯的時候有進行比較大馬金刀的刪改，假如讀者覺得有疑問的，請評論中提出來，或者直接查看英文原文。

創業界流行一句話，“站在風口上，豬都會飛”。實在這句話我覺得放在設計界等良多其他地方都合用，好比在設計界，我們可以說，“假如你掌握住了設計風潮的脈搏，你很快就會奔騰成設計前驅。”但是潮流這個東西就似乎真愛一樣，人人都說這個世界上總有一個最適合的TA在等著你，但是你窮其一生尋尋覓覓上下而求索，卻往往空手而歸。又或者給你找到了那個TA，卻發覺TA已經成為別人的新郎/娘，自己卻只能一邊深夜獨自空垂淚。

實在創業界和設計界的風潮也一樣，你一直想比別人先一步找到未來的流行風潮，期望能率先站在風口上，孰料終極不是走錯了方向和風口泛起的地方背道而馳，或者就是慢了別人半拍，終極只能走到風尾巴上面，而且還要是Peter Thiel在他的《從0到1》中提到的長尾理論(冪次法則)的那條長長的尾巴上面，眼巴巴地看著別人投入了風口的懷抱。

所以風潮這個東西是一個非常神秘的事物，上帝往往不會等閑的給你暗示。所謂“國之利器，不以示人”，假如大家都知道風口在哪里了，那大家一窩蜂的跑過去不就把風口給堵死了，從而也就無風口可言了。

但是，今天我就自動請纓，敢冒天下之大不韙，用本人尚算深摯的設計背景以及對這幾年設計風向的觀察，跟大家提提我對未來網頁設計風潮的風口的猜想。假如大家覺得說的還算有點道理的，有錢的捧個錢場給個打賞，沒錢的捧個人場評論轉發來聲吶喊。當然，假如大家覺得這是一派胡言的話，那也就只能請你趕緊離場，等下一篇文章上來再請你來好好捧場。

滑動優先于點擊

先上圖：

上圖是否非常認識呢？當然了，這不就是我們今天打開電腦每天在做的事情嘛。好比工作累了去看個文章，發覺文章太多了難以選擇，所以就把鼠標挪到右邊點擊按住往下拉，或者用滑輪往下滾，看下下面還有些什么出類拔萃的文章，找到了再點擊進去查看。

但是你要知道現在已經是移動互聯的年代，移動設備占據了用戶大量的網上瀏覽時間，而移動設備的特點是屏幕相對比較小，而控件一般設計的比較大以利便點擊。所以用戶更但愿的是能為所欲為的通過指尖快速的瀏覽到指定的信息，而非通過鼠標慢慢的往下拉，然后找到一行小的可憐的鏈接點進去進行查看。

所以這個時候的設計更多應該是手勢操縱優先，讓用戶可以通過手勢快速的定位到自己想要的內容。

況且現在移動互聯網的用戶越來越暴躁和越來越懶，很少人有耐心去一個個條目仔細去查看去找到想要的內容信息。所以他們更但愿的是能快速的在簡潔的屏幕上定位到自己想要的目標，假如能不讓自己動手就能自己泛起就更好了。

戳這里就是一個簡潔且動彈優先于點擊的例子(動畫圖片太大上傳不了)；

固然我不知道可穿著設備如智能腕表等什么時候能完全流行起來，但是我相信假如真流行起來的話，它里面的應用肯定是能更好的動彈顯示和通過手勢進行利便的操縱的。

折疊顯示將成明日黃花

正由于現在對頁面進行滑動是如斯的簡便和為所欲為，且當今的智能設備的大小型號琳瑯滿目，所以由于一些內容過長而進行折疊顯示的方式已經由期了 -僅僅將一些樞紐信息顯示給用戶，當需要的時候再去點擊個“＋”號什么的進行展開。

同時你也再沒有必要在一篇文章的前面堆積大量的文字內容來讓用戶知道你下面將要描述的是什么內容，由于用戶很輕易就能通過手勢操縱滑動到它想要看的內容上面去。

好比你看下人家Medium的做法，點擊一篇文章進去，開宗明義的就是一張大圖漫山遍野的映入眼簾。用戶只有往下滑動才會泛起文章的內容，而用戶假如想快速查看某一個章節，只需要多滑動幾下就到了。

所以取消折疊內容的顯示，這我以為也肯定是將要風靡網頁設計界的風潮之一。

快速的呈現和簡約的設計

我不知道讀者您算不算是個脾氣比較溫和比較隨和的人，假如你自以為是的話，那么假如由于網絡太慢，本文下面的內容到了現在還沒有完全加載完畢。那么，我相信你肯定會當即火冒三丈，把網絡提供商的先人都會問候一遍(網絡出題目的時候，我本人往往首先問候的就是網絡供給商，由于人家貪污的話還收了錢干活，而這班人往往是收了錢還不干活)。

在當今這個糊口節奏這么快速的年代，什么最貴？時間最貴。每個人都在分秒必爭的不甘落后的往前疾走，而由于通過你的應用或者網頁找到一個想要的內容卻要耗掉我好幾十秒的寶貴時間，我能不暴跳如雷當即拉黑嗎？

所以我們的設計要迎合我們這些急躁的用戶的需求，在能快速顯示之余，還要能足夠簡潔的將內容顯示出來讓用戶能快速的弄懂這是怎么一回事。

上圖顯示了頁面加載時間和用戶拋卻繼承瀏覽的可能性的一個關系，可以看出來，一個頁面假如加載太慢的話，對于大部門用戶來說，跟沒有加載是沒有什么區別的，由于他們等不了幾秒就將你的頁面或者應用給封閉掉，刪除拉黑掉了。

簡潔快速的設計應該是讓人能夠快速的打開并能愉悅的開始賞識里面的內容的，而不是等半天只顯示了一半內容，或者內容顯示出來了卻耗掉用戶半天時間才發現這里面根本沒有我TMD想要的東西。

大家對比下現在良多手機優秀App的設計和其他一些門戶網站的設計，就會為這些網站的設計感覺汗顏。由于那些優秀應用里面的界面超級簡約和漂亮，而之所以做成這么簡約的原因又恰是由于需要有好的機能來知足浮躁的用戶的需求。

現在炙手可熱的扁平化設計實在只是一個開始，其終極的目標瞄準的就是簡潔和實時性。而這，就是我以為的另外一個網頁設計的風潮。

矢量圖將迎來春天

相信大家在賞識一個朋友通過微信發過來的聲稱有亮點的圖的時候，應該都會嘗試將其進行放大再開始亮點查找。你在Retina屏上面放大還好，但是假如在其他非Retina屏幕上對圖片進行放大，到時你就真的找到亮點了，且找到良多，一個個方塊的格子狀的像素點。旁邊美女一邊走過期瞥見的話還認為你在看什么東西了，竟然還要打馬賽克！當即投以鄙視的眼光或者一頓拳腳(假如是公交上的話)！怪誰？怪你朋友發給你的是位圖。

而跟著現在Retina屏的流行和現代瀏覽器地矢量圖的支持越來越好，所以一度因實現和支持難度而少人問津的矢量圖相信將會再次回到風口浪尖上，由于假如是矢量圖的話，不管你做多大比例的縮放，它都不會失真。

而實在現在這種風潮已經初露端倪，你看下當今流行的字體圖標和谷歌在鼎力推的Material Design就可見一斑了。

所以很有可能不久的將來你再打開朋友發給你的圖片找亮點的時候，可以放心的跟自己說：“自從有了矢量圖，媽媽再也不用擔心我被人打了”。

動圖將上演王者回來

曾幾何時，動圖曾經到處泛濫，泛濫到在你的網站需要更新的時候都要在上面貼個“網站正在更新”的Flash上去，泛濫到大家都覺得有點噁心了。

但是現在情況有所轉變了，不少的流行因素正在試圖讓動畫上演一出王者回來的好戲。

所以說GIF動畫將要上演一出王者回來的好戲。實在在本文你就已經看到了好幾張GIF動畫。有必要相信，動畫將再一次引領大家進入到下一波網頁設計風潮。

Web Components組件尺度化的到來

另外一個我以為在網絡設計上將會盛行起來的是Web Components組件技術。大家都知道現在的網絡實現技術正變得越來越復雜，而可讀性卻又變得越來越差。所以大家都期待有一個同一的尺度來讓設計師們簡樸的完成一些如增加個打開Google Analystics的按鈕之類的事情，好比簡樸的加一行下面的代碼來達成這個目標：

而這就是Web Components所能做的事情，但是現在良多設計師都沒有用它把自己給武裝起來。而現在谷歌Material design就是一個很好的開始，它提供了豐碩的動畫和交互方面的組件，用戶只需要如下圖般簡樸幾行代碼就能進行使用：

假如一切如我猜想般正常發展下去的話，那么很有可能我們的2015年下半年將會有更多基于組件的框架浮出水面，好比Bootstrap 4.0?

社交網絡內容的泛濫和郵件列表風格的復古風

在當今社交媒體這么盛行的年代，天天都有無數的內容產生，讓人目不暇接。但是良多內容提供商/者卻并不因此而歡喜雀躍。

大家都在用微信，相信大家天天微信上面都有無數的圖片和日日更新的人生新方向的感悟泛起在朋友圈里，開始的時候還好奇瞄幾眼，到了后來這些信息越來越多且千篇一律了，就變得視若無睹直接飄過了。同時也很有可能將一些朋友發送的優秀內容都錯過了，好比天地會珠海分舵發送的這篇好文。

怎么回事呢？實在說白了就是內容已經飽和得有點泛濫了。好比你在微博上發個動靜，很有可能當即就會沉沒在信息海洋中消失得無影無蹤了。

當然，這并不是說社交網絡將會從此沒落。我這里想表達的是，恰是社交網絡所遇到的這種信息泛濫的題目，讓一些看上去陳舊而不起眼的利基市場向榮了氣憤但愿。好比2014年就有不少如Tim Ferriss等的基于郵件列表的杰出博客開始冒起來，它們提供了優秀的迎合郵件列表樣式博客的設計，吸引了不少人的眼球。由于它們很清晰的知道，社交媒體泛濫的信息也許會引起讀者的反感而被忽略掉，但是讀者往往仍是很興奮愿意去看每一封發送到他們的電子郵箱的郵件的。

所以，我個人以為郵件列表為代表的這種瞄準尼基市場的設計，也許將會成為未來的一股風潮，填補社交網絡做不到的那一片空缺。