中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

從頁面開始思考，可能是很多產(chǎn)品經(jīng)理和設(shè)計師的思維習(xí)慣，然而這可能是一種不良習(xí)慣。如何跳出“頁面思維”，實現(xiàn)能力進(jìn)階呢？一起來看一下吧。

從頁面開始思考確實是很多產(chǎn)品經(jīng)理和設(shè)計師的思維習(xí)慣，但那很有可能是一種不良習(xí)慣。

現(xiàn)在，信息流、大彈窗、半浮層等等這些產(chǎn)品界面形式的發(fā)展，在逐漸消解用戶的頁面跳轉(zhuǎn)體驗。所以，如果我們還在單個頁面、單個頁面地提供設(shè)計方案，那很有可能并不是最佳方案。

頁面，是UX/UI設(shè)計師理解產(chǎn)品，進(jìn)入設(shè)計的方式，但長期用頁面來思考設(shè)計問題，成就了UX設(shè)計師的自我束縛的思維盒子。

就像Ralph Ammer創(chuàng)作的這個動態(tài)圖形，我們在相同的框架下思考和學(xué)習(xí)，這讓我們快速入門和成長。但成長到一定階段，就需要打破這個思維的盒子。但是你如果身處這個盒子之中，想要 Think out of box，是非常困難的。

二維生物無法像三維生物一樣思考。很有可能，真正的好的設(shè)計方案其實是在你當(dāng)前苦苦思考的這個頁面之外。

頁面，是一個有明確邊界的二維平面載體。我們現(xiàn)在之所以還會覺得以頁面來思考問題奏效，是因為手機和電腦屏幕是平面的。這個平面的載體，很有可能在可見的未來得到顛覆。

元宇宙可能太遠(yuǎn)，就在VR虛擬現(xiàn)實界面設(shè)計中，你覺得“頁面”還會存在嗎？

01 跳出單頁思維框架，才能實現(xiàn)能力進(jìn)階

有很長一段時間，我總是喜歡思考一些最根本的問題，并試圖對這些問題給出一個自己的答案。

比如，人怎樣活著才算有意義？設(shè)計的價值到底在哪里？上班打工是為了做對的事情還是為了做老板認(rèn)為對的事情……類似這樣的問題中，有幾個我很早就有了答案。其中有兩個是：

歸根結(jié)底，交互設(shè)計設(shè)計的是什么？視覺設(shè)計設(shè)計的是什么？

這兩個問題，我五年前的答案是交互設(shè)計設(shè)計的是用戶行為，視覺設(shè)計設(shè)計的是信息和情感?，F(xiàn)在看起來，這個答案看上去也并沒有什么問題。

我不知道各位做設(shè)計的朋友怎么看，問上面那樣的問題會不會很無聊，可能明擺著的：UI設(shè)計和UX設(shè)計設(shè)計的就是一個個頁面，視覺設(shè)計設(shè)計的就是banner、海報、開屏、長圖。

以媒介的角度來思考設(shè)計，會有書籍裝幀設(shè)計、UI設(shè)計、3D設(shè)計、IP形象設(shè)計、VI設(shè)計等等這樣的門類。這種命名方式是以最終的交付節(jié)點而命名的，因為最終的交付媒介是UI所以我們就叫UI設(shè)計師。往往以媒介來命名的設(shè)計工作比較直接、也更方便入門，所以很多更資深的設(shè)計師在設(shè)計能力提升之后更愿意換一個其他的名字。比如做logo設(shè)計的會把自己叫做“品牌設(shè)計師”，后者一聽，就感覺大了很多，也難了很多，也更接近設(shè)計的本質(zhì)。

那么UX設(shè)計/用戶體驗設(shè)計呢？我們無法在最終交付節(jié)點交付明確的用戶體驗，因為用戶體驗不是一個具體的媒介，而是用戶的感受，并且非常不可控。

UX設(shè)計/用戶體驗設(shè)計（或品牌設(shè)計）更像是一種以設(shè)計出發(fā)點命名的職業(yè)，含義應(yīng)該是為了塑造好的用戶體驗（或品牌體驗）而進(jìn)行設(shè)計工作的設(shè)計師。所以這個講法本身是可以跨越媒介的，也是跨學(xué)科的。

現(xiàn)在也有公司在使用“產(chǎn)品設(shè)計師”這樣的職位，這個職位名稱我覺得要比UI設(shè)計、用戶體驗設(shè)計都要好。因為它既不會讓設(shè)計師局限在一張張UI界面上，也不會讓設(shè)計師在“用戶體驗”這個又大又虛的詞匯中迷失。

02 警惕“頁面思維”

UX設(shè)計、UI設(shè)計的前身叫做網(wǎng)頁設(shè)計，PC網(wǎng)頁設(shè)計時代也講用戶體驗，User Friendly 這樣的理念在PC時代就是有的。在UI設(shè)計起始之時，設(shè)計師們習(xí)慣以頁面為單位來理解需求、展開方案、進(jìn)行交付。在PC時代，很多承接網(wǎng)站設(shè)計的設(shè)計公司也都是以頁面為單位來計費，那時候講的“頁面”背后的含義其實是“網(wǎng)頁”（Web Page），很多公司招聘設(shè)計師的title也是“網(wǎng)頁設(shè)計師”。

