首頁

網(wǎng)站用戶體驗(yàn)的76個(gè)要素

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:這篇文章寫的非常具體,對(duì)于一個(gè)公司的初級(jí)和中級(jí)網(wǎng)站,比較實(shí)用,可參照。

一、感官體驗(yàn):呈現(xiàn)給用戶視聽上的體驗(yàn),強(qiáng)調(diào)舒適性

1. 設(shè)計(jì)風(fēng)格:符合目標(biāo)客戶的審美習(xí)慣,并具有一定的引導(dǎo)性。

網(wǎng)站在設(shè)計(jì)之前,必須明確目標(biāo)客戶群體,并針對(duì)目標(biāo)客戶的審美喜好,進(jìn)行分析,從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。

2. 網(wǎng)站LOGO:確保logo的保護(hù)空間,確保品牌的清晰展示而又不占據(jù)過分空間。

3. 頁面速度:正常情況下,盡量確保頁面在5秒內(nèi)打開。如果是大 型門戶網(wǎng)站,必須考慮南北互通問題,進(jìn)行必要的壓力測(cè)試。

4. 頁面布局:重點(diǎn)突出,主次分明,圖文并茂。與企業(yè)的營(yíng)銷目標(biāo)相結(jié)合,將目標(biāo)客戶最感興趣的,最具有銷售力的信息放置在最重要的位置。

5. 頁面色彩:與品牌整體形象相統(tǒng)一,主色調(diào)+輔助色不超過三種顏色。以恰當(dāng)?shù)纳拭鞫群土炼?,確保瀏覽者的瀏覽舒適度。

6. 動(dòng)畫效果:與主畫面相協(xié)調(diào),打開速度快,動(dòng)畫效果節(jié)奏適中,不干擾主畫面瀏覽。

7. 頁面導(dǎo)航:導(dǎo)航條清晰明了、突出,層級(jí)分明。

8. 頁面大?。哼m合多數(shù)瀏覽器瀏覽(以15寸及17寸顯示器為主)。

9. 圖片展示:比例協(xié)調(diào)、不變形,圖片清晰。圖片排列既不過于密集,也不會(huì)過于疏遠(yuǎn)。

10. 圖標(biāo)使用:簡(jiǎn)潔、明了、易懂、準(zhǔn)確,與頁面整體風(fēng)格統(tǒng)一。

11. 廣告位:避免干擾視線,廣告圖片符合整體風(fēng)格,避免喧賓奪主。

周鴻祎:希望產(chǎn)品經(jīng)理們?cè)诠旧习嗟臅r(shí)候,拿出一點(diǎn)創(chuàng)業(yè)精神

藍(lán)藍(lán)設(shè)計(jì)的小編

(藍(lán)藍(lán)寫在前面,這篇文章我很欣賞,很有共鳴!做產(chǎn)品和做ui設(shè)計(jì)是一樣的,要用心,要有主人翁心態(tài),意識(shí)到這是為自己做的,百分百投入去做,受得了委屈,成得了事,不怕做的不好被客戶批評(píng)。要從失敗中汲取價(jià)值和可改進(jìn)的地方。但如果把自己看得太小,只把自己看成一個(gè)打工仔,這樣的層次和胸懷不可能成為一個(gè)真正能做好產(chǎn)品的產(chǎn)品經(jīng)理及好的設(shè)計(jì)師。

我覺得我是360最大的產(chǎn)品經(jīng)理,當(dāng)然,我認(rèn)為這不是因?yàn)槲矣卸嗝闯晒?,而是因?yàn)槲以?jīng)是最大的失敗者,曾經(jīng)在用戶體驗(yàn)上犯了非常巨大的錯(cuò)誤,甚至被別人罵得狗血噴頭。很多人看到的是我投資和參與做的成功產(chǎn)品,但沒有看到背后還有很多不成功的功能、不成功的產(chǎn)品,這些失敗沒有被大家所關(guān)注和記得。但正是這些經(jīng)驗(yàn)教訓(xùn),才幫助我做出更好的產(chǎn)品。我覺得要成為優(yōu)秀的產(chǎn)品經(jīng)理,還得有“四心”。

用心:對(duì)自己對(duì)產(chǎn)品負(fù)責(zé)任

大家可能會(huì)覺得我講了一個(gè)特虛的“用心”,不是。大家會(huì)覺得我在產(chǎn)品上有一些心得,實(shí)話說每次做一個(gè)新產(chǎn)品,我也不是拿出幾個(gè)錦囊,也不能三分鐘就有靈感,我也花很多時(shí)間看同行的產(chǎn)品,去論壇看用戶評(píng)論,然后也花很長(zhǎng)時(shí)間用產(chǎn)品,每個(gè)產(chǎn)品都是要嘔心瀝血。有時(shí)候感覺做產(chǎn)品像是媽媽十月懷胎生孩子,就算你成功養(yǎng)育了三個(gè)孩子,第四個(gè)孩子不用十個(gè)月,三個(gè)月就生出來,可能嗎?還是要經(jīng)歷十個(gè)月的痛苦孕育過程。我覺得用心,對(duì)自己負(fù)責(zé)任,對(duì)自己做的產(chǎn)品負(fù)責(zé)任,是一個(gè)產(chǎn)品經(jīng)理的基本前提。

