• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 我們的UED設(shè)計(jì)流程及方法	共有1455人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級(jí)：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈(zèng)鮮花：182

發(fā)表時(shí)間：2019/7/28 13:13:00 樓　主 我們的UED設(shè)計(jì)流程及方法 　　“用戶體驗(yàn)設(shè)計(jì)”無疑是這兩年互聯(lián)網(wǎng)行業(yè)最炙手可熱的話題，而從我們成都UCD書友會(huì)火爆的現(xiàn)場來看，也的確如此。那么“用戶體驗(yàn)設(shè)計(jì)”為什么會(huì)如此火爆呢？這需要從互聯(lián)網(wǎng)的Web2.0革命說起。這場革命，代表了互聯(lián)網(wǎng)應(yīng)用關(guān)注焦點(diǎn)的變遷，從以內(nèi)容為王的門戶型網(wǎng)站時(shí)代，轉(zhuǎn)變?yōu)橐杂脩魹橹行牡幕ヂ?lián)網(wǎng)服務(wù)時(shí)代。以用戶為中心的互聯(lián)網(wǎng)服務(wù)，自然就需要以用戶為中心的設(shè)計(jì)。但是要做到真正的以用戶為中心的設(shè)計(jì)卻并不簡單。 　　這是什么意思呢？我想用彩程的實(shí)際經(jīng)歷對這個(gè)問題做出解釋。和很多其它軟件企業(yè)一樣，彩程也是從一些中小型的企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站開發(fā)業(yè)務(wù)啟程的。當(dāng)時(shí)我們開發(fā)一個(gè)電子商務(wù)類網(wǎng)站的流程是什么樣的呢？ 　　首先會(huì)由超級(jí)打雜老妖出馬，跟客戶溝通，套出用戶的需求，然后由費(fèi)西或是老妖自己，三下五除二的搞一個(gè)首頁出來，拿去給用戶確認(rèn)，用戶如果點(diǎn)頭，那么ok，開始做首頁的html切圖，然后丟給程序員開始開發(fā)，同時(shí)，美工繼續(xù)孤軍深入，出各種特征內(nèi)頁，切html，交給程序員開發(fā)，如此循環(huán)往復(fù)。而一旦整個(gè)項(xiàng)目開始進(jìn)行，客戶就很少再參與其中了。于是，這個(gè)項(xiàng)目持續(xù)運(yùn)行，直到某一天，程序員說：“好了”，這樣，老妖滿懷希望的沖到客戶那里，很想聽到客戶對網(wǎng)站認(rèn)可，但實(shí)際的場景往往是：客戶抱怨說，這里我明明是想要個(gè)Flash廣告，但是卻只有一張圖片；這個(gè)訂單系統(tǒng)怎么不好用，為什么不參考淘寶來做呢？我還想要個(gè)會(huì)員系統(tǒng)，每個(gè)會(huì)員有自己的個(gè)人頁面。這個(gè)時(shí)候，可憐的老妖只能作出兩種選擇，要么照單全收，ok，哪里有問題我給你改哪里，要么就是耍死皮，但是后面一種情況一般不會(huì)出現(xiàn)，因?yàn)槔涎辉敢驗(yàn)榈米锟蛻舳鴣G掉奶粉錢。所以，這個(gè)原本大家都認(rèn)為很簡單的網(wǎng)站項(xiàng)目就這樣被delay下去了。 　　這樣的情況出現(xiàn)的次數(shù)多了，讓公司首腦小s同學(xué)很不滿意，于是他開始召集大家思考，這是為什么呢？讓我們來看看之前我們的流程: 　　經(jīng)過對這個(gè)流程的幾個(gè)痛苦的日夜思索之后，我們發(fā)現(xiàn)了如下幾個(gè)凄慘的現(xiàn)實(shí)： 　　1.用戶其實(shí)并不知道他到底需要什么，就算用戶知道，你也別想知道他究竟知道什么； 　　2.美工都以為自己只是畫畫的，而無需去考慮整個(gè)產(chǎn)品的設(shè)計(jì)思想，包括用戶角色是什么，商業(yè)定位是什么，所以你說你想要個(gè)新聞欄目，ok，我照著163畫一下就了事了； 　　3.程序員都是腦殘，只關(guān)注用什么設(shè)計(jì)模式或是用什么框架，美工的設(shè)計(jì)圖對他們來說不值一提，不就是一個(gè)for循環(huán)生成li標(biāo)簽而已嘛； 　　4.客戶始終置身世外，他給錢了，只想你干好活，最后一手交錢一手交貨罷了，但最關(guān)鍵的是，“貨”這個(gè)東西，大家除了在最后一霎那能看到它的模樣，其它大部分時(shí)間它都異常神秘。 　　很多時(shí)候，最大的問題往往在于我們不愿意去面對問題。所以當(dāng)我們能把問題找到，并敢于面對問題的時(shí)候，解決辦法的出現(xiàn)就只是時(shí)間而已了。這個(gè)解決辦法，當(dāng)時(shí)我們認(rèn)為最優(yōu)的，就是強(qiáng)化設(shè)計(jì)，最后發(fā)現(xiàn)，其實(shí)就是引入了“用戶體驗(yàn)設(shè)計(jì)”。 　　從何入手呢？我們都知道，一般的軟件開發(fā)流程中，PM會(huì)根據(jù)用戶需求出產(chǎn)品需求分析報(bào)告，然后美工介入，出一些視覺界面，然后程序員根據(jù)有限的設(shè)計(jì)圖連蒙帶猜的進(jìn)行實(shí)際開發(fā)。但在這樣的模式下，產(chǎn)品會(huì)出現(xiàn)幾次偏離。 　　PM只有幾十頁的文檔，而這樣的文檔傳遞實(shí)際需求的效果極差，不能讓用戶確認(rèn)需求，于是出現(xiàn)整個(gè)流程中的第一次產(chǎn)品與需求的偏離。美工在做視覺設(shè)計(jì)的時(shí)候，就可能按照他自己的想法天馬行空，最后出現(xiàn)整個(gè)流程中的第二次產(chǎn)品與需求的偏離。程序員在拿到美工有限的設(shè)計(jì)圖后，大概想了想，覺得自己明白了，然后就開始寫代碼，但是由于沒有完整的產(chǎn)品模型到程序結(jié)構(gòu)的映射，最終導(dǎo)致第三次產(chǎn)品與需求的偏離。這樣帶來的致命后果就是：用戶明明想要個(gè)美女，但是最終實(shí)際交付的卻是個(gè)如花。 　　這樣的流程最大的問題在于，缺少一個(gè)能夠聚焦各方的核心，幾十頁的文檔無法勝任，而原型卻可以。 　　我們認(rèn)為原型會(huì)很重要，于是我們首先引入了原型設(shè)計(jì)。在這個(gè)設(shè)計(jì)過程中，我們使用Axure作為輔助工具，它的好處在于，能讓任何一個(gè)PM很容易的上手，并能把需求書中幾十頁的文字落地為實(shí)際的界面。 　　在PM快速完成原型設(shè)計(jì)之后，PM會(huì)帶著原型去和客戶討論，客戶由于能有實(shí)際的使用感受，所以能夠很快的分辨出設(shè)計(jì)與他需求之間的偏差，然后PM根據(jù)用戶的反饋修正原型。 　　接著，美工上場了，注意，這個(gè)時(shí)候，美工不再是美工，他有了新的title—視覺設(shè)計(jì)師。有什么新的要求呢？他需要仔細(xì)的去評(píng)估原型，從設(shè)計(jì)師的角度出發(fā)，對原型提出意見。接著，才是用PS將界面畫出來，然后根據(jù)設(shè)計(jì)圖制作另外一份原型—高保真原型。 　　高保真原型和之前的原型—也就是低保真原型–的差別在于，低保真原型著重完成信息元素的組織以及概念模型的搭建，目標(biāo)定位在為產(chǎn)品搭框架，填充素材。但是高保真原型會(huì)完成對框架的裝修以及對素材的組織。這樣得到的高保真原型和實(shí)際交付的產(chǎn)物就幾乎是100%趨近的了。 　　然后，產(chǎn)品經(jīng)理會(huì)帶著這份珍貴的禮物再次走訪客戶，根據(jù)客戶的使用反饋?zhàn)鲎詈蟮脑驼{(diào)整，至此，整個(gè)原型設(shè)計(jì)階段結(jié)束。 　　接下來，根據(jù)高保真原型，我們給出了整個(gè)原型的HTML代碼，包括規(guī)范的CSS樣式表以及JS接口，都由我們的前端工程師定義并實(shí)現(xiàn)。 　　最后，我們交到產(chǎn)品實(shí)施人員手里的就有兩樣?xùn)|西，一是高保真原型，一是HTML框架代碼。我們希望高保真原型能真實(shí)反應(yīng)用戶需求，并且讓實(shí)施者知道開發(fā)出來的東西是一個(gè)什么樣子的。其次，通過提交高質(zhì)量的html代碼，減少普通程序員的工作量，因?yàn)椴豢煞裾J(rèn)的是，如今復(fù)雜的前端技術(shù)不是一個(gè)普通的java程序員能短時(shí)間掌握得了的。 奈薇建站網(wǎng)致力于，讓每個(gè)中國人、每個(gè)中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