如何設(shè)計(jì)一個(gè)面

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

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

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

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

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

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

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

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

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

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

11、ctedresults/obser vaUonsActuali esults/observationsExpectediresults/observationsAct v alresuits/observationsHelpsrefute前面的三個(gè)步驟，充其量，只是一個(gè)假說”而已。這意味著什么？上線，萬里長征才走完第一步而已！需要回答三個(gè)問題：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)的問題，推進(jìn)下一步的行動(dòng)計(jì)劃。web產(chǎn)品是一步步迭