亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

本文通過對于國內(nèi)常用電商APP的分析，從以下三個部分闡述，在相同的產(chǎn)品框架下，不同的UI設(shè)計對用戶體驗造成的不同影響。閱讀大概需要十五分鐘。

1、用戶專注目標，但好的UI設(shè)計讓人忘掉搜索。

2、各類電商APP對于分類功能的UI處理。

3、文字、顏色對用戶注意力的影響。

一、用戶專注目標，但好的UI會引導用戶忘掉直接搜索。

人人都需要購物，每個互聯(lián)網(wǎng)公司都需要在網(wǎng)上賣貨，如果說手機桌面上有什么APP是最不能刪除的，可能就是購物APP了。既然現(xiàn)實生活中有那么多的實體購物MALL、小夜市、大超市，為什么我們還是需要購物APP？

我個人認為最重要的原因，就是因為網(wǎng)購與購物實體店相比更方便。

這種方便主要體現(xiàn)在：

1、啟動的方便

購物更加快捷，可能你到最近的實體店要走10分鐘，但是現(xiàn)在你躺在家里沙發(fā)上就可以買買買。

2、選擇的方便

如果今天是想買鞋，只需要用搜索框搜索鞋，各種各樣的鞋躍然屏上。如果到實體店，可能只能看到一家鞋店，再找一家又得走上5公里。

3、購物過程的方便

不用一進門就被人饑渴的眼光包圍，再被導購小姐跟著到處走，在網(wǎng)上購物遇到問題，只需要點點客服小按鈕，很輕松自在有木有。

4、售后的方便

電商以平臺作為擔保，還有評價系統(tǒng)，比起實體店付了錢就不認賬，維權(quán)跑斷腿的情況，確實方便很多。

既然用戶選擇網(wǎng)購的原因是因為方便（懶），（用戶在進入app的時候，通常是帶著目的，比如想買家電）當APP界面設(shè)計不能很快的引導用戶找到心中所想的時候，我們就會使用方便的方法：搜索功能。

但是逛過商場的人都知道，商場的室內(nèi)設(shè)計雖然給你設(shè)置了直升電梯，但是都藏在幽暗的拐角處，主要的購物路線可謂九曲十八彎，目的就是讓用戶在一門心思滴查找自己心中所想的同時，也能在這種環(huán)線中順便買點別的，增加購買率。這個理論套用到app設(shè)計上，我們可以得到，好的電商app設(shè)計最好讓用戶忘掉搜索功能。

二、相同的產(chǎn)品結(jié)構(gòu)，不同的UI處理，會帶來不同的用戶體驗。

 1、對于分類ICON的處理

對比下京東和淘寶首頁視覺設(shè)計我們可以發(fā)現(xiàn)，他們的產(chǎn)品框架幾乎一致：搜索導航欄+banner+活動+分類icon+頭條+板塊，然而由于視覺設(shè)計的不同，卻讓兩個頁面對我這個用戶造成的感覺有了些許不同！想一想，進入下面哪個頁面的設(shè)計，更會讓你有查看分類icon的欲望呢？

我個人更喜歡京東的頁面ui，整個頁面東西雖多，卻暗暗滴分層明確，因此不顯得雜亂。

左圖為京東頁面，從顏色就可以看出整個頁面分為3個層次，除此之外，每層統(tǒng)一的圓角倒角也強化了這種層次感，所以頁面內(nèi)容雖然多，但是卻不雜亂，視覺的歸納，讓復雜內(nèi)容井井有條。在淘寶頁面，雖然設(shè)計師使用了多種語言，直角、弧形、三角形、破圖、陰影，卻不僅沒有讓本來繁雜的產(chǎn)品信息層次更加清晰，反而加深了混亂。

京東首屏的視覺分層

其中第二層的顏色使用背景顏色最淺，淺色在視覺上是靠前，這樣的視覺處理方法可以看出來，第二層的內(nèi)容是設(shè)計師想要向我們展示的重點。

同時，設(shè)計師將分類圖標九宮格放在頁面中線偏上部分（人眼視覺重點位置）。

由此可見，用戶進入京東頁面首屏，視覺邏輯應該是 : 整個頁面——第二層——分類。

由此，視覺設(shè)計師通過視覺語言將龐雜的產(chǎn)品信息分類有序，達到讓用戶關(guān)注分類的目的。

