线框图(demo草图)制作的总结
生活随笔
收集整理的這篇文章主要介紹了
线框图(demo草图)制作的总结
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在產品的設計中,一直以來我都有一個誤區,認為用戶需要的底層需求是來自交互的完成。但是在總結的時候,發現交互不能承擔的恰恰是用戶的底層邏輯架 構,無論這些是不是用戶最終所關心的;從pm或是需求人員設計出的底層業務邏輯,演繹出用戶的底層需求(用戶必須要使用的),交互設計師從這些底層的業務 邏輯,設計出用戶通過界面來提取這些需求的途徑。
???? 用戶看不到底層的需求,所以我曾經一廂情愿的認為這些都是交互設計應該承擔的責任;但是用戶使用的、呈現給他的界面都是需要通過交互的過程來展示給用戶,讓用戶易于使用。
???? 在產品設計的過程中,我使用過多種交互設計方法,但是中心的流程還是依據從用戶研究到關鍵角色設計、訪談、提取用戶情景,卡片提取用戶重點到最后通過草圖 繪制來確定用戶的需求(當然會依據業務流程圖)。其中草圖demo是經常用的一個簡便的設計方式,而且高效易于修改,但是說來慚愧,一個leader問我 對線框圖的認識時,我卻覺得概念很模糊。其實線框圖說出來在交互崗位中并不模糊,而且在大量的頻繁的使用。在我的工作中,它就是每天提到了草圖。
???? 在家休息總結,也參考了一些大師對線框圖的理解,故總結一下。一、線框圖的依據:業務流程圖以及相關的用戶調研所提取的數據。依據各個公司不同,所以產品的名稱有所不同。總之數據的依據來源是用戶底層的需求,提供相應的業務邏輯
二、線框圖的繪制過程
1、白板繪制,便于討論,但是不便于保存哦,比如我的就over了!下圖引用了大師的圖片!
2、討論完畢后在白紙上記錄,整理圖示,再次考慮與流程圖的需求是否吻合。
3、用工具visio繪制電子檔文件,以便傳閱。當然可以有很多工具。
4、相關交互的解釋說明,標注清晰
由于有些圖片設計到未發布的產品,故沒有能夠完全展示,有興趣的朋友,可以下載我整理的一些國外大師們,有關線框圖的制作過程。很有幫助的哦!
總結
以上是生活随笔為你收集整理的线框图(demo草图)制作的总结的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 面对困难的代码,分解困难各个击破
- 下一篇: awk学习实战-原创