網(wǎng)站制作NEWS
網(wǎng)頁ui設計流程
1.產(chǎn)品需求分析
當產(chǎn)品經(jīng)理給出一個產(chǎn)品的需求,我們首先需要對這個產(chǎn)品進行一個大致的分析,分析這個產(chǎn)品的方向,定義產(chǎn)品的用戶群體及特征;
2.深層次的用戶體驗研究與分析
這個時候我們就要對已定義的目標用戶群體及特征進行深層次的剖析,包括目標用戶群體的年齡,性別及目標戶群體的一些情感習慣,心理特征等,這樣我們就可以有針對的對這個產(chǎn)品構想設計出一個大概的色系搭配及元素控件設計;
3.初稿設計
這個時候我們就可以把產(chǎn)品經(jīng)理的原型需求和自己對產(chǎn)品的體驗研究分析結(jié)合起來設計初稿。(大概的色系搭配,框架布局,元素控件,圖標ICON等設計都可以在這一步呈現(xiàn)出來)
4.視覺規(guī)范設計及細節(jié)優(yōu)化設計
初稿設計完成了,產(chǎn)品大概的樣子都出來了,接著我們就是要做好視覺規(guī)范設計及細節(jié)優(yōu)化設計。視覺規(guī)范設計就是要對整個產(chǎn)品的顏色,字體,字號,元素控件,圖標ICON,間距及交互效果做個統(tǒng)一的規(guī)范,這樣才可以做出一個成熟的產(chǎn)品,對前端制作也是有很大的好處的。
接著就是細節(jié)的優(yōu)化設計了,這個我們就要細心的做好細節(jié)上的設計,比如一些對齊,間隙,圖標虛邊,線條像素,模塊陰影等等;
5.跟進前端工程師實現(xiàn)設計效果
設計稿完成了接下來就是前端工程師制作了,這時我們就不要以為我們的工作完成了,我們要繼續(xù)跟進前端工程師實現(xiàn)還原我們的設計效果,有必要我們可以設計出一份交互圖出來,這樣便于他們更好的更準確的更快捷的實現(xiàn)我們的設計;
6.產(chǎn)品體驗
當前端制作好頁面之后,我們就可以對整個產(chǎn)品做一個線上的體驗,界面體驗,交互體驗,當遇到一些體驗不好的地方我們可以直接和產(chǎn)品還有前端工程師進行溝通,共同來商討解決這些問題;
7.產(chǎn)品的持續(xù)用戶體驗跟進研究與優(yōu)化
產(chǎn)品上線之后,我們要持續(xù)關注與跟進它,進行一些用戶體驗數(shù)據(jù)的收集,對于界面上和交互體驗上的一些不是很理想的地方做一個收集,用在下期的改版上;
多重隨機標簽