細(xì)節(jié)設(shè)計(jì)帶來好的用戶體驗(yàn).doc

用戶體驗(yàn)設(shè)計(jì):細(xì)節(jié)設(shè)計(jì)帶來好的用戶體驗(yàn)對(duì)于互聯(lián)網(wǎng)公司來說，用戶體驗(yàn)起到至關(guān)重要的作用，能否給用戶留下深刻的印象；開發(fā)出的產(chǎn)品是否實(shí)用、易用？等等這些都是開發(fā)者必將思考的話題。當(dāng)有用性一樣的時(shí)候，大家的競(jìng)爭(zhēng)重點(diǎn)就是易用性了，這就是互聯(lián)網(wǎng)產(chǎn)品如此重視用戶體驗(yàn)的原因。什么是用戶體驗(yàn)？用戶體驗(yàn)（User Experience，簡(jiǎn)稱UE）是一種純主觀在用戶使用產(chǎn)品過程中建立起來的感受。顧名思義即用戶在使用你的產(chǎn)品過程中的感受、心情、情緒、體驗(yàn)，也是會(huì)誘導(dǎo)用戶選擇你的產(chǎn)品而非競(jìng)爭(zhēng)產(chǎn)品的因素。那么，如何做出更加優(yōu)秀的互聯(lián)網(wǎng)用戶體驗(yàn)？本文將為你支招，看看各位大牛是如何解答的：新浪產(chǎn)品設(shè)計(jì)師 ：不要讓用戶做不必要的思索1.不要讓用戶做不必要的思索。有一本書叫不要讓我思索，被很多人奉為用戶體驗(yàn)圣經(jīng)，動(dòng)輒就說：“我們的產(chǎn)品純傻瓜操作，不讓用戶思索?！边@個(gè) 理解是片面的，用戶的思索分為必要思索和不必要思索，好的產(chǎn)品是避免用戶做不必要的思索，把精力集中于必要的思索。例如一個(gè)照相產(chǎn)品，怎樣取景、構(gòu)圖就是 用戶的必要思索；至于拍照按鈕在哪里，怎么按這就是不必要的思索。好的照相產(chǎn)品應(yīng)該讓拍照按鈕一目了然，方便操作，讓用戶把精力集中于取景構(gòu)圖。2.符合 邏輯。無論產(chǎn)品操作流程、界面布局都應(yīng)當(dāng)符合邏輯，讓用戶操作起來自然而然，而不必進(jìn)行專門的學(xué)習(xí)。3.交互友好。比如盡量降低用戶誤操作的可能性同時(shí)允 許用戶犯錯(cuò)，提示語應(yīng)當(dāng)盡量清晰明確，按鈕面積要適當(dāng)，顏色對(duì)比不要過于刺眼。專注于產(chǎn)品分析、用戶研究 ：產(chǎn)品好用是吸引用戶，易用是留住用戶現(xiàn)在同類產(chǎn)品均比較多，一個(gè)不好用他可以換別的，其實(shí)用戶的要求很低但也很高在用戶眼里，產(chǎn)品只是一個(gè)工具，只要不會(huì)讓他很煩或者難以下手使用，他 一般都會(huì)繼續(xù)用著，而用戶也會(huì)在產(chǎn)品中尋找自己想要的功能或者細(xì)節(jié)的東西，往往這部分是不容易滿足的用戶體驗(yàn)最早與用戶接觸，是在用戶學(xué)習(xí)怎么使用這款產(chǎn) 品的時(shí)候，好用與否以及易用程度，很大程度決定了其是否繼續(xù)留下來，個(gè)人認(rèn)為Dont make me think還是很重要的。對(duì)于優(yōu)秀用戶體驗(yàn)來說，引用都在說的一句話，最優(yōu)秀的用戶體驗(yàn)就是讓用戶感覺不到你的存在?；ヂ?lián)網(wǎng)產(chǎn)品經(jīng)理：在互聯(lián)網(wǎng)的定律中，只有第一，沒有第二缺乏核心競(jìng)爭(zhēng)力和不可復(fù)制性必然會(huì)導(dǎo)致用戶背叛成本降低，則必須重視用戶體驗(yàn)，也就是產(chǎn)品的易用性，或者在市場(chǎng)方面下功夫，獲得高市場(chǎng)占有率以改變用戶習(xí)慣，從而提高用戶的背叛成本。這幅圖能否給你一些啟示呢？關(guān)于網(wǎng)站設(shè)計(jì)的一些建議：分享了一些見解，他認(rèn)為網(wǎng)站的細(xì)節(jié)設(shè)計(jì)中，最容易、最常見的營(yíng)造或破壞設(shè)計(jì)品質(zhì)的方面有以下幾個(gè)方面：1）文字 設(shè)置正確的font family以保證在不同操作系統(tǒng)中都能以最優(yōu)的字體顯示中文、字母、數(shù)字、標(biāo)點(diǎn)。 針對(duì)以中文為主和以英文為主的內(nèi)容、字體大小不同的內(nèi)容，設(shè)置不同的行間距。 在Windows、宋體為主的環(huán)境下，字體不要小于12px，不要使用斜體，避免使用粗體。 2）內(nèi)容尺寸 對(duì)于文字內(nèi)容為主的頁面，往往可以利用最小文字的尺寸（或接近這個(gè)尺寸）、并且能整除標(biāo)準(zhǔn)頁面寬度的尺寸，作為網(wǎng)格的單元尺寸。 使用網(wǎng)格設(shè)計(jì)法規(guī)范內(nèi)容的尺寸，讓布局看起來整潔有序。 設(shè)置內(nèi)容寬度是固定還是可以延展?？裳诱沟膬?nèi)容寬度能充分利用屏幕空間，但是過寬的內(nèi)容反而妨礙閱讀。 3）對(duì)齊 使用網(wǎng)格設(shè)計(jì)法規(guī)范內(nèi)容的對(duì)齊，讓布局看起來整潔有序。 在橫向上不要使用過多的對(duì)齊基準(zhǔn)線。如果橫向有5、6個(gè)對(duì)其基準(zhǔn)線，幾乎等于沒有規(guī)范對(duì)齊。 英文在左對(duì)齊或右對(duì)齊的時(shí)候、另一側(cè)參差不齊，居中對(duì)齊的時(shí)候兩側(cè)參差不齊，有一種美感。中文則往往更欣賞整體接近方塊化的布局，尤其是對(duì)于高密度內(nèi)容，需要慎用參差不齊的形式。 4）間距 間距單元尺寸的制定，由網(wǎng)格單元尺寸、字體單元尺寸共同決定。 盡量少使用幾種不同的間距尺寸，間距類型過多讓布局顯得凌亂。 間距是非常有效的形成內(nèi)容區(qū)塊的方式，并且微妙而不強(qiáng)烈。相比使用背景色、間隔線，用間距形成區(qū)塊往往更具品質(zhì)感。 5）顏色 主體顏色盡可能不超過3種（黑色和白色如果作為背景色和文字色，不包括在內(nèi)），主色、強(qiáng)調(diào)色、輔助色。 在同一種顏色上，可以根據(jù)需要發(fā)展出同色系的輔助色。 如果使用過淺的顏色，有可能在某些顯示器上看不見。同一顏色在不同的顯示設(shè)備上顯示效果往往不同，往往綠色的偏色尤其嚴(yán)重。 實(shí)際工作中，常常可以把上面的內(nèi)容總結(jié)成“3”的原則：基于網(wǎng)格設(shè)計(jì)內(nèi)容布局的尺寸、對(duì)齊、間距，使用不超過3種字體大小、3個(gè)對(duì)齊基準(zhǔn)線、3種間距尺寸、3種顏色。對(duì)于，國(guó)內(nèi)的網(wǎng)站，有