編者按：可以說現(xiàn)如今的移動端UI設(shè)計中，卡片式設(shè)計撐起了半壁江山，它隨性自由又充滿了邏輯和組織性，它不僅流行著，而且還正在變得更加流行。它長盛不衰的秘密到底何在？讀下去~

個性化的用戶體驗是目前網(wǎng)頁和APP設(shè)計的大趨勢。個性化的新體驗大多建立在單獨內(nèi)容的聚合體之上，而多類型的內(nèi)容想要聚合起來，卡片式的界面則是最合適的載體。如今你所看到的UI界面設(shè)計，卡片式設(shè)計幾乎無處不在，從新聞類站點到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會詳細解釋卡片式設(shè)計對于設(shè)計師的意義，以及常見的卡片式設(shè)計的功能與特性。

在今年的UX Weeks大會上，Jim Kalbach組織了一場Mapping Experience的工作坊，提出在產(chǎn)品和服務(wù)之間關(guān)系日益密切的今天，如何形成一個服務(wù)生態(tài)系統(tǒng)，是商業(yè)競爭中的重點。其實阿里巴巴集團在早前就提出了“商業(yè)生態(tài)”這個概念，但是到底應(yīng)該如何做？Jim提出：想要在競爭中勝出，其中非常重要的，就是必須清楚的了解自己提供的各種產(chǎn)品和服務(wù)是如何相互作用的，以及是怎樣在用戶的生活中發(fā)生影響的。

其實在整個行業(yè)以及設(shè)計咨詢工作中，很多這方面的工具已經(jīng)被大量的討論和使用了，像服務(wù)藍圖、用戶旅程圖和用戶體驗地圖等等。這些圖表工具都試圖提供一個系統(tǒng)化的視角，以可視化的表達方式，讓你有機會洞察到體驗改善和業(yè)務(wù)增長的機會。

編者按：如何形成自己的設(shè)計方法，建立交付物的衡量標準，優(yōu)化協(xié)同模式。在這篇文章里，你可以看到一個阿里專業(yè)設(shè)計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設(shè)計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設(shè)定了包括形成個人設(shè)計方法論與應(yīng)用案例等一系列目標，如今S1結(jié)束，也是時候?qū)@段時間的進階修煉來一個總結(jié)回顧了。

形成自己的設(shè)計方法

在公司內(nèi)部經(jīng)常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設(shè)計師普遍有著一套自己思考總結(jié)出來的設(shè)計方法論，并且有成功應(yīng)用案例支撐。

也許有人會有疑惑，現(xiàn)在關(guān)于設(shè)計方法的輪子到處都是，網(wǎng)上隨便一搜就能找到某某大廠某某大牛的設(shè)計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設(shè)計方法還沒有完全成型時，我一度很迷信于網(wǎng)上別人的各種設(shè)計方法的分享，并試圖在自己的項目里加以運用，但結(jié)果卻差強人意：設(shè)計推導(dǎo)的過程看似洋洋灑灑專業(yè)性十足，拿出來給別人一看一講就發(fā)現(xiàn)漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發(fā)現(xiàn)設(shè)計方案時基本沒用到……雖然自己用的都是別人經(jīng)過驗證的設(shè)計方法，但卻沒有理解透這些方法的應(yīng)用場景與局限所在，也不清楚哪些環(huán)節(jié)其實并非必要存在，自然也讓實際的應(yīng)用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設(shè)計方法，理解和運用起來則要透徹順手很多。

編者按：如何形成自己的設(shè)計方法，建立交付物的衡量標準，優(yōu)化協(xié)同模式。在這篇文章里，你可以看到一個阿里專業(yè)設(shè)計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設(shè)計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設(shè)定了包括形成個人設(shè)計方法論與應(yīng)用案例等一系列目標，如今S1結(jié)束，也是時候?qū)@段時間的進階修煉來一個總結(jié)回顧了。

形成自己的設(shè)計方法

在公司內(nèi)部經(jīng)常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設(shè)計師普遍有著一套自己思考總結(jié)出來的設(shè)計方法論，并且有成功應(yīng)用案例支撐。

也許有人會有疑惑，現(xiàn)在關(guān)于設(shè)計方法的輪子到處都是，網(wǎng)上隨便一搜就能找到某某大廠某某大牛的設(shè)計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設(shè)計方法還沒有完全成型時，我一度很迷信于網(wǎng)上別人的各種設(shè)計方法的分享，并試圖在自己的項目里加以運用，但結(jié)果卻差強人意：設(shè)計推導(dǎo)的過程看似洋洋灑灑專業(yè)性十足，拿出來給別人一看一講就發(fā)現(xiàn)漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發(fā)現(xiàn)設(shè)計方案時基本沒用到……雖然自己用的都是別人經(jīng)過驗證的設(shè)計方法，但卻沒有理解透這些方法的應(yīng)用場景與局限所在，也不清楚哪些環(huán)節(jié)其實并非必要存在，自然也讓實際的應(yīng)用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設(shè)計方法，理解和運用起來則要透徹順手很多。

在可以預(yù)見的科技發(fā)展中，汽車將是我們目前所能想象的下一個最重要的移動設(shè)備。汽車的 UI 將會朝什么方向發(fā)展？跟隨本文一起開一下腦洞吧。

