網頁界面設計流程

淘寶面試的最后一環(huán)是讓應聘者向面試官提問，讓面試官有機會回答公司、團隊、工作等問題。 我面試過的大約三分之一的設計師問我“淘寶的設計過程是怎么樣的？” 我不太清楚聽到這個問題的人為什么有這么高的比例。 這可能是一個“安全”的問題。 在面試沒有任何危害的現在，設計師在工作中可能面臨著“流程”問題和“無流程”問題，這個話題可能關系到各公司的“機密”，但確實找不到相關資料?？傊嬖囂詫毜脑O計師數量有限，但國內三分之一的網絡設計師想了解更多關于“設計過程”的知識，這并不是“機密”的話題(我所知道的各公司的設計過程都是從890到10，名稱是因此，我們將簡要介紹淘寶UED的設計流程，期待它能為這三分之一的設計師帶來幫助。步驟1 :原型(Prototype )設計的第一階段稱為原型設計，主要包括設計產品功能、用戶流程、信息體系結構、交互詳細信息和頁面元素。 如果你覺得這些概念相當偏頗的話，就大口語來說，試用品的設計，即使產品不美麗，也只會明確你想做的事情，明確它們是如何與用戶交流的，并且把它們都描繪出來，直接怎么畫取決于你。 可以用紙畫、用白板畫、用Photoshop畫、用Visio畫，或者像我們一樣用Axure畫。 上述事情都可以不分巨細地表現出來。原型交付項目(Delivery，即某個階段的交付項目)中最重要、最常見的是線框，這在下圖中可以看到，不要太多說明在畫線圖時，要把握細節(jié)描寫的程度。 有只畫框就行的東西，也有必須設計復印件的東西。 你的上司和需求者抓住角落的廣告banner這個問題糾纏著你，不要忽視最重要的頁面正文部分。此外，要記住原型是用來改變人的。 它的存在價值被多次修改，多次更新，下一步沒有多次改變。Step 2:模型(Mock-up )在原型被接受后，應關注產品不美觀。 我們用“模特”一詞總稱這一步驟的成果。 與原型相比，我們更關注產品的可視化設計，包括顏色、樣式、圖標和插圖。顯然，這不是“藝術”的“美化”工作。 可視設計師必須深入了解原型設計，充分理解交互式設計和尚未進行的HTML/CSS/JS代碼。 如果不能從全球的視角進行視覺設計的話，只能把水晶效果變成金屬效果的“自己享受”，產品本身毫無價值。 原型說“在這一頁中，a比b重要”，在他的頭腦中有能夠表現出17、8種“a比b重要”的視覺語言。 這是設計模式對視覺設計師的基本要求。更高的要求是視覺設計的“原創(chuàng)功能”。 “相反是水晶效應還是金屬效應？ “這個按鈕什么顏色好呢？ 等等。 這樣的想法和選擇，應該著眼于產品的氣質、品牌等，在各種產品之間保持一定的統(tǒng)一，在用戶的心上打上視覺的烙印。 很難做到這一點，尤其是要滿足以前的要求。 一般來說，如果能夠將交互設計的成果和品牌形象表現出90%，就會有很好的結果。 從我自己的角度來看，總是很郁悶，在原創(chuàng)設計中無法用視覺語言表達自己的想法，總是完成模型的話就有7成更高的要求，有些問題用交互式設計很難解決。 此時，需要一位能夠從視覺設計的觀點創(chuàng)造性地解決問題的具有創(chuàng)造力的視覺師。總的來說，模型設計是非常困難的。 其工具感性，但設計過程非常合理，必須在各種制約中解決問題。 現在，從高角度看“視覺設計”的人還不多，多停留在“效果”“風格”等表面議題上。 個人認為在“Web標準”和“用戶體驗”之后，視覺設計是Web設計專業(yè)化運動的第三波，市場需求已經存在，只有有人能夠推動。模型的設計通常使用Photoshop，但以下是示例(與原型示例相對應)Step 3:演示版(Demo )這一步驟基于演示或原型、模型通過xHTML/CSS/JavaScript等前端技術實現，后端開發(fā)工程師可以接管代碼。 這個過程，馬尼，正淳特別制作新的投稿詳細介紹吧。 但是，前端開發(fā)在一些公司還沒有設計團隊，前端開發(fā)是用戶體驗的提高和保證，開發(fā)只不過是其手段和形式。 所以，把這份工作一直留在我們隊里，現在看起來很不錯：)如果將上述原型、模型轉換為xHTML/CSS，則會顯示此頁面http:/favorte.T/collect _ list -g，nrx wy2lumhgozsvz2CQ3tk k6w 64-htmStep 0.5/1.5/2.5/3.5中有一半的步驟嗎？ 是的，這是我們的用戶研究過程。 在每個階段的前后，根據情況選擇是否專心研究用戶。 用戶的研究形式也是自由的。 給會員打電話，汪汪隨便商量，到公司做可用性測試，訪問會員家方便實用的方法怎么辦？ 我們還沒有著力于很多“學術”的理論研究，就研究方法也能“抓住老鼠”。 關鍵是研究的結果如何體現在產品中，如何吸收個人用戶的意見，為所有用戶提供服務。在這一點上，我們還不夠，積累也很薄弱，需要向伙伴們學習更多。 請代我向大家問好。最后關于進程，請注意以下幾點1 .設計過程的目標是保證“無論誰設計這個產品，都能達到80分”2. “100分”的完美作品，很有可能不遵循過程，是將革新、傳承、實行力天才融合的作品3 .“過程”只有根據環(huán)境帶來正面作用