最近專案中遇到了需求、ue、ui到前端工作銜接不順暢的問題:
前端設計之前到底需求需要分析到哪一層?
哪些文件就可以支援前端設計?
這些文件的結構和規範都是什麼樣的?
以及,前端設計到什麼程度就可以進入開發階段?
這裡可以歸納總結出對事物分析的通用方法:
針對我們專案成員特點:產品、需求、ui/ue(一人兼顧)、前端開發、服務端開發、測試
對開發前的分析過程理解成下圖的樣子
核心任務
通用標準
我的理解
概念模型分析
概念模型,是對產品構成結構和操作方式的系統化、結構化描述
•設計者是通過一系列視覺線索,以及使用過程將設計模型傳遞給使用者,並最終轉換為使用者概念模型
這裡只是系統化結構化的描述(線框圖)
構成結構(靜態):
頁面的劃分
頁面內容的定義
操作方式(動態):
互動的型別
跳轉的流程
功能結構分析
互動元件設計
元件間的結構關係
ue階段的功能不同於需求階段,應該理解成元件
根據功能逐步新增元件形成元件庫
結構關係:複雜元件是由簡單元件組成
使用場景分析
典型場景經歷的關鍵功能鏈
驗證元件庫能否滿足典型場景
互動流程分析
支援使用場景的關鍵操作過程(滑鼠點選步驟、螢幕引導路徑等)
動作規範,應該對應我們驗收列表動作部分的系統化的設計
資訊架構
控制項的數量、型別
控制項之間的邏輯、組織關係
使用者通過元件理解背後的功能
元件庫的架構層次
原型設計
所有介面組成完整的可模擬產品的原型
互動設計階段一些文章中的概念比較感性,對於我這個純理科生理解起來有些困難,所以沒做太多的解讀,靠意會吧
核心任務
通用標準
我的理解
設計定位
定義產品性格,賦予感情
風格探索
根據情緒板、直覺對產品進行風格設定
•情緒板借助影象,啟發和探索使用者體驗
•解決「不是我想要的」問題
視覺設計
視覺設計與評估迭代
•對已有原型安照既定風格實現視覺效果
•交付規範和標註
評估輸出交付物
介面標註、規範
五個階段,了解產品設計流程:
使用者體驗ue與使用者介面ui設計:
ui/ue設計流程:
1、文件的結構包含以下內容:
參考:bat如何做互動原型設計文件
2、互動說明都包括什麼內容
參考:手把手教你寫互動設計文件
六、視覺設計規範
產品設計流程
產品開發流程和專案管理流程時常被大家關注,合理的過程是團隊協作的基礎。在大家把產品的功能和特性放在第一位的時候,開發和專案的管理至關重要,而產品的設計卻往往被忽視,開發團隊會為了那些晦澀難懂 令人費解的功能而夸夸其談,複雜的產品特性通常會迫使產品團隊放棄優雅簡潔的設計,使用者體驗永遠是可能是專案過程...
產品設計 關於流程
昨天leader把我們叫到會議室,討論了下關於流程的問題。我們小組組建時間不長,人手也不多,平時忙起來可能會產生顧著不顧那的情況,碰到沒有顧及到的地方,難免會出現問題,出問題並不可怕,及時改正和承擔相應的責任就可以了,但就怕問題重複性的出現,這就有問題了,所有規範流程成了乙個必不可少的制度。專案分兩...
現代產品設計與製造流程
現代產品沒計已經全面採用了 cad computer aided design 技術,其零部件的設計過程一般包括概念設計 三維建模及輸出二維工程圖三個階段。在零部件三維沒計初步完成後,一般需要根據產品的特點和要求進行虛擬裝配及各種分析,以保證產品在結構強度 運動 生產製造等方面符合企業的要求。常見的...