提到網(wǎng)站SEO優(yōu)化，我們首先想到的是“一個中心，兩個基本點”，而訪問一個網(wǎng)站，我們首先會去關(guān)注的是這個網(wǎng)站的導(dǎo)航，一個網(wǎng)站的導(dǎo)航就好比是一本書的目錄，具有檢索功能、報道功能、導(dǎo)讀功能，通過網(wǎng)站的導(dǎo)航我們就可以了解到這個網(wǎng)站的主題和定位，具有引領(lǐng)讀者的作用，由此看來網(wǎng)站導(dǎo)航在SEO優(yōu)化網(wǎng)站有著舉足輕重的地位。

　　將導(dǎo)航放置何處，以何種方式展現(xiàn)，這都是不容忽視的，無論是水平布局還是垂直布局，都要盡量滿足用戶使用習(xí)慣，水平式導(dǎo)航菜單的好處是明顯，清晰可見，大家都會知道導(dǎo)航條在上方，而且不是那么占據(jù)空間，而垂直的導(dǎo)航菜單可以兼容不同的屏幕尺寸。

　　說到網(wǎng)站的導(dǎo)航，究竟網(wǎng)站中包含了那五大導(dǎo)航，這五大導(dǎo)航在SEO優(yōu)化網(wǎng)站中究竟又有什么作用？接下來，SEO論壇就結(jié)合一下SEO優(yōu)化知識來給大家一起探討網(wǎng)站中的五大導(dǎo)航。

最近，我在一個安卓VR app項目當(dāng)中負責(zé)界面的設(shè)計開發(fā)工作。對我個人來說，這是一片從未涉足過的全新領(lǐng)域，因此感到無比興奮，并希望將自己一路上所學(xué)到的經(jīng)驗分享給各位，同時也想通過這種形式對自己的一些設(shè)計方法和解決方案進行總結(jié)。

在很長一段時間里面，網(wǎng)頁中的背景圖片元素，一直都生活在CSS、JS甚至視頻的陰影當(dāng)中，它的“參與感”并不強烈。不過隨著審美和用戶需求的逐步變化，背景圖片在網(wǎng)頁裝飾上，開始發(fā)揮著越來越重要的作用。

當(dāng)然，從總體上來看，變化并不明顯，但是在絕大多數(shù)的情況下，背景圖片開始作為主要的視覺驅(qū)動力而存在。

傳統(tǒng)意義上的背景主要是使用圖片，近幾年開始流行視頻背景了。而這些主要還是集中在網(wǎng)站的頁頭、Banner等位置，大多用來歡迎用戶，推薦內(nèi)容。許多網(wǎng)站都采取了相似的策略，讓用戶有所期待。

隨著動效的流行，現(xiàn)在越來越多的設(shè)計師開始試圖將CSS3、HTML5和JS等技術(shù)融入到背景設(shè)計中來，尋求全新的解決方案。事實上，現(xiàn)在已經(jīng)有四種不同類型的動態(tài)背景設(shè)計方案，它們風(fēng)格都非常符合時下流行的趨勢，且都具備不俗的發(fā)展?jié)摿?，今天我們聊聊這四種風(fēng)格前衛(wèi)大氣的背景設(shè)計。

因為工作需要，經(jīng)常做風(fēng)險性分析與效能評估，對于用戶研究同學(xué)可能更專業(yè)的知道定性分析與定量分析，同樣的，產(chǎn)品經(jīng)理、交互設(shè)計、用戶研究三個同學(xué)對這個話題也都應(yīng)該敏感。但是他們是在產(chǎn)品不同階段有所側(cè)重點的關(guān)注和關(guān)心對產(chǎn)品的定性與定量分析。

我們的產(chǎn)品經(jīng)理，交互設(shè)計還是用戶研究等同學(xué)經(jīng)常對一個問題爭論不休，究其緣由無非我們審視產(chǎn)品的視覺角度不同，其實，說實在話，沒有絕對的對錯，難道不是嗎？尤其是作為產(chǎn)品經(jīng)理，在項目當(dāng)中不應(yīng)該是辯解者的姿態(tài)，而應(yīng)該是事務(wù)推動型的控制平衡者。

 UI是User Interface的簡稱，即用戶界面，它是用戶和系統(tǒng)進行交互活動和信息傳遞的一個媒介，是介于用戶與硬件設(shè)備之間的軟件，目的是讓用戶給硬件發(fā)出正確的命令并得到友好的反饋。而UI設(shè)計的目的就是讓用戶與在與硬件溝通的時候有一個良好的交互過程。其特點是： 

　　首先，其通過圖形的方式來將枯燥的數(shù)字以及文字信息轉(zhuǎn)化為人類易于快速識別的圖像。丹麥物理學(xué)家，托爾·諾蘭德拉斯（Tor Norretranders）對人類感官的敏感度比喻為計算機屬于：視覺好比互聯(lián)網(wǎng)1250MB/s的速度來接受信息，觸覺好比一個USB的接口有125MB/s，而聽覺和嗅覺就好比傳統(tǒng)的硬盤，只有12.5MB/s的速度，還有就是味覺，就好比一個計算器而已，最后我們實際認知的信息量比計算器的更少。因此，視覺是這個世界上最容易也最快速傳遞信息的一種方式。