技術(shù)資訊
迭代的設(shè)計(jì)
2008-08-27 17:17:00
從大的發(fā)展來(lái)看,
網(wǎng)站就是一塊試驗(yàn)田,一塊在錯(cuò)誤中成長(zhǎng)、在錯(cuò)誤中變強(qiáng)變大的試驗(yàn)田。這決定了互聯(lián)網(wǎng)產(chǎn)品的成長(zhǎng)路線,一定是一個(gè)反復(fù)修正和迭代的曲線。
很多,多年前的產(chǎn)計(jì),當(dāng)時(shí)未能取得成功,又得還一敗涂地。拿到今天,稍加包裝就成了最熱門最合適的設(shè)計(jì)。究其原因,我認(rèn)為大多數(shù)都屬于“時(shí)機(jī)問(wèn)題”,當(dāng)初那些產(chǎn)品設(shè)計(jì),面臨的很多環(huán)境并不成熟。究其錯(cuò)誤,我認(rèn)為大多數(shù)都屬于過(guò)于“激進(jìn)”,在互聯(lián)網(wǎng)這個(gè)世界,如果你要從一開始就做徹徹底底的去創(chuàng)新,基本沒(méi)有成功的可能。
回顧互聯(lián)網(wǎng)歷史,我們不難發(fā)現(xiàn),幾乎所有成功的產(chǎn)品都是一個(gè)不斷在演變的產(chǎn)品。包括yahoo、google、myspace、facebook、taobao、QQ等等,乃至MS。
回到產(chǎn)品設(shè)計(jì)本身,
早期“階段性”的流程方式給我們產(chǎn)品開發(fā)和設(shè)計(jì),帶來(lái)了無(wú)盡的“返工”和低質(zhì)量設(shè)計(jì)。往往前一個(gè)“階段”的細(xì)節(jié)失誤,就能導(dǎo)致后一個(gè)階段的徹底垮工。
特別是我們從目錄網(wǎng)站走到內(nèi)容網(wǎng)站,又走到了今天的社區(qū),網(wǎng)站本身的跌代性和反復(fù)修改變得越來(lái)越快?!半A段性”的流程方式無(wú)法“多團(tuán)隊(duì)同時(shí)協(xié)作”,導(dǎo)致的低效率,越來(lái)越凸顯。
于是我們開始針對(duì)“產(chǎn)品更新快”、“迭代頻繁”、“多團(tuán)隊(duì)協(xié)作”,等特性需求而改進(jìn)的一些產(chǎn)品設(shè)計(jì)流程。這樣的流程從大體上可以分成三個(gè)要點(diǎn):按階段發(fā)展相互依賴 + 表現(xiàn)層和底層相對(duì)分離 + 循環(huán)漸進(jìn)反復(fù)迭代。
可以嘗試用這樣的一張草圖來(lái)表現(xiàn)這種“流程”:
1、產(chǎn)品團(tuán)隊(duì)是核心。
產(chǎn)品團(tuán)隊(duì)發(fā)起項(xiàng)目,做前期的整體調(diào)研和評(píng)估,確定產(chǎn)品的定位、方向,以及大的產(chǎn)品概念設(shè)計(jì)。
在這個(gè)基礎(chǔ)上將所面向的用戶群進(jìn)行大致劃分,對(duì)不同用戶群體的需求進(jìn)行概要分析和總結(jié)。
最后產(chǎn)出:產(chǎn)品的整體框架,重要需求點(diǎn)的業(yè)務(wù)邏輯。
2、表現(xiàn)層和底層相對(duì)分離。
對(duì)于研發(fā)來(lái)說(shuō),產(chǎn)品的產(chǎn)出物都是數(shù)據(jù)。產(chǎn)品架構(gòu)就是他的底層數(shù)據(jù)結(jié)構(gòu),業(yè)務(wù)邏輯就是他的數(shù)據(jù)邏輯。(研發(fā)我只懂皮毛,具體內(nèi)容不一定完全正確)
對(duì)于設(shè)計(jì)來(lái)說(shuō),之前對(duì)于用戶群的劃分、對(duì)于需求的分析將演變成未來(lái)網(wǎng)站的內(nèi)容設(shè)計(jì);產(chǎn)品架構(gòu)將演變成網(wǎng)站的信息架構(gòu)(欄目、布局、導(dǎo)航等),業(yè)務(wù)邏輯是未來(lái)交互設(shè)計(jì)的依據(jù)。
最后,研發(fā)的前端的接口和設(shè)計(jì)的前端開發(fā)相結(jié)合。
3、這樣做最大的好處在于:
業(yè)務(wù)發(fā)展到一定時(shí)候,當(dāng)?shù)讓有枰?jí)或者改進(jìn),表現(xiàn)層可以不用變化;
如果表現(xiàn)層的設(shè)計(jì)需要“改版”,底層可以不用變化;
只有當(dāng)產(chǎn)品方向有變,或者業(yè)務(wù)邏輯發(fā)生變化,才會(huì)牽扯到底層和表現(xiàn)層同時(shí)變化。
4、按階段發(fā)展相互依賴。
單看產(chǎn)品+研發(fā),或單看產(chǎn)品+設(shè)計(jì),每一個(gè)從上至下的過(guò)程都必須具備先后的階段性,上一個(gè)的過(guò)程決定了下一個(gè)過(guò)程的大致范圍,下一個(gè)過(guò)程影響并補(bǔ)充了上一個(gè)過(guò)程的詳細(xì)內(nèi)容。
比如,沒(méi)有大的產(chǎn)品框架就沒(méi)有具體的信息架構(gòu),在具體的信息架構(gòu)設(shè)計(jì)過(guò)程中,又會(huì)修正并補(bǔ)充整體的產(chǎn)品框架。
再比如,沒(méi)有需求分析,就不能有具體的內(nèi)容設(shè)計(jì),在具體的內(nèi)容設(shè)計(jì)過(guò)程中,又會(huì)細(xì)化需求并有可能合并或者拆分已經(jīng)修改需求。
5、循環(huán)漸進(jìn)反復(fù)迭代。
這一點(diǎn)和第四點(diǎn)有很大的關(guān)系,理解這一點(diǎn)可以先看一下Jesse James Garrett 在《THE ELEMENTSOF USER EXPERIENCE》一書中(這是一本每個(gè)產(chǎn)品設(shè)計(jì)者都應(yīng)該閱讀的入門好書,中文叫《用戶體驗(yàn)的要素》,由Angela翻譯,因?yàn)槲液苡憛掃@個(gè)書名里莫名其妙多了一個(gè)“的”字,所以以后我只會(huì)引用英文書名。),關(guān)于“迭代”的解釋:
JJG在把體驗(yàn)分成了戰(zhàn)略、范圍、結(jié)構(gòu)、框架、表現(xiàn)五個(gè)層面。我認(rèn)為這五個(gè)層在細(xì)化的過(guò)程中,已不很適合如今的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì),而且內(nèi)容過(guò)于粗略,屬于概念性質(zhì)的東西,很難應(yīng)用到操作層面。但,他在這里講述這五個(gè)層在具體應(yīng)用中的迭代關(guān)系,可以應(yīng)用現(xiàn)在的設(shè)計(jì)中。
Angela是這樣翻譯的:“你應(yīng)該計(jì)劃好你的項(xiàng)目,讓任何一個(gè)層面中的工作都不能在其下層面的工作完成之前結(jié)束?!?在我們知道基本形狀之前,不能為房屋加上屋頂?!?要求每個(gè)層面的工作在下一個(gè)層面可以開始之前完成,會(huì)導(dǎo)致你和你的用戶都不滿意的結(jié)果。… 一個(gè)更好的方法是讓每一個(gè)層面的工作在下一個(gè)層面可以結(jié)束之前完成”。
拿到這里會(huì)有一點(diǎn)小變動(dòng),應(yīng)該這么說(shuō):不能完整結(jié)束了這個(gè)階段的工作,才開始下個(gè)階段;在下個(gè)階段該結(jié)束的時(shí)候,完成這個(gè)階段這個(gè)階段的工作。(這也是為了我在前面給“完整”“整體”“大致”等關(guān)鍵詞加粗的原因)
比如,不要把需求整理的非常詳細(xì)以后再去內(nèi)容設(shè)計(jì),只要在內(nèi)容設(shè)計(jì)該結(jié)束的時(shí)候完成需求整理;不要在開始信息架構(gòu)設(shè)計(jì)的時(shí)候完全確定內(nèi)容設(shè)計(jì),只要在信息架構(gòu)該確定的時(shí)候完成內(nèi)容設(shè)計(jì)。也就是說(shuō)“需求整理在信息架構(gòu)開始的時(shí)候完成即可”。
(當(dāng)然,這種做法一個(gè)更大的問(wèn)題會(huì)出現(xiàn):文檔維護(hù)比以往階段性的方式更繁復(fù)。 這一點(diǎn),后面會(huì)詳細(xì)談到。 )
不可分割的“用戶調(diào)研”
細(xì)心的人可能已經(jīng)看出,上面的設(shè)計(jì)并沒(méi)有加入“用戶”的內(nèi)容。沒(méi)錯(cuò),上面的圖只是在說(shuō)“設(shè)計(jì)”,并沒(méi)有提到用戶調(diào)研。
用戶調(diào)研應(yīng)該貫穿于設(shè)計(jì)的任何一個(gè)環(huán)節(jié),在整個(gè)設(shè)計(jì)過(guò)程中既起到“引導(dǎo)”的作用,又起到“校驗(yàn)”的功效。加入了對(duì)用戶的研究以后,整個(gè)“迭代的設(shè)計(jì)過(guò)程”才會(huì)變得完整和豐滿。
事實(shí)上這邊文章應(yīng)該屬于“迭代設(shè)計(jì)”的一半內(nèi)容,在以往的培訓(xùn)中我會(huì)加入用戶調(diào)研部分進(jìn)去(比如,這張圖白板左邊是上面的內(nèi)容,右邊就是用戶調(diào)研加入進(jìn)去之后的“產(chǎn)品設(shè)計(jì)”過(guò)程。右邊的一半內(nèi)容都是用戶調(diào)研)。這篇文章就不細(xì)說(shuō)了,《Design IT.》 系列正式完成的時(shí)候再補(bǔ)充進(jìn)去。
.
PS:
《Design IT.》將是一個(gè)很長(zhǎng)期,很完整的系列。從設(shè)計(jì)方法,到產(chǎn)品市場(chǎng)、到具體的設(shè)計(jì),到最后的測(cè)試和產(chǎn)品類的線上運(yùn)營(yíng)。
歡迎有興趣的朋友對(duì)每篇文章進(jìn)行指正和補(bǔ)充。(為了保證更高質(zhì)量的評(píng)論,我將關(guān)閉這個(gè)系列文章的評(píng)論。請(qǐng)?jiān)谀阕约旱牟┛陀谩拔恼隆被貜?fù),或者將你的文章發(fā)布到UCD大社區(qū)里。咱們可以把這些文章都聚合成話題)
原文:http://uicom.net/blog/?p=773
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2015-01-18 15:44:47] 網(wǎng)站有無(wú)備案是否對(duì)我們網(wǎng)站在百度的排名有影響呢?
- [2011-11-24 21:48:52] 極具創(chuàng)意的網(wǎng)站欄目菜單效果欣賞(42款)
- [2011-11-11 12:22:51] 修改文章正文 影響收錄
- [2012-03-18 21:58:23] 網(wǎng)站設(shè)計(jì)的創(chuàng)意與技巧
- [2015-03-23 09:07:25] 網(wǎng)站工作者必須掌握的技巧
- [2012-06-09 12:34:52] 網(wǎng)站設(shè)計(jì)的風(fēng)格把握
- [2014-12-31 15:12:14] 教你如何使用攝影來(lái)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)
- [2014-11-19 23:06:43] 淘寶網(wǎng)店如何做SEO優(yōu)化
- [2011-10-27 14:11:28] 網(wǎng)站內(nèi)容如何做到偽原創(chuàng)
- [2012-04-08 22:19:20] 如何處理好網(wǎng)站設(shè)計(jì)的細(xì)節(jié)
- [2014-11-24 09:20:57] 網(wǎng)站頁(yè)面設(shè)計(jì)中的問(wèn)題分析及建議
- [2014-10-31 08:25:52] 五步就能實(shí)現(xiàn)制作網(wǎng)站的LOGO
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
網(wǎng)站品牌 高端網(wǎng)站設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì)公司 青島網(wǎng)站優(yōu)化 用戶界面 頁(yè)面設(shè)計(jì) 青島網(wǎng)站建設(shè) html和css 集團(tuán)官網(wǎng) 網(wǎng)站改版 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 良好的導(dǎo)航 手機(jī)端的網(wǎng)站 微信開發(fā) 微網(wǎng)站 力圖 css 力圖數(shù)字科技 網(wǎng)站交互設(shè)計(jì) 營(yíng)銷型網(wǎng)站 外貿(mào)網(wǎng)站設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì) 手機(jī)網(wǎng)站建設(shè) 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 網(wǎng)站建設(shè)的步驟有哪些 企業(yè)網(wǎng)站 青島海洋投資集團(tuán) 網(wǎng)站制作 網(wǎng)站的速度 集團(tuán)性網(wǎng)站