在電子產品以及互聯網產品中,交互設計無疑是重要的內容之一。中培偉業《用戶體驗與UI設計開發》培訓專家尹老師在這里介紹了設計產品交互框架的大步驟 。
尹老師指出,這六個步驟無論是對新人產品經理還是有經驗的PD都是很重要的,按照整個流程可以避免很多問題,也會讓我們的工作變得有節奏,而不至于丟三落四,確實對產品的把握。
這個問題有很多種答案,在我所有項目中,交互框架的確定是非常重要,非常費時費力的,但是實際中又很容易被忽略,被輕視,入行的新人特別容易陷入到細節自我陶醉,而忘記產品的宏觀建設,這對產品的發展無疑是非常不利的。
一個產品從一個靈感到真正可操作使用的實體,需要經過的流程很多,尹老師在這里談到產品設計環節的細分步驟。
1. 定義形式要素、姿態和輸入方法
形式要素指:web、移動端、pc端、ipad、智能硬件產品等;公共場所還是私人領域、光線充足還是比較暗、小巧輕便還是功能為先。這些產品的使用環境要素需要我們結合人物模型和使用場景提煉出來。
姿態是指用戶在和產品交互時,付出多大的精力和時間,以及用戶的姿勢等信息,例如PC端一般放在桌子上,用戶坐在椅子上比較常見,也會放在腿上,坐在沙發上。姿態決定了用戶對產品的定位和喜好,為我們對產品的使用場景提供參考依據。
2. 定義功能性和數據元素
很好理解,功能性是用戶希望通過某產品獲得什么樣的服務,轉化成我們得設計語言就是功能。功能是一個抽象的概念,它以功能元素為載體而真實存在。功能元素包括數據元素操作工具、數據視覺和結構化管理方式(交互設計精髓4-100),例如,我們在設計產品時,用戶可以點擊某個按鈕刪除某條信息,可以點擊某個空間切換頁面布局。
數據元素更方便理解一些,就是我們需要在產品中呈現給用戶的具體信息,包括文本、圖片等所有可見的獨立數據。難點在于,我們需要在設計產品時為數據分類,將實現模型中的數據元素轉化為用戶日常界面的表現語言來描述,并根據數據間的優先等級決定是否展示(一定要考慮數據之間的關系)。注意:數據元素的集合也就構成了技術開發中的搭建數據庫,需要對數據自上而下進行拆分,能夠整合而不至于散亂。
3. 確定功能組和層級
經過之前的功能性和數據元素的系統整理,我們需要將這些根據需求定義出來的功能和數據進行分類分組,以便梳理產品的架構,由微觀到宏觀。簡單點講就是講產品的所有數據和功能打包分組,劃分到每個一級板塊,對產品的基本架構尤其更清晰的認知。這一步驟需要注意不同功能和數據的對接,數據和功能橫向上的層次比較。
一個產品有很多功能,按照重要性可以分為核心功能、次要功能、輔助功能、補充功能。那么不同的功能也具備不同的層級和屬性,將同類別的功能打包在同一個功能組,并按照重要性和產品場景劃分層級,哪些放在首頁,哪些顯示,哪些隱藏,功能之間的邏輯順序;一般情況下,功能是否屬于同類別是根據數據是否相關來決定的。
4. 勾畫交互框架
經過對功能和數據的分組,我們可以大體在心里對產品的架構樣式有了感性的認識,那么勾畫簡圖是很快的。我們在這里需要注意的是,將所需要組合的功能組合層級,通過塊狀的元素描畫出來,不要做過多修飾,簡圖更多承擔著初審的任務,付出過多的細節工作影響了對框架的理解,也會由于過早牽涉細節缺乏產品的統一性。
在這一板塊,我們更多地需要嘗試,這種嘗試必須尊重交互原則和模式,并且是經過驗證或者有根據的,而不是隨心所欲,那樣會使得產品脫離現實,變得迷?;蛘叩土?。多繪制幾個方案,比對優劣,選取,然后定稿。只有對所有的框架都進行了反復修改后,產品的交互框架才算基本定型——不要妄圖一次成稿,不修改。
5. 構建關鍵線路情景劇本
我們首先定義一下什么是關鍵路線——結合使用場景,針對每個功能理想狀態下的路徑,這種路徑一定具備高頻、精魄、重要三個標志屬性。那么接下來我們講一下關鍵路線的使用方法和作用
關鍵路線就是,結合人物模型+場景+數據和功能元素,以任務為依托,使得最初設定的人物模型和交互架構產生充分、反復、頻繁的接觸,并最終通過磨合,發現不合理的設計,并對產品的架構產生更加深刻清晰的認知。對關鍵路線圖的使用越頻繁,越能夠對產品的細節問題進行深刻考量。這和我們在可用性測試中提到的任務走查很像,只是后者更側重對產品測試,而我們是在架構完善過程中對該方法的運用。
6. 通過驗證性的場景來檢查設計
既然是驗證性的場景,那么這里提到的場景一般都是針對當前設計中遺漏、丟棄、新增和次要的場景,由于設計過程的不完美性,因此我們必須對已經完成的架構采用這場驗證性場景進行回歸檢測。