事實(shí)上,很多產(chǎn)品經(jīng)理應(yīng)該自省,你們做產(chǎn)品真是為自己在做,還只是在執(zhí)行老板的旨意或上級(jí)的命令,是真的在用心嗎?

很多人認(rèn)為自己只是公司的一顆螺絲釘,甚至還不是。但如果把自己看得太小,只把自己看成一個(gè)打工仔,這樣的層次和胸懷不可能成為一個(gè)真正能做好產(chǎn)品的產(chǎn)品經(jīng)理。所以我希望產(chǎn)品經(jīng)理們?cè)诠旧习嗟臅r(shí)候,也不用管公司是不是你自己的,拿出一點(diǎn)創(chuàng)業(yè)精神。很多人會(huì)說我又不是創(chuàng)業(yè)者,我干嗎要?jiǎng)?chuàng)業(yè)精神。那換個(gè)方式思考,難道非要自己辦公司才能把一個(gè)產(chǎn)品做好嗎?在別人的平臺(tái)上花著老板的錢,花著公司資源,做不成是公司交學(xué)費(fèi),這多好。如果在公司能把自己充分調(diào)動(dòng)起來,把一個(gè)產(chǎn)品做到,讓產(chǎn)品在市場(chǎng)獲得成功,將可以給自己積累聲望、人脈關(guān)系,當(dāng)然也可能是積累經(jīng)驗(yàn)教訓(xùn),但即便是教訓(xùn)也能夠?yàn)槟阆乱淮纬晒ψ鲣亯|。

即便自己出去做一個(gè)公司,你真覺得你做產(chǎn)品的能力就有所提升、完全不一樣嗎?未必。我常跟產(chǎn)品經(jīng)理講,你心里要有一個(gè)大我,要對(duì)產(chǎn)品負(fù)責(zé)任,要把產(chǎn)品看成你自己的產(chǎn)品,我認(rèn)為每個(gè)人都是有潛力的。很多產(chǎn)品經(jīng)理也在努力做產(chǎn)品,但仍能挑出很多問題,事實(shí)上他也盡到了工作職責(zé),僅僅靠盡到工作職責(zé),很難成為優(yōu)秀產(chǎn)品經(jīng)理,還得真的用心。



一組黑白灰的低調(diào)大氣范網(wǎng)站設(shè)計(jì)

博博

黑白灰的經(jīng)典配色是永恒不變的教父級(jí)色彩,也是含蓄內(nèi)秀的典范。今天@飛屋睿UIdesign挑選了13個(gè)優(yōu)雅的黑白灰配色網(wǎng)站,同學(xué)們也可以拿來作為網(wǎng)頁設(shè)計(jì)時(shí)色系風(fēng)格的參考 >>>

@飛屋睿UIdesign :在經(jīng)典配色中,可能每個(gè)人都不會(huì)否認(rèn)黑白灰的永恒魅力。雖然人們總是想“outstanding”,眼球搶奪,注意吸引……但想要把用戶永遠(yuǎn)留住,除了第一印象,更多需要日后方方面面的細(xì)節(jié)。況且在我們的身邊已經(jīng)太多色彩大爆炸了,我們顏色識(shí)別系統(tǒng)也許到了某一峰值,總也想要有停下運(yùn)轉(zhuǎn)的時(shí)刻。這時(shí),黑白灰的配色就從一大堆顏色中尤為突出,甚至能讓人心恢復(fù)平靜,這也是這兩年開始盛行極簡(jiǎn)風(fēng)格的原因。

專業(yè)解讀!2015—2016視覺設(shè)計(jì)流行趨勢(shì)預(yù)測(cè)(一)

博博

編者按:福爾摩斯說猜是不好的習(xí)慣,視覺設(shè)計(jì)的同學(xué)們平時(shí)習(xí)慣了讓感性帶動(dòng)設(shè)計(jì),可能還沒看過今天這類設(shè)計(jì)文。這篇由@百度MUX 集結(jié)整個(gè)團(tuán)隊(duì),歷時(shí)3個(gè)季度總結(jié)的2015年趨勢(shì)預(yù)測(cè),行文科學(xué)嚴(yán)謹(jǐn),有理有序,對(duì)加深對(duì)界面設(shè)計(jì)的理解非常有幫助 >>>

【今年人氣最高的資源+教程,同學(xué)你不看一眼么?】 >>> 《年度頒獎(jiǎng)盛典!2014年的設(shè)計(jì)資源大盤點(diǎn)》

視覺設(shè)計(jì)是一門隨著時(shí)代發(fā)展與社會(huì)變遷,隨著人類認(rèn)知提升與生活環(huán)境變化,而不斷進(jìn)化的專業(yè)學(xué)科,無論是從小眾喜好走上大眾審美,還是從零星的創(chuàng)意苗頭轉(zhuǎn)為流行趨勢(shì),它都代表了一個(gè)時(shí)期人們審美取向與內(nèi)心述求。與此同時(shí)伴隨著城市生活節(jié)奏加快、人們生活方式日新月異,如今的優(yōu)秀設(shè)計(jì)不僅要具備產(chǎn)品使用的功能性,更要符合未來人群的生活方式和潛在審美需求。而作為設(shè)計(jì)師需要具備敏銳的洞察力與捕捉趨勢(shì)的能力,充分消化和理解潮流設(shè)計(jì)元素,不斷汲取其中的精華養(yǎng)分,歷練實(shí)踐轉(zhuǎn)化與效果表達(dá)的掌控力,才能具備更加開闊的視野、獨(dú)到的品味和充滿靈性的設(shè)計(jì)感覺。

什么是跨渠道的體驗(yàn)研究與設(shè)計(jì),蘋果是否做用戶研究,如何說服你的客戶/老板采納你的方案或設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

“蘋果是否做用戶研究?”

這個(gè)頗具爭(zhēng)議的問題,黃峰給出自己與蘋果用戶體驗(yàn)布道師Mark Kawano溝通的結(jié)果。蘋果撤掉了專門的用戶研究團(tuán)隊(duì),但其職能被設(shè)計(jì)師團(tuán)隊(duì)所消化與分擔(dān)。真正專業(yè)的用戶體驗(yàn)設(shè)計(jì)師,對(duì)于基礎(chǔ)的用戶研究已具備執(zhí)行與分析的能力。大規(guī)模的定量研究由內(nèi)部或外部其他專業(yè)團(tuán)隊(duì)來完成。


“在產(chǎn)品創(chuàng)新過程中,誰該主導(dǎo)產(chǎn)品的設(shè)計(jì)?PM or UX?”

黃峰認(rèn)為PM和UX本為一家,需要緊密協(xié)作。PM是一個(gè)非固定崗位,也是一種qualification,即無論是研發(fā)、設(shè)計(jì)亦或項(xiàng)目管理,在滿足條件的情況下都可以成為某個(gè)產(chǎn)品的產(chǎn)品經(jīng)理。同時(shí)黃峰也直言,目前多數(shù)企業(yè)的多數(shù)PM實(shí)質(zhì)上并非產(chǎn)品經(jīng)理(Product Manager),  更多的是項(xiàng)目經(jīng)理(Project Manager)。真正的產(chǎn)品經(jīng)理(Product Manager)是需要為產(chǎn)品的Vision, Strategy, Roadmap, 市場(chǎng)反饋監(jiān)測(cè)與產(chǎn)品調(diào)整等負(fù)責(zé),這才是真正的UX頂尖人才的終極目標(biāo)。黃峰以電影行業(yè)為例子,生動(dòng)闡述了UX在產(chǎn)品/服務(wù)創(chuàng)新領(lǐng)域的定位和價(jià)值與電影中的導(dǎo)演與其他專業(yè)的關(guān)系有幾分相似。在他看來,理想中的產(chǎn)品經(jīng)理更需要全面的UX能力,我們當(dāng)下不必拘泥于某個(gè)歷史留下的title, 關(guān)鍵還是看實(shí)際的工作內(nèi)容和定位。


通用設(shè)計(jì)方法---一些ui設(shè)計(jì)中有用的調(diào)查方法

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)寫


我在言又已書店發(fā)現(xiàn)了這本好書通用設(shè)計(jì)方法》,記錄了通常在設(shè)計(jì)中的一些方法,屬于綱目類的介紹,每頁一種調(diào)查方法,共90多種呢,雖然寫的沒有展開,但大概從書中可以看到思路方法,結(jié)合自己的實(shí)踐可以應(yīng)用起來~~

這本書近100元呢,抱歉,我考慮了一下還是沒有買。這本書大概知道就好,細(xì)讀內(nèi)容不夠的,查了下網(wǎng)上有pdf,回去細(xì)看吧~~~ 


通用設(shè)計(jì)方法PDF全書在此


屏幕快照 2015-10-01 下午5.56.44.png



眼動(dòng)追蹤法---常用重點(diǎn)方法,得有設(shè)備配合啊~~

焦點(diǎn)小組.png


眼動(dòng)追蹤.png

焦點(diǎn)小組--常用重點(diǎn)方法

焦點(diǎn)小組.png


涂鴉法--鼓勵(lì)人們自由寫,隱秘的調(diào)查~~

屏幕快照 2015-10-01 下午5.14.03.png


日歷

鏈接

個(gè)人資料

存檔