Craig Grannell通路了行業的精英們關于2012年Web設計和開發的趨勢。
2012看來注定是有趣的一年。經濟的下滑繼續廣泛地打擊行業，看不到結束的盡頭。政府極力審查網絡，否認公民的基本權利，支撐搖搖欲墜的媒體公司。對網頁設計和開發，2012還是比較混亂的一年。我們處于很多小沖突當中：移動貪婪地占領市場佔有率；原生App威脅開放的網際網路；收費牆阻礙曾經免費的資訊；合作與分裂的沖突；複古（Skeuomorphism）的互動模式挑戰創新的設計模式。
我們很難預測将來會發生什麼，但是一些設計師、開發工程師和行業的大師提出了自己的觀點。以下是他們對2012年的一些猜測，關注這些方面，你更可能取得成功。
1. 漸進增強（Progressive Enhancement）
Happy Cog 的創始人 Jeffrey Zeldman說過，移動Web的暴增以及Webkit智能機超越傳統桌面的Web浏覽，讓大家甚至是頑固的懷疑論者采用漸進增強、HTML5、CSS3 以及基于Web标準的其它方面的設計。他還提到，IE對Web标準的支援越來越好，更加說明了大家迫不及待擁抱新的世界。
2. 響應式設計（Responsive Design）
另外，Zeldman認為，我們在經曆着“被Web标準的折磨”，但是在硬體領域，現在有非常多的裝置，有着不同的性能——要給它們分别開發一套界面再麻煩不過了。因為這點，他期望響應式設計在2012年發揮大作用，架起不同平台之間的橋梁。
Clearleft 創始人 Andy Budd 猜想這可能是激進出版商利用iPad奪取Apple公司收費牆的一種方式，并且預測到2012年底，響應式網站的涓涓細流将會變成潺潺大河。“這就好像 Web标準又開始行動了。”但是Flat Frog Design的使用者體驗戰略家Erin Jo Richey認為這并不會一帆風順。“網站會縮放大小，僅憑這點并不意味着在桌面和移動平台的所有的資訊價值是一樣的。使用者互動的資訊需要靈活地調整，就如網站大小一樣。”她說，是以會有更多的項目和客戶關注到螢幕大小并需要适合的政策，使得内容在不同分辨率的裝置能正常展示。
Elliot Jay Stocks網站在不同裝置的展現。2012年，響應式設計将會變得更加普遍。
3. Flash将幸存
很多用Flash設計的網站被認為會停留在2011年，然而設計師Tom Muller預測，Adobe的技術在2012将會一直活者，不會毀滅。“很多人支援不用Flash設計網站而是使用Web标準，并且也漸漸地不太使用 Flash網站。但是，我相信Flash還會存在一段時間。”Muller解釋到，在2011年期間，他參與了三個大項目，都是基于Flash的，因為 Flash是建立互動視訊、動畫和3D的最好工具。
”設計師和開發工程師有時候目光不夠長遠，他們不了解哪些才是最關鍵的被大多數人需要的，因為他們更喜歡所幻想的酷的東西。”他說，“越來越多的大網站從Flash切換到HTML5和CSS3”，但是對于娛樂網站，Flash是并将一直是創造完美體驗的最佳選擇。因為這些網站就像是電影世界的擴充，而不僅僅是枯燥的文本資訊。在遊戲行業，Dull Dude Games的創始人Iain Lobb預測，2012年，Flash會光榮地回歸，客戶會嘗試使用HTML5是因為那是焦點所在，但是，我認為正确的事是把他們帶回到Flash的時代。
Threaded Show 類的網站Flash存在的原因之一。
4. 原生支援更強
即使Flash在2012年長盛不衰，但是，浏覽器原生的特性和功能将會繼續，Opera的宣講者Bruce Lawson說到，“随着對HTML5的支援增強，并且有更多的浏覽器和平台，我們會看到原生支援的更大壓力，它要支援一些以往通過插件來支援的特性：攝像頭、麥克風等通過使用HTML5的getUserMedia，還有其他更多的東西，例如對适應性的流媒體的支援。”
更多的浏覽器原生特性能夠支援以往隻能通過插件設定的特性，如Sean Christmann的demo
5. 應用程式開始穩定
自稱精通代碼和cookies的Remy Sharp，稱2012年浏覽器和平台更加的緊密，“我期望看到更多的高質高性能的網頁遊戲，從中你辨識不出來究竟是否是原生的。”他還認為更多的網站會運作在檔案或者作業系統的其它方面。
從視覺的角度看，Muller認為這個趨勢會使得設計師根據平闆電腦和螢幕互動來設計，形成在滑鼠與觸屏之間的混合設計。他同時指出，2012年重紋理的設計将開始出現，在一定程度上Apple裝置表示極力贊成。但是設計師Roger Black認為在一個由内容統治的世界，設計師和編輯将“要減輕這個繁榮，把他們所知道的轉化成别的東西”。他建議：“不要用平闆的新聞和移動雜志網站為例，而是要想想數字出版。”
在技術方面，社群軟體顧問Suw Charman-Anderson預測，App的便利擴大了消費者數量，但是對開發工程師而言，卻是比較頭痛的，因為開發工程師建立的App需要相容各種不同的平台，需要應對不同的商店政策。跨過原生與Web App的較量，她認為2012年會帶來原生/HTML5混合模式App的廣泛應用，你可以通過一個源頭就能為不同平台的App添加内容。她舉例 Pugpig.com網站，“他們用HTML5結合iOS和Android，創造更好的使用者體驗。這隻是時間問題，這個政策是小商家适應不同平台的唯一的方法。”
Muller認為，Apple公司對複古設計的執着将繼續影響設計界。
6. Web App的分裂（fragmentation）
大家可能認為2012年Web App會持續增長，但是Lawson擔心2012年會是Web App分裂的一年。浏覽器供應商之前的合作會促進HTML5規範的推進，但是并沒有促成Web其它層級的規範。不幸的是，我們看到很多Chrome專有的 App，“不要在這裡搞發明”的極端的例子已經有10個——是的，10個—— 不同的 App格式，是由提供商發明的，而不是多方協同的。這個打擊了開發工程師，更糟的是，傷害了使用者。
Mozilla 的技術專家Rob Hawkes保持樂觀的态度， Boot to Gecko，Mozilla的作業系統可以促成Web App的增長，并且減少單一浏覽器提供商的App開發。Boot to Gecko項目主要關注移動領域，它會實作很多的Web接口，來通路移動硬體的特性。
雖在早期階段，Boot to Gecko可能會減緩Web App的分裂。 （該圖檔是從Wiki取得的。）
7. 移動越來越重要
提到移動，很容易想到移動流量和使用量的持續的增長。基于移動的App将會取得絕大優勢，我們會看到移動MVC架構的增長，如37signals，Treehouse創始人 Ryan Carson說。
在市場佔有率方面，移動平台專家Peter-Paul Koch認為2012年移動Web将增加百分之十。客戶将提出做移動網站的需求，是以桌面設計師和開發工程師要做好失去客戶的準備，他警告。Koch認為建立移動網站會同時帶來幾個好處：不再有Flash，滑鼠效果和基于像素的渲染。是以要關注的是響應式設計、裝置API，還有要了解哪些特性是移動裝置最需要的，并更加意識到網站需要适應不同裝置。
2012移動的增長進而導緻移動優化網站的增長
8. 裝置暴增
淡定！設計師Aaron Gustafson認為移動裝置的增長将會帶來很大的挑戰，即是，設計師和開發工程師要面對更小的平闆——想像一下Nook Tablet 和Kindle Fire而不是iPad——因為低價的平闆占領更大的市場。Lobb認為這會導緻更多的開發工程師需要擁有數個不同的裝置來檢查網站的相容性。
設計師需要面對更小的平闆
9. 不僅僅是視覺
設計師兼插畫家Geri Coady提出，我們經常說優秀的設計是無形的，然而很少人意識到網站或App關注的不僅僅是視覺設計，還要兼顧文案設計和互動設計。2012年，設計師和客戶會更加意識到網站的外觀并不是全部——樣式、内容、行為同等重要——這些方面結合起來才能更加強化網站、App和品牌。
該理念來自于“擴充技能”（Carson認為，2012年，不懂前端開發的設計師不是好的設計師）或者說來自于協同合作。Sharp希望看到很多的開發工程師向設計師學習，這樣才能把設計更好地呈現。同樣道理，設計師應該多向開發工程師學習，以了解哪些設計是可能實作的，為什麼有些東西更難實作。 Erik Spiekermann認為，這樣更多的設計師能更好地了解代碼，而更多的開發工程師能更好地了解設計。
10. 社群應用的競争持續升溫
2012年，社群應用的重要性将會繼續，但是各有各的觀點。開發工程師 Blaine Cook預言，facebook會繼續扮演重要角色，而小企業像Path、Instagram、Tumblr 、Spotify等，社群互動會達到一個臨界點。很多的社群分享網絡和App都想從facebook和twitter的大肥肉上取得一點油水，但是最終結果将會是僅僅把分享功能內建到他們的服務當中。他同時指出，Facebook提供工具來建立網站而不僅僅是網頁，來滿足人們繼續內建到社群媒體和服務，他對這點表示懷疑。
社群應用的競争會持續升溫，更多的小企業如Path對巨頭Facebook的沖擊
11. 雙屏模式的增長
雙屏體驗在2012年會更加普遍，Budd預測。電視節目公司更加意識到競争，除了電腦還有平闆和手機等不同的平台，他們開始推動相關的内容到不同的平台當中。有些2011年的例子，包括“Million Pound Drop”現場直播節目，還有BBC的平闆應用“Nature Watch”。很多的小公司都轉向雙屏體驗，包括Shazam的新的電視劇标簽功能。是以，好好期待吧！
更多的公司将充分利用第二屏
12. 分布式的人力資源（Distributed workforces）
Richey認為，2012年很多公司的創立模式會比較創新。新一代的年輕設計師和開發工程師步入了“不幸”的工作行業，他們要學習很多方面的技能。随着經濟的發展，很多設計師和開發工程師不甘于在狹小的空間裡付出他們勞動和自由。随着高品質的科技公司擁抱移動的分布式的人力資源，找尋高端人才的老闆們需要重新審視自己的公司文化。
37signals CEO Jason Fried 審視傳統公司文化，期待更多的公司求強圖新
13. 更強的客戶服務
Headscape的聯合創始人Paul Boag認為2012年将會是Web行業的客戶服務年。作為Web設計師，我們以為做好網站就行。但是不僅僅是這點。我們同時提供服務給客戶。我們經常很關注使用者體驗、代碼和設計，但是我們忽略了其它重要的東西，包括更好的溝通、了解商業需求、超越客戶的期望。如果我們要在2012取得成功，我們需要取得客戶的認可，而僅僅是滿足使用者的需要。
14. 更加專業
Budd認為，整個行業正逐漸地走向專業化，這意味着設計師和開發工程師需要更加努力，否則他們就變成廉價勞動力了。2012年，設計師需要更多的政策和方法，不要再向Web标準妥協和做差勁的項目，不再偷工減料而是要努力去傳遞客戶所期望的價值。Spiekermann同時認為，更多的客戶期待更專業的設計師，更完美的網站，更靈活的流程。
15. 突破界限
最後一點，Edge of my Seat 的創始人 Rachel Andrew 認為2012年将會是技術和技能革新比較迅速的一年。整個2011年，我們看到浏覽器對HTML5和CSS3的支援得到很好的改善，我們可以實際應用到工作當中，是以我們需要學習和應用最新的技術。她說，我們要經常反思，確定不要用一貫的思路去做同樣的事情，而是嘗試使用新的更好的方法。Andrew相信，2012年會有更多的設計師推動新技術的發展。放棄無效的方法和舊的方法，用新的最好的實踐來實作我們要實作的。
網絡自由的抗争
沒有任何一個設計趨勢像争取自由那樣火熱。一些開發工程師擔心立法者繼續妨礙網絡自由，在歐洲和美國，最典型的是媒體巨頭的授意。Zeldman 說，任何普通人，隻要了解網絡的基本知識，都會堅決反對SOPA（Stop Online Piracy Act）。可惡的法案，會擊斃網絡上所有的網站，甚至毀掉
DNS 系統。
Tumblr是積極反抗SOPA的大網站之一
Kock希望如果哪個國家制定了這類愚蠢的法案，我們會采取行動，尋找更好的方法來應對，Lawson希望立法者不要用“想想孩子”的争論來做審查内容的借口。“我是做父母的，我不希望我的孩子在網絡看到不适合的内容。監視網絡使用是父母的職責，而不應該不是審查對象之一。”另外，2012年我們将會繼續抗議，否則政府會毀掉整個網絡繼而是整個産業。