反觀淘寶的首頁ui設(shè)計，似乎也有這樣的分層處理,但是卻由于視覺語言的不統(tǒng)一，不僅沒有讓這種層次變得分明，反而加深了混亂。

2、總分類導航的處理

幾乎所有的電商都有整個網(wǎng)站的分類導航功能，就仿佛進入一個大樓首先看到的大樓平面沙盤，它讓用戶能全面的了解應用的所有商品，并按照自己的意愿，選擇分類去進入。它被各類電商放在頁面不同的位置，主要來說主要分為三個位置：與子分類放在一起、頁面左上角、標簽欄。

對于滑動分類的設(shè)計，我個人更喜歡天貓國際的方式，因為當分類數(shù)目比較多的時候，用戶要不斷滑動才能看到后面的內(nèi)容，無疑，這是不方便的。

天貓將滑動條做到了100px,點擊范圍不再像嚴選（70px）那樣局促，而且在視覺上加粗了字體，讓分類更顯眼，加大了滑動色塊，使得滑動更明確。并且設(shè)計師將總體分類和滑動分類歸納在一起，設(shè)想一下，用戶可能剛在想，分類好多，不想滑動的時候，正好看到有總分類的導航按鈕，歸納相似功能的UI設(shè)計，減輕了用戶負擔，無疑使總分類導航擁有更多的點擊率。

而針對沒有設(shè)置滑塊分類的APP，我個人比較推薦蘑菇街式的：將總分類導航放在頁面的最左上角的方式：因為一張頁面的左上角是視覺的中心，所以，每個進入頁面的人都可以看到，但是由于手機大部分是右手單手手持，所以點擊頁面的左上角并不是特別的方便（尤其在這個大屏橫行的年代），這種特別顯眼，又不太方便摸得著的特殊位置，讓有了解全局需求的用戶無論如何也知道在哪里點擊，沒有觀看全體產(chǎn)品欲望的人（比如我），就可以選擇不點擊。

所以，將總分類導航放在頁面左上角，既不占用手指容易點擊的黃金位置，又能使所有用戶都能看的到。

三、文字、顏色對用戶視覺注意力的影響。

1、嘈雜的文字

周圍環(huán)境的視覺噪聲能夠干擾用戶對文字的識別，再來看看萬能的淘寶與京東的對比。

淘寶

京東

可以看到淘寶的圖標設(shè)計背景更加的復雜，顏色更多，背景圖形更多，因此真正要表達的內(nèi)容反而被弱化了，加深了用戶的識別難度。來看京東，圖標背景顏色雖然也有變化，但是漸變的很克制，沒有多余的圖形，圖標內(nèi)容呈現(xiàn)統(tǒng)一的克制的漸變的白色，一層陰影將底與面分開，讓人看著一目了然，簡單而有細節(jié)。

2、使用低頻顏色呈現(xiàn)重點

電商應用可能是所有app里面用色用的最多的了，當然通過互聯(lián)網(wǎng)買賣商品是注意力經(jīng)濟，注意力在哪里錢就在哪里，也許我們可以通過電商app對顏色的選擇，看到色彩對于引導用戶注意力的作用。

色相環(huán)有無數(shù)種顏色，為何幾乎所有電商都換選上圖紅框的顏色范圍？而很少選擇由藍到綠部分的顏色（特立獨行的網(wǎng)易考拉除外）？

因為人眼對于低頻顏色（紅-黃）最為敏感，用作banner, 圖標都會在頁面第一時間進入人的視覺，而相反，紫色—藍色—綠色視覺偏于后退，克制。我想大部分電商都不太希望他們的用戶選擇克制。

但是如果整個頁面全部用同一個色系，又會顯得無聊而層次單一，巧妙的對比、互補色運用，讓頁面更加有趣而吸引。

看看京東的萬紅叢中一點綠，反而突出了綠的內(nèi)容。

好了，今天這篇文章就寫到這里了，作為淺顯的用戶體驗分析拋磚引玉，其中一些理論參考《認知與設(shè)計理解UI設(shè)計準則》《多設(shè)備時代的UI設(shè)計法則》《簡約至上交互式設(shè)計四策略》，這些書帶給我很多ui設(shè)計方面的啟發(fā)，下次有機會我們再來談一談。

最后，如果大家有什么想法，歡迎給我留言討論，或者私信我，謝謝觀看么么噠。