互動設計層面 單頁面的互動和系統層面

2021-06-20 02:17:34 字數 2150 閱讀 7194

**

首先,我理解的互動包括2個層面的互動,單頁面的互動和系統層面的互動。單頁面的互動是最常見的對互動設計師的定位,比如把乙個註冊和登入頁面做到極致,把乙個搜尋框體驗做到最好;而系統的互動則是各個頁面之間的互動,各個頁面之間如何更好的聯絡在一起,目前顯見互動設計師談到這方面的話題了。

按照傳統的瀑布模型,需求分析 – 產品設計 – 產品研發 – 功能測試 – 發布與維護 ,在這套流程中下乙個節點必須在上乙個節點完全搞定才可以開始。所以在大部分的情況下是產品經理先做需求分析,然後開始撰寫足夠詳細的(注意這個程度)產品需求文件,互動設計師根據prd文件開始做互動設計,完事後交付給視覺設計師做效果,最後交付給技術人員做開發。而在這個過程中,從最開始的需求到最終開發出來的東西往往很難保證其需求傳遞的準確性,也讓互動設計師的生存空間大打折扣。於是,最常出現的情況就是「我明明想要的是齊天大聖,可是最後你卻給了我乙個孫猴子」。為了避免這樣的情況出現,我們嘗試將流程做了如下改進:

1、需求分析階段

產品經理在產品調研及需求分析階段產出乙份調研報告,這個報告需要說明這個專案的專案背景、專案收益、需要滿足使用者的核心需求點、為了滿足使用者的這些核心需求,我們需要使用哪些功能模組。在這個過程中,產品經理只需要考慮如何最大程度最優雅的滿足使用者的需求,完全不需要去考慮技術實現難度。一定切記不要讓某些技術思維使你的思維被僵化或者侷限了!

在整個需求分析完成一次之後產品經理需要做的乙個重要事情就是跟開發工程師確定需求實現的難度,哪些需求是立刻可以被實現的,哪些是需要長時間開發的,哪些時目前技術無法實現的,….。然後對需求做第二次的篩選與分析,同時試圖尋找替代方案,目前無法實現的可以暫時存入需求池,排入工程師研發規劃中。

2、需求第一次傳遞

需求分析迭代完成並通過評審之後產品經理需要開始將需求可操作化並做第一次傳遞。一般包括,需求的優先順序排序、如何將這些需求衍化到乙個可操作的產品中去、以怎樣的形態進行展示等。在這個階段需要輸出2個東西,需求概述和產品架構圖。需求概述主要對需求分析階段得到的經過團隊成員統一意見後的做總結,其實是繼續準確的描述「解決什麼人在什麼情況下的什麼問題」;而產品架構圖則是該階段最為重要的產出物,他是承載整個產品的根基,包括產品包括哪些模組,各個模組之間的關係如何等。

產品經理將需求概述和產品架構圖交付給互動設計師,由互動設計師來完成需求的頁面化,包括產品架構下的頁面邏輯確定、單頁面的互動邏輯確定。打個比方的話就像是產品經理提供給互動設計師一顆顆的珠子,並告訴互動設計師這些珠子的串聯規則,而互動設計師需要完成的就是將這些珠子串聯起來,以最動人的形式展示給使用者。這個過程中,產品經理需要給互動設計師足夠的信任,但前提是二者對於產品的核心需求點理解一致,由互動設計師主導完成珠子的串聯,產品經理做方向把握。最終,產品經理和互動設計師共同接受原型評審,同時完成產品需求文件並做第二次傳遞。

在產品設計流程中,相對於其他環節的需求傳遞,產品經理將需求傳遞給互動設計師的環節最為重要,互動設計師對需求的理解和把握會直接決定後續需求傳遞的效果如何。

3、需求的第

二、三次傳遞

經過上面的傳遞後產品需要滿足的核心需求得到認同,產品的框架與產品邏輯都得到確認,在接下來的傳遞過程中,主要涉及到視覺設計師、開發工程師,問題已經不大,面臨的乙個核心問題就是排期。這裡可以直接採用《使用者體驗的要素》中提到的方式「不能完整結束了這個階段的工作,才開始下個階段;在下個階段該結束的時候,完成這個階段這個階段的工作」

另外,由於移動裝置的特殊性,移動網際網路產品設計較傳統的web設計又有其他差異,互動設計師、視覺設計師提供的效果不似web設計可以在真機上完全模擬。所以,在移動產品設計中,必須要加入互動設計師、視覺設計師的真機效果確認。

絮叨了半天,其實總結起來就是這麼幾點:

1、滿足什麼人在什麼情況下的什麼需求之過東西,必須在每次傳遞的過程中被準確的傳遞,同時整個團隊形成統一認知;

2、專業的人做專業的事,互動設計師是整個流程中最至關重要的需求傳遞環節,最好由產品經理提出初略的產品需求綱要,由互動設計師來完善這個綱要,然後向下傳遞

3、不能完整結束了這個階段的工作,才開始下個階段;在下個階段該結束的時候,完成這個階段這個階段的工作

4、移動裝置產品設計的特殊性導致必須要求各個環節最終效果都在真機上做一次回歸

5、互動設計師是乙個可大可小的職業,這,完全取決於你自己

專案筆記 list頁面展示與互動設計

1 前台頁面 因為要展示正版和非正版,所以傳個type值過去 正版序列號庫列表 var type input name serialnumber checked val inside tableelement datagrid genuineserialnumbermanagementaction ...

使用者控制項和頁面的7種互動方式

在論壇上看到的,覺得會用上,收藏。使用者控制項webusercontrolaid為webusercontrol1和webusercontrolbid為webusercontrol1和頁面default.aspx之間的互動如下 1 webusercontrola 中有乙個 textbox id 為te...

互動設計裡的網格系統是什麼?怎麼用?

本文 墨刀翻譯自 mads soegaard 的the grid system building a solid design layout。網格,主要是跟設計的結構和背景相關。設計師們很容易忽網格的力量,而更多地去考慮想要建立的元素。許多傳統設計師仍然在一系列線框上畫出他們的傑作。為了幫助我們最大...