Web端產(chǎn)品設(shè)計流程中我的總結(jié)和感悟

上周完成了我的第二次正式的產(chǎn)品設(shè)計,做完之后感覺在Web設(shè)計方面的積累還有一點薄弱烁挟,已經(jīng)做好了書單準備惡補。不過馍刮,現(xiàn)在自己在產(chǎn)品設(shè)計階段的流程掌握已經(jīng)比較清晰信夫,在本文中將大致的方法和一些需要注意的地方總結(jié)出來。我的設(shè)計流程,也大致按照下面的順序進行静稻。其中省略多次評審的步驟警没。

一、需求分析

在這里我把需求按照來源和目的分為下面4種振湾,基本涵蓋了我在設(shè)計過程中所遇到的情況杀迹,也比之老教材中的分類更具針對性,更易理解押搪。

1.用戶需求

用戶需求也是整個產(chǎn)品所要完成的核心業(yè)務(wù)树酪,通常也是用戶使用的直接原因。

(1)寫出產(chǎn)品所要解決的核心需求:比如訂酒店大州、找工作续语。
(2)將核心需求的流程畫在紙上,比如選擇酒店->支付->入住->評價厦画。
(3)考慮核心需求流程的支線可能疮茄,即該環(huán)節(jié)操作是否成功,反饋是積極的還是消極的根暑。并在出現(xiàn)判斷邏輯的地方畫出分叉的情形力试,使流程完整可用。比如在上述的入住環(huán)節(jié)排嫌,用戶未能成功入住畸裳,會產(chǎn)生取消訂單的支線流程;入住后反饋很差淳地,則需要投訴流程怖糊。
(4)圍繞核心需求流程實現(xiàn)的某個環(huán)節(jié),用戶需要哪些輔助需求:比如輔助用戶有效率地選擇酒店薇芝,就可能需要搜索蓬抄、篩選丰嘉、排序等夯到;又比如用戶從選擇酒店到支付之間,需要有詳細信息和安全保障來支撐他做出預(yù)訂決策饮亏。

以上所有耍贾,完全可以用一些不同的故事來表述,能夠比較完備地講通路幸,也就基本掌握了用戶需求荐开。

2.商業(yè)需求

為了達到某種商業(yè)目的的需求,這些需求有產(chǎn)品出生時就有的简肴,也有可能來自運營晃听,區(qū)別于其他需求的特征就是,它們并不能從根本上影響產(chǎn)品核心業(yè)務(wù)流程的完成,但可以改變局部的統(tǒng)計數(shù)據(jù)或者流量分布能扒。比如積分體系佣渴,從產(chǎn)生積分到積分商城消費積分,整個砍掉確實不會影響用戶繼續(xù)在平臺上購買產(chǎn)品初斑,但通過積分我們可以實現(xiàn)提升黏性辛润、定向?qū)Я鞯群芏嗄康摹?br>

3.常規(guī)需求

比如需要身份識別的產(chǎn)品,必有的注冊见秤、登錄砂竖,賬戶設(shè)置。
再比如web端通常的頁腳內(nèi)容鹃答。

4.性能需求

我所設(shè)計的產(chǎn)品乎澄,暫時還未遇到對性能有要求的情況。以后遇到了再回來補充测摔。

5.埋點

包括一些常規(guī)數(shù)據(jù)的埋點三圆,以及設(shè)計出現(xiàn)分歧的預(yù)留驗證方式(請盡情的用來打臉吧:)。

二避咆、結(jié)構(gòu)設(shè)計

把需求框架畫到腦圖之中舟肉,就有了最初的整個結(jié)構(gòu)。結(jié)構(gòu)層的設(shè)計包含信息架構(gòu)和交互設(shè)計查库,此時也因產(chǎn)品類型不同而側(cè)重點不一樣路媚。

1.傳統(tǒng)web式
web端產(chǎn)品的信息架構(gòu),要從首頁做起樊销。首頁包含了絕大多數(shù)功能的可視化入口整慎,從首頁出發(fā),二級頁面分別有哪些围苫,完成什么功能裤园,包含什么內(nèi)容。這個過程剂府,會做出整個產(chǎn)品的信息架構(gòu)圖拧揽。

2.流水線式
通常出現(xiàn)在移動端較多。用戶打開產(chǎn)品之后一步一步按照引導(dǎo)操作腺占,每一步的目標單一淤袜。不會有無關(guān)信息雜糅。這個過程衰伯,一般會做出交互邏輯圖铡羡。

在這一步完成之后,整個產(chǎn)品有多少頁面意鲸,UI工作量大概有多少就可以初步有個預(yù)估了烦周。

三尽爆、導(dǎo)航、規(guī)則读慎、內(nèi)容元素