雖然現(xiàn)在設(shè)計的名詞變化了，但設(shè)計師仍然會以“頁面”為載體來輸出自己的設(shè)計交付物，時間一長，工具都會影響思維，所以設(shè)計師就自然而然的用“頁面”來思考問題。

與此同時，隨著智能手機和移動應(yīng)用（App）的發(fā)展，iOS和安卓迅速迭代自己的設(shè)計系統(tǒng)，在這一迭代過程中產(chǎn)品應(yīng)用的設(shè)計與研發(fā)方式都得到了快速的發(fā)展，在Apple HIG和安卓MD的設(shè)計規(guī)范中逐漸取消了頁面（page）這一概念（或者從一開始就沒有，待考證）。

設(shè)計師和產(chǎn)品經(jīng)理在談到頁面的時候，往往想到的是一個個單獨的頁面。但平臺級的設(shè)計系統(tǒng)以及開發(fā)工程師們已經(jīng)不這么思考問題了。

walling

比如我們看Walling這樣優(yōu)秀的產(chǎn)品設(shè)計，他強調(diào)Folder、Wall、Section、Brick這樣的層級概念，而不強調(diào)Page。當(dāng)然你也可以把Wall理解為Page，如果一旦這樣理解，那就陷入到了“好，我現(xiàn)在要創(chuàng)造一個頁面，然后用文件夾把頁面歸類一下”這樣的思維里。

03 原子設(shè)計理論中被忽視的中間步驟

早在2013年，前端工程師 Brad Forst 將原子理論運用在界面設(shè)計中，形成一套設(shè)計系統(tǒng)，包含5個層面：原子、分子、組織、模板、頁面。原子理論時至今日在國內(nèi)的UX設(shè)計領(lǐng)域得到廣泛應(yīng)用，在講到設(shè)計規(guī)范的時候，90%以上的UI設(shè)計師的作品集里，你幾乎都可以看到這張圖。

原子理論讓UI設(shè)計回到了界面設(shè)計的第一性來思考問題，通過顏色、間距、文本、圓角等最最基礎(chǔ)的設(shè)計元素來逐漸塑造設(shè)計調(diào)性、建立設(shè)計秩序。

但大多數(shù)團(tuán)隊基本只做到了原子到分子，跳過了更關(guān)鍵的部分直接去組成頁面了。但其實我覺得，原子理論最中間的“組織”，是與產(chǎn)品/業(yè)務(wù)聯(lián)系更緊密、更能夠發(fā)揮設(shè)計價值的部分。而在這部分，大部分設(shè)計團(tuán)隊投入的普遍較少。從而還是陷入了“原子分子組成頁面，頁面組成產(chǎn)品”的思維之中。

如果你認(rèn)為是一張張頁面組成了產(chǎn)品，那就說明你一直是在以“頁面思維”來思考產(chǎn)品。你可以用頁面思維來理解一個網(wǎng)站，但不能以頁面思維來理解一個工具類App、一個平臺類產(chǎn)品。

Brad Forst 在2013年畫這張圖的時候還是把設(shè)計的落腳點放到了“頁面(page)”上，因為他是一個前端工程師，并不負(fù)責(zé)客戶端的開發(fā)工作。如果我們放著客戶端的規(guī)范不管，拿著前端工程師的理論去跟客戶端工程師去溝通，是不是有點不妥呢。因為時至今日，我們翻一翻Apple HIG，根本找不到Page這個東西。

所以我們要不要想一想，9年前提出的原子設(shè)計理論，現(xiàn)在是不是已經(jīng)過時了呢？

04 “頁面思維”的弊端

如果我們以習(xí)慣以“頁面思維”來理解產(chǎn)品結(jié)構(gòu)，以“頁面思維”來思考用戶任務(wù)，我覺得可能會存在幾個弊端：

1）對用戶任務(wù)的關(guān)注度降低

如果以單個頁面來思考問題，容易忽略頁面與頁面之間的交互關(guān)系。用戶完成任務(wù)是需要跨頁面完成的。

2）對產(chǎn)品架構(gòu)的理解單一

樹狀架構(gòu)是容易理解的，但真實的產(chǎn)品架構(gòu)是網(wǎng)狀的。

3）思考問題表面化

由內(nèi)而外的思考沒問題，由表及里的思考也沒問題。但如果從表面思考，也從表面產(chǎn)出，只看到水面上的冰山一角，認(rèn)為那就是全部，可能就會有問題。

4）設(shè)計創(chuàng)造性力受限

Think out of box，頁面是一個二維的有限的畫布，盯著這個畫布容易受到思維限制，妄圖在這個有限的平面里解決所有問題是不切實際的。因為也有可能真正對的解決方案并不需要這個頁面。

以上。