建站心得


設(shè)計與用戶體驗


設(shè)計,用戶說好,才是真的好!
14期的友商聯(lián)線,同事認(rèn)為風(fēng)格不美觀,需要重新設(shè)計。
這次,我們引入了用戶調(diào)研,調(diào)研數(shù)據(jù)可以幫助我們快速決策!

EDM設(shè)計的前提是:
1、友商聯(lián)線將持續(xù)性的以郵件EDM的形式發(fā)給用戶。
2、要考慮版式結(jié)構(gòu)的延續(xù)性和擴展性。
3、要考慮郵件收發(fā)的速度性能。
4、品牌風(fēng)格的傳遞。

根據(jù)這些前提,我們擬定了設(shè)計的基調(diào):
1、框架必須簡單,易于擴展。
2、圖片精簡再精簡。裝飾性設(shè)計集中在廣告,及視覺引導(dǎo)的作用上。
3、要有聯(lián)線的設(shè)計特色(這個做了3類風(fēng)格供參選)

根據(jù)這些原則,我嘗試做了很多種風(fēng)格,最后聚焦在3種,方案一:是清爽有質(zhì)感風(fēng)格的設(shè)計;方案二:非常簡潔大方的商務(wù)味道的設(shè)計;方案三:是有特色情感的風(fēng)格設(shè)計。

最后我們聯(lián)系了14位用戶,請他們幫助調(diào)研。決策最終選用哪種方案。但因為時間緊迫,我們僅收到5個問卷反饋。

5份問卷的數(shù)據(jù)為:
1、無用戶選擇方案一;
2、設(shè)計風(fēng)格和文字字體上,方案二均以4:1勝出;
3、閱讀粘性上,方案二與方案三2:2。

雖然調(diào)研基礎(chǔ)最少要12份,由于我們的時間有限,僅收到5份就開始總結(jié),但方案二的優(yōu)勢還是很明顯的。
最后,我們選定了方案二。 我總結(jié)了一下:

其實友商聯(lián)線15期和14期,在風(fēng)格設(shè)計上是近似的,都是商務(wù)風(fēng)格,簡潔大方,藍(lán)色調(diào)子,右邊為廣告區(qū)域。視覺設(shè)計并沒有新的改觀和體驗。
但內(nèi)部同事反饋意見說,14期風(fēng)格不好看,需要重新認(rèn)真設(shè)計?;剡^頭來,我們發(fā)現(xiàn),單純的設(shè)計回到了原點,提升和改進的其實是用戶體驗。So,不管需求還是規(guī)劃提意見不能單單指:設(shè)計風(fēng)格不好!更多要站在用戶的角度去思考體驗的改進!而設(shè)計師呢,不能僅僅只關(guān)注色調(diào)圖片的裝飾性效果,更多要關(guān)注視覺層面的交互設(shè)計體驗(色彩、圖片都是為內(nèi)容服務(wù)的),要更多地多問問、多思考。

15期設(shè)計,修改的地方:
1、文字,用了14pix的字號,有助于閱讀。
2、主要推送內(nèi)容加了圖片,目的是吸引用戶的視覺,能快速聚焦到重要區(qū)域。
3、加了導(dǎo)航欄目,幫助用戶快速進入其他鏈接內(nèi)容。
4、加了hot、new小圖標(biāo),有視覺引導(dǎo)提示性作用。
5、一級欄目、二級欄目標(biāo)題,顏色做了區(qū)別,更加醒目。
6、加了友好的問候語。
7、規(guī)范了部分內(nèi)容的文字描述。


相關(guān)文章

首頁  電話  咨詢  頂部