對照剛才畫出的結(jié)構(gòu)圖教翩,思考所有需要有導(dǎo)航的地方。導(dǎo)航的用處有兩個贪壳,讓用戶知道身在何處饱亿、讓用戶自在的移步。
所謂規(guī)則闰靴,就是一切需要搜索彪笼、列表等大量信息展示的地方,需要指明可搜索的關(guān)鍵詞類型蚂且,列表項的分類配猫,以及排序規(guī)則、篩選規(guī)則杏死、單頁最大容量泵肄。這些信息全部用備注形式標注在結(jié)構(gòu)圖中的相關(guān)頁面上。舉個現(xiàn)實中的例子淑翼,訂單列表中腐巢,需要有第一級的tab區(qū)分訂單類型,機票訂單和酒店訂單不可能混在一起玄括。第二級的tab將用戶關(guān)注的退款訂單單列冯丙,出于引導(dǎo)點評,將未點評訂單單列遭京。而對于訂單的狀態(tài)胃惜,則根據(jù)流程的不同,有待付款哪雕、已付款未消費船殉、未消費正在受理退訂、已退訂斯嚎、已消費未點評利虫、已點評等等,這些狀態(tài)的不同孝扛,會影響這條列表項所包含的內(nèi)容元素以及可操作行為列吼。而這些思考幽崩,我的習(xí)慣是放在頁面設(shè)計之前苦始,否則做原型的時候,會改來改去慌申。

四陌选、頁面布局

這個過程理郑,主要依據(jù)所展示板塊、元素的邏輯和優(yōu)先級來進行咨油,依照腦海中逐漸清晰的樣子畫出原型即可您炉。給我印象深刻的點很少,待補充役电。

五赚爵、檢查與優(yōu)化

自己全面跑通五遍,看看有沒有遺漏法瑟,之前的想需求時候的故事有沒有順著網(wǎng)頁講不下去的地方冀膝。并且找一找有沒有可以優(yōu)化的點,比如如何讓初次注冊后登錄更方便霎挟,如何讓短信驗證時的輸入更方便窝剖。

關(guān)于自查,還是放一張大牛的圖吧酥夭。


自查清單

六赐纱、輸出PRD

水到渠成了吧。每個人的PRD熬北,或者說針對不同產(chǎn)品不同處境的時候疙描,都會有所側(cè)重。我比較喜歡在名詞解釋和語言統(tǒng)一上著重花工夫讶隐。畢竟淫痰,很多時候大家討論了很久的東西,對一個物品的描述可能用過七八個近義詞整份,這時候不在文檔開頭統(tǒng)一口徑待错,給出詳盡的說明,到時候產(chǎn)品會在一個不經(jīng)意的角落打你一巴掌= =烈评。還有想吐槽一句火俄,對于會把紅包和卡券傻傻分不清的一些孩子,我還是得把所有名詞之間的區(qū)別寫的清清楚楚讲冠,畢竟差了十萬八千里瓜客。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市竿开,隨后出現(xiàn)的幾起案子谱仪,更是在濱河造成了極大的恐慌,老刑警劉巖否彩,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件疯攒,死亡現(xiàn)場離奇詭異,居然都是意外死亡列荔,警方通過查閱死者的電腦和手機敬尺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進店門枚尼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人砂吞,你說我怎么就攤上這事署恍。” “怎么了蜻直?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵盯质,是天一觀的道長。 經(jīng)常有香客問我概而,道長唤殴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任到腥,我火速辦了婚禮朵逝,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘乡范。我一直安慰自己配名,他們只是感情好,可當我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布晋辆。 她就那樣靜靜地躺著渠脉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓶佳。 梳的紋絲不亂的頭發(fā)上芋膘,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天,我揣著相機與錄音霸饲,去河邊找鬼为朋。 笑死,一個胖子當著我的面吹牛厚脉,可吹牛的內(nèi)容都是我干的习寸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼傻工,長吁一口氣:“原來是場噩夢啊……” “哼霞溪!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起中捆,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤鸯匹,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后泄伪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體殴蓬,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年臂容,在試婚紗的時候發(fā)現(xiàn)自己被綠了科雳。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片根蟹。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡脓杉,死狀恐怖糟秘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情球散,我是刑警寧澤尿赚,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站蕉堰,受9級特大地震影響凌净,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屋讶,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一冰寻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧皿渗,春花似錦斩芭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至挤土,卻和暖如春琴庵,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背仰美。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工迷殿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人咖杂。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓贪庙,卻偏偏與公主長得像,于是被迫代替她去往敵國和親翰苫。 傳聞我的和親對象是個殘疾皇子止邮,可洞房花燭夜當晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容