如何設(shè)計一個面

1、討論如何設(shè)計一個頁面背景：黃煒前兩天轉(zhuǎn)載了我以前的兩個帖子，就某個頁面的設(shè)計，提出很多 的問題點。這些只是分析后的結(jié)論，缺乏分析產(chǎn)出的思路。所以有兄弟問， 以怎樣的方法，才能發(fā)現(xiàn)這些問題點？以下是一篇整理的材料。可供參考。必須要陳明的是，產(chǎn)品分析和設(shè)計，是一項要集合 體驗、知識、邏輯、數(shù)據(jù) 的工作。我給出來的東東，頂多算一種有參考價值的知識”大家可以從中了解，PM的工作思維是什么。當(dāng)一個PM能漂亮的完成某個頁面設(shè)計的任務(wù)時，離獨立的完成一整個產(chǎn)品設(shè)計，也就不那么遠了。其實很多產(chǎn)品，幾個關(guān)鍵頁面以及互相之間的關(guān)系搗 鼓清楚了，這個產(chǎn)品的需求分析，也就完成八成了。大致來說，頁面設(shè)計有如下幾個步驟。

2、如果你能一絲不茍的按照這個流程走完，即便因為經(jīng)驗問題，做出的東西不那么超凡脫俗”也至少不會差到哪里去了。一，弄清楚這個頁面需要承載的核心價值，寫下來，并公諸相關(guān)團隊這個事情是如此重要，且顯而易見，以至于我不想闡述理由。我認(rèn)為，在設(shè)計過程中，花一半以上的時間把這個事情理清楚，是非常值得的。我見到過太多的來回折騰和項目起伏，就是因為PM的這個工作不到位。所以為每個頁面，強制性的寫下分析后的頁面核心價值，我認(rèn)為這是一個必要的 事情。所以從產(chǎn)品指導(dǎo)人角度而言，第一步需要檢查的事情，也是執(zhí)行PM在這個環(huán)節(jié)的理解是否到位。如何把握一個頁面的核心價值？它的標(biāo)準(zhǔn)闡述方式，可以是兩部分組成：a,用戶為什么使用這

3、個頁面（對用戶的價值）b，我們期望用戶因上述價值，做出怎樣的行動（對產(chǎn)品的價值）以微博的 個人主頁”為例，來說明頁面的核心價值如何勾勒。第一步，是做好受眾群的關(guān)鍵角色分類角色分類不是傳統(tǒng)的那種的那種按社會屬性的分類，比如年齡、性別、職業(yè)、 空巢與否等。而是訴求絕然不同的功能性分類。如微博個人主頁的用戶群, 就可以有如下的分類方式：第二步，根據(jù)不同的關(guān)鍵角色，勾勒針對該群體的核心價值對于未登錄的已注冊用戶來說，當(dāng)前頁面的核心價值是:充分展現(xiàn)當(dāng)前人物的身份、特點，以促使瀏覽者登錄并執(zhí)行一系列登錄者的 操作，如加關(guān)注、回復(fù)、轉(zhuǎn)發(fā)等。對于未登錄的未注冊用戶來說，當(dāng)前頁面的核心價值是：以當(dāng)前人物的身份、

4、特點為依托，闡釋微博產(chǎn)品的核心趣味所在，以促使用 戶加入到這個產(chǎn)品平臺上來。有人可能會問，一個未登錄用戶，你怎么去區(qū)分它是已注冊還是未注冊？我 只能說，這是技術(shù)問題。100%做到的確不容易，但做到 80%，也不算難吧。對于博主自己來說，當(dāng)前頁面的核心價值又可以有很多角色分支：總體而言，博主自己可以分成兩大類，一類是以圍觀別人為樂的，一類是以 被人圍觀為樂的。對純圍觀者而言，頁面的核心價值是：能看到感興趣的人的發(fā)言，以及能方便的看到感興趣的話題。所以，被關(guān)注 者動態(tài)，話題搜索，可能感興趣的對象挖掘，這三者對于這個群體而言，至 關(guān)重要。對圍觀&嘟嚷者而言，頁面的核心價值是：除了純圍觀的需求

5、之外，還多了兩點：a,發(fā)言；b,對真實關(guān)系的關(guān)注和互動（幫他們找到熟人吧）。上面的兩類，大體是群眾。而演員，說是有兩類，其實也是有兩大類。一類是明星。這類用戶，只在乎自己有多少粉絲，以及自己的話被多少人聽 了。至于自己的話有沒有營養(yǎng)，別人是怎樣回復(fù)的，他其實不關(guān)心。女明星 是典型。對這一類來說，核心價值是滿足其虛榮心，讓其感受到萬眾圍繞的 幸福感。第二類是意見領(lǐng)袖，以開復(fù)為代表。他們渴望影響力，渴望改變他人以及世 界。和明星不同的是，這個群體非常關(guān)心其他人對他以及他的觀點的看法。并且會有深入的互動。分析到這兒，對于微博個人主頁的核心價值拆解，告一段落。其他的角色，完全可以按照這個路數(shù)，逐次的拆

6、解下去。必須要說明的是，上述拆解，我只是擺出一種可能性”。它會隨著產(chǎn)品負責(zé)人對于產(chǎn)品的定位變化而變化。并且，用戶的真實需求如何，這個是需要 有討論、探索、觀察和驗證后，才能確切知曉的。但是，這種基于體驗、經(jīng) 驗和邏輯的分析以及預(yù)期，是非常重要的。它為產(chǎn)品的評價和改進，提出了 可參照的標(biāo)準(zhǔn)和方向。二，根據(jù)頁面承載的用戶群和核心價值，設(shè)定目標(biāo)實現(xiàn)功能/策略一個人要在3小時內(nèi)從北京趕到上海，手段是飛機；如果是 12小時內(nèi)，手段就 多了一個火車。所以，頁面的用戶群和核心價值定調(diào)后，實現(xiàn)手段梳理起來 其實不復(fù)雜。還是以微博個人主頁為例。我是一個純圍觀者。核心價值如上面所述的那樣。那么實現(xiàn)這個價值，至少

7、要有如下幾個核心手段：1，被我關(guān)注的人的動態(tài)展現(xiàn)。這是最重要的。2，話題搜索（主動），以及我經(jīng)常關(guān)心的話題（主動，歷史），和可能關(guān)心的話題（被動，推薦）3，我可能感興趣的人。我也不知道該怎么找，我希望平臺能提供幫助（被動， 推薦）。三，根據(jù)特定的核心價值，確定不同手段的重要性以及用戶習(xí)慣，并設(shè)定布局、視覺、 交互和策略這個有很多基本原則：a, Stay Foolish。多看看別人是怎么做的，并且多想想別人為什么這么做， 好處壞處是什么。想不清楚的地方，可以借鑒；想得清楚的地方，大膽革新。b，奧卡姆剃刀原則：如非必要，勿增實體。警惕陷入功能主義陷阱，把頁 面做成一個大雜繪。對每個模塊的必要性，都

8、用核心價值這個標(biāo)尺來權(quán)衡。c,不要讓用戶思考（概念設(shè)計和用戶習(xí)慣認(rèn)知一致），替用戶做決策（智能化的策略）。但這不等于不給用戶選擇權(quán)，用戶選擇權(quán)在高級設(shè)置里。d，重要的東西顯眼，次要的東西不顯眼，不要的東西就不要放那里占著茅 坑不拉屎。e，追求體驗的完整性。追問每個模塊的必要條件和真實效果。坑爹的不要。很多人問我如何發(fā)現(xiàn)種種設(shè)計上的問題。我只能說，只要想清楚這個產(chǎn)品的 目標(biāo)，然后根據(jù)目標(biāo)來衡量每個細節(jié)對于目標(biāo)的影響，就能發(fā)現(xiàn)很多的問題。 當(dāng)然，自己的親身體驗是少不了的；內(nèi)心秉持的一些設(shè)計原則也能輔助快速 的發(fā)現(xiàn)問題。比如新浪微博的個人主頁，關(guān)鍵手段都有了。但存在很多問題。對我這種純 圍觀人而言：

9、1，被關(guān)注者的動態(tài)，是從頁面中間開始的。浪費。2，被弱化的搜索，在不起眼的右上角。麻煩。3，推薦人的功能薄弱，效果差。不給力。徹博 廣i&F鍛爭活動 晝聶 KI區(qū)冃 找人?DlaryTf s ra con cn琵的百頁我旳顓博關(guān)系卩卜圖總號沮也KE池主禪 煉創(chuàng)射片職吻 看氐漫石丸三八說的詁焦高獲桔乗NDkiiyf21193 53齊注 鯉 m撫的百頁松鼠st£¥："巣說詒姜講nl齡擾役川過征熱如臬懈價一個說搓+冉吃讓括，聊么再生說都是京的".M陰映托:要補的ftf務(wù)”凰松屁云無心這牛是 豆的么J改色百A按煩痔!1趺的撫的嫡有人可能會說，這只是你的看

10、法而已，如何代表用戶的看法？任何產(chǎn)品設(shè)計 的開始，都是 假設(shè)”所謂好壞，無非假設(shè)和實際狀態(tài)的匹配程度而已。要 坐實假設(shè)，后面還有第四步，量化和驗證。又有人可能會說，我怎么知道你是個純圍觀的！我還要照顧到很多其他人呢。我只能說，我只是提供一種設(shè)計實現(xiàn)的思路。你想過了，討論過了，沒想到 合適辦法，這也是一種合適的結(jié)論。四，數(shù)據(jù)反饋和迭代改進在此我必須要說一個觀點，產(chǎn)品設(shè)計，和科學(xué)之間，是存在的方法論上的一 致性的。如下：ActualHvpo theses mults/obseruatlonsH)E陌The core of scienceGathering dataLends supportExpe

11、ctedresults/obser vaUonsActuali esults/observationsExpectediresults/observationsAct v alresuits/observationsHelpsrefute前面的三個步驟，充其量，只是一個假說”而已。這意味著什么？上線，萬里長征才走完第一步而已！需要回答三個問題：1. What would we expect to see if this idea were true (i.e., what is our expectedobservatio n)?2. What do we actually observe?3. Do our expectati ons match our observati ons接下來，是根據(jù)上述問題的分析所發(fā)現(xiàn)的問題，推進下一步的行動計劃。web產(chǎn)品是一步步迭