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