網(wǎng)站用戶體驗(yàn)分析：交互設(shè)計(jì)七大定律

發(fā)布時(shí)間：2016-10-24 文章來源：瀏覽次數(shù)：3858

　　并不是筆者不看好海內(nèi)電商網(wǎng)站的設(shè)計(jì)，只是國(guó)外電商網(wǎng)站從網(wǎng)頁(yè)設(shè)計(jì)，寬假結(jié)構(gòu)，內(nèi)容排版以及色彩搭配，圖片運(yùn)用等方面都有很大的前瞻性，并且區(qū)域之間的融合也非常協(xié)調(diào)，我覺得長(zhǎng)短常值得海內(nèi)電商設(shè)計(jì)參考的。
　　1、大膽勇敢而又干脆的留白
　　頁(yè)面留白可以給訪問者和閱讀者留下足夠想象的空間，讓整個(gè)頁(yè)面有足夠的空間呼吸，但是假如留白設(shè)置不恰當(dāng)，將會(huì)導(dǎo)致頁(yè)面內(nèi)容缺少，所以在設(shè)計(jì)留白的時(shí)候要將各個(gè)頁(yè)面之間的圖文間距控制的非常好。
　　
　　從用戶角度分析，這些留白讓用戶有了視覺上的緩沖，不足以太壓抑或者是視覺觀察過于緊張，也有意足夠思索和想想的空間。從優(yōu)化角度分析，引導(dǎo)用戶，給用戶創(chuàng)造流暢的視覺感慨感染，晉升用戶對(duì)頁(yè)面的喜歡度，晉升用戶體驗(yàn)度。
　　在海內(nèi)電商設(shè)計(jì)中存在一個(gè)題目是，設(shè)計(jì)者恨不得將所有產(chǎn)品都展示在一個(gè)頁(yè)面之中，讓整個(gè)頁(yè)面都處于極度“飽滿”的境界，殊不知這樣的設(shè)計(jì)只會(huì)讓用戶感覺特別的壓抑，甚至無法清晰地知道頁(yè)面的內(nèi)容。也有的網(wǎng)站意識(shí)到留白的重要性，但往往不夠大膽勇敢而非常謹(jǐn)嚴(yán)小心，讓留白區(qū)域不天然，一看就知道是特地騰出的空間。
　　2、巧妙而又適當(dāng)?shù)纳?br /> 　　不同的顏色代表不同的情感，好比紫色代表高貴，粉色代表浪漫等等，在電商網(wǎng)站中，不同的產(chǎn)品要選擇不同的輔助色還潤(rùn)飾和渲染其目的性和引導(dǎo)性，可以參考：
　　
　　這只是在產(chǎn)品輔助色上可以鑒戒這些色彩搭配，對(duì)于背景色的使用，和海內(nèi)網(wǎng)站一樣，大多數(shù)選擇的是白色，認(rèn)為內(nèi)電商網(wǎng)站跟多的是要讓用戶對(duì)比產(chǎn)品產(chǎn)生購(gòu)買欲望，白色為背景，對(duì)比度和可讀性都比較強(qiáng)，并且讓人有整齊之感，清楚的文字、直觀的素材。沒有過多的潤(rùn)飾和渲染，沒有過多豐碩的顏色用戶可以自由瀏覽網(wǎng)站。
　　
　　3、簡(jiǎn)樸的構(gòu)圖填充頁(yè)面的“完整”
　　電商產(chǎn)品頁(yè)面不可能達(dá)到“完整”，由于可能圖片的使用會(huì)讓整個(gè)頁(yè)面看起來有所欠缺。在國(guó)外網(wǎng)站中，在平衡，對(duì)齊和對(duì)比這三個(gè)簡(jiǎn)樸的構(gòu)圖設(shè)計(jì)中做的非常好，沒有累贅的內(nèi)容，也沒有枯乏的留白，從顏色上下，圖片大小以及信息主次對(duì)比等方面，讓用戶在第一時(shí)間就能找到最重要的信息。
　　
　　4、注重細(xì)節(jié)變化捉住用戶視線
　　任何一個(gè)微妙的變化都將會(huì)使得整個(gè)頁(yè)面有更好，更順暢的效果，好比一個(gè)暗影的百分比的調(diào)整，或是一個(gè)細(xì)小的過度凸起，這些都會(huì)在某種程度上影響用戶的視線停留。
　　5、將價(jià)格巧妙情境化
　　無論是海內(nèi)仍是國(guó)外網(wǎng)站都會(huì)面對(duì)一個(gè)題目，價(jià)格顯示。就比如商品導(dǎo)購(gòu)在推廣商品的過程中，他們要考慮選擇這樣的方式和語(yǔ)境向用戶凸起價(jià)格，既要正確表達(dá)，又要讓用戶心安理得接受。國(guó)外的情境化設(shè)計(jì)就是一個(gè)非常好的方式。
　　
　　很巧妙的把價(jià)格信息天然榮辱與到場(chǎng)景中，在強(qiáng)盛的視覺背景之下，隨并不突兀，但信息內(nèi)容卻明確表達(dá)，讓用戶不會(huì)赤裸裸看到價(jià)格，產(chǎn)生極強(qiáng)的厭惡和反感。
　　6、讓靜態(tài)頁(yè)面極富節(jié)奏感
　　音樂能給人帶來美的享受，是由于它擁有讓人們神經(jīng)跳動(dòng)的節(jié)奏感。在一個(gè)頁(yè)面設(shè)計(jì)中，可以通過造型，大小，色彩等方式，讓一個(gè)靜態(tài)頁(yè)面也富有這樣的節(jié)奏。
　　
　　玄色色塊，按照一定的距離自上而下分布，在起到區(qū)分信息流的同時(shí)，色塊間間隔和大小的不同也形成了不同的波長(zhǎng)和輕重的節(jié)奏感。
　　7、集合趣味與實(shí)用于一身
　　海內(nèi)外電商網(wǎng)站中都存在這一設(shè)計(jì)元素，在搜索篩選上做了可視化圖形，集合趣味與實(shí)用于一身，當(dāng)然這種表現(xiàn)的方式在篩選前提過多時(shí)實(shí)現(xiàn)比較難題，只適合與垂直化對(duì)樞紐屬性的提取。
　　
　　在網(wǎng)頁(yè)設(shè)計(jì)方面，用戶的感官是一樣的，所以不會(huì)有海內(nèi)外區(qū)別，國(guó)外的這些時(shí)尚設(shè)元素，在海內(nèi)電商網(wǎng)站中使用較少，個(gè)人覺得這個(gè)仍是可以實(shí)踐一下，晉升網(wǎng)站頁(yè)面的時(shí)尚感。

上一條：淺談那些站長(zhǎng)從糊口中領(lǐng)悟...

下一條：只有站長(zhǎng)自身才能左右獨(dú)立...