久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

交互設計在產品設計中的工作流程小議

  當產品的用戶體驗要求越來越高時,交互設計師的職責也越來越明晰了。交互設計師除了自身的基本功外,還需要有一個規范的流程,才能夠使工作完整有序。

交互設計在產品設計中的工作流程小議 三聯

  圖1 交互設計在產品設計中的流程圖

  一、版本計劃

  版本計劃是指在產品或項目立項時,對產品的一個總的規劃,通常包括產品的需求與目標,比如能夠實現哪些功能,性能上如何。這一過程,交互很少直接參與,或者列席一下發版立項,對計劃情況有所知曉。交互可以縱觀一下歷史版本,對比行業內外的相關產品,以及滿懷未來產品的一種期待:實用、方便、美觀……

  二、需求分析

  在版本計劃立項完成后,產品經理就會把版本計劃分解,并整理成需求稿給交互設計師。交互設計師拿到需求稿后,開始需求分析。當發現有些邏輯不夠合理,或者有任何不夠清晰的地方,都需要跟產品經理協商。此時,交互可以使用各種原理與方法,比如根據產品的歷史用戶數據進行用戶研究,與開發人員進行一些實現效果上的交流。

  在與產品經理或開發溝通過程中,可以用自己方便的方式,隨時記下或畫下各種功能、效果與要求。交互設計是產品設計中的一個把需求變成模型的實現過程,產品經理是產品設計的核心,在交互設計過程中只要有問題,都尋求產品經理解決或協調。但是他們的主要工作是做需求,一個優秀的交互設計師所做的工作,產品經理往往是不容易做到的。

  三、交互設計

  前期的準備工作做好了,就進入交互設計階段了。這一階段,交互需要借助axure等原型工具,將產品由抽象概念轉化為可演示的模型概念。

  交互設計可以按三個小的步驟來走。第一個步驟,是交互過程的梳理,即用流程圖把交互過程梳理出來。比如在設計一種手機自動問答股票證券的功能,流程需要從入口、首次使用示例、詢問、回答到答案的分享等。同時,需要注意在使用過程中各種突發的事件,如網絡連接、服務器異常等問題提示,有回答不了的問題怎么給出回應等。

交互設計在產品設計中的工作流程小議

  圖2 交互流程示例圖

  第二個就是完成產品的功能需求,即把產品的基本功能通過一個完整演示的原型來實現。這個過程,可以用線框圖來表示,爭取每一種效果都能做出來,如果做不出來,就用文字說明標注。這一步做出來的低保真原型完成后,可以向產品經理演示,確認是否還有遺漏。一個有著完整交互效果的原型溝通起來還是能發揮出方便直觀優勢的,拿給開發演示,讓測試作為評測的依據,也比長篇大論的文章交流效率高很多。

交互設計在產品設計中的工作流程小議

  圖3 原型演示稿及說明

  交互設計的第三個步驟,就是把完整的原型詳細分解到每一步動作進行說明。開發、測試關心每一步怎么做,視覺也會根據每一步進行設計。在設計時,將理想效果大膽表達出來,當然這里少不了你寬闊的知識面。不需要對技術了解太深,但需要知道哪些效果實現起來方便并符合整體風格,哪些效果在技術上極難實現,而這些見識就要加強與開發的溝通。當然,對視覺的基礎也是要有的,各種布局設計也要在產品整體的視覺風格之內,否則視覺設計時的改動會比較大。

交互設計在產品設計中的工作流程小議

  圖4 交互動作分解與說明

  交互稿的審核,需要研發人員的共同參與。在審核過程中,抓住需求這條主線,從用戶的角度考慮,主要從軟件的基本交互規律上討論。做產品必須有前瞻性,而非事后的。主觀上的感覺也是一個方面,但分量不能過重。

  總之,交互設計完成后的產出物需要滿足兩個條件:完成產品需求,分解到每一步動作。這兩個條件具備了,就是一個不錯的交互文檔,圖和動作加上說明,比任何密密麻麻的文檔都直觀。

  四、視覺設計

  交互稿通過研發人員的審核后,交給開發前,需要進行視覺設計。視覺設計師不但要完成圖片圖標的設計,還要標注好背景色、字體、字號、間距等等。當然,除了圖標類的設計外,字體、間距、對齊等,交互設計師應該在規范文檔的指導下,在交互稿中有所體現了。但是即使有完善的規范,也只能完成 70%-80%,很多東西需要在場景變化時,進行適當的調整。

  五、開發

  產品的開發過程中,交互的主要任務就是跟進。功能方面,測試自然能夠把關,但是交互方面,哪怕前期溝通得再好,開發會一不小心還是會給做打折的。如果難度太大或實在有問題,開發應該主動找你協商。所以,在無關性能的影響下,只要能夠讓用戶體驗度再上升一點點,不要跟開發太多妥協。

  六、測試

  測試是你的好幫手,交互稿做得到位了,測試會幫你把好關。

  七、版本發布

  當測試完成了產品的各種驗證后,版本就要發布了,此時交互參與的這次研發基本進入了一個閉環。

  八、用戶反饋

  產品的版本發布后,會通過系統、電話等方式收到一些用戶反饋,有可能直接修改交互稿,或者直接跟開發提交互效果的更新,對版本進行一些完善。當然,過了剛發布后的一段時間,進入穩定期,才是真正完成了本次版本的交互工作閉環。之后的反饋,可以為下一個版本提供參考。

  需要提一下的是,產品的設計,并不一定有專門的視覺參與,就像產品設計過程并不一定有專門的交互設計師一樣。這個時候,交互設計師就要有一定的視覺設計能力了。

  總結

  簡單說來,交互設計過程如下圖所示,作為本文的一個總結。

交互設計在產品設計中的工作流程小議

  圖5 交互設計簡潔過程圖

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 久久久激情视频 | 99re在线视频 | 国产精品一区一区 | 亚洲欧美综合精品另类天天更新 | 亚洲一区二区在线视频 | 亚洲免费一区二区 | 免费亚洲一区二区 | 日韩精品一区二区在线 | 天堂视频一区 | 91精品国产日韩91久久久久久 | 欧美xxxx在线 | 老牛嫩草一区二区三区av | 国产欧美精品一区二区 | 欧美国产视频 | 亚洲 欧美 精品 | 超碰97人人人人人蜜桃 | 韩日一区二区三区 | 狠狠热视频 | 伊人网站在线观看 | 国产一级片精品 | 国产区在线免费观看 | 鲁一鲁资源影视 | 在线日韩精品视频 | 高清久久久 | 免费久久视频 | 日韩视频中文字幕 | 亚洲国产高清在线观看 | 欧美成人第一页 | 一级黄色片日本 | 国产一区二区三区在线看 | 国产精品一区二区免费看 | 国产激情视频在线观看 | 国外成人在线视频 | 毛片99| 国产精品一级在线观看 | 中文字幕成人在线 | 青青草综合 | 国产欧美视频一区二区 | 中文字幕一区二区三区在线观看 | 成人精品国产一区二区4080 | 国产综合精品一区二区三区 |