1: 這個標簽欄的高度太矮了,與頂端導航欄相切,且頂端導航欄放置了三個功能按鈕。如果用戶點擊選擇標簽項,那就很容易誤觸到導航上面的三個按鈕! 以前做過這樣子的壹個交互布局,我們也是把壹個功能的按鈕放在了主體導航下面(功能按鈕上方也是有壹個按鈕),功能按鈕的高度應該跟唯品會這個標簽欄的高度差不多,結果我們弄出來後發現了壹個問題,就是在安卓上妥妥點擊地選中,可是在ios上就是會老誤觸頂端導航的按鈕,問了很多人才明白到,其實在ios上原生主體導航的按鈕的觸控範圍會加大壹些的!因此我們往後都特別註意導航下面放置標簽欄了!我們那個只是壹個小功能罷了,而唯品會這裏的標簽欄是主體導航的重要組成部分,用戶日日夜夜使用妳的應用,該會有多少次誤觸的機會呀!這可是造成了用戶多大的麻煩!
2:向左滑動標簽欄的最左邊標簽,側拉出左邊的抽屜頁;向右滑動標簽欄的最右邊標簽,側拉出右邊的抽屜頁,可以隨意切換重要的頁面真的好嗎? 標簽欄最左邊標簽,乃是用戶壹進到app就看到的,是壹個重要的類目。結合使用場景,用戶可能在地鐵上使用全神貫註地使用這個應用,地鐵上的環境比較不穩定,用戶很容易站立著但是左搖右擺。由於這個頁面可以左右滑動,很容易就會誤滑動到另外壹個頁面,把用戶的使用流程打斷,這是多麽沮喪,給人壹種多麽不安穩的感覺!
1. 太礙眼! 因為是壹直固定在頁面,所以每次滑動查看那些店鋪列表的時候,總是感覺有東西疊在圖片上阻擋,很多時還是四個小東西在阻擋。每個標簽項中的頁面都有這幾個功能,只能說有強迫癥的用戶,會不會有想把這幾個小東西移走的感覺?而且這幾個小東西放在這個頁面上會不會分散用戶的註意力呢?用戶在此頁面會不會只想好好地查看有那些品牌在搞折扣活動?縱觀全局來看,唯品這樣子做也是沒有辦法,因為他們不啟用類似於其他電商的導航布局 (頁面底下有固定的標簽欄,每個標簽欄就是不同的大模塊)
2. 這三個按鈕:個人中心,我的收藏,購物車橫穿了標簽欄及店鋪首頁,可能在標簽欄的頁面中,這三個東西是比較重要的,但是在進入店鋪首頁這幾個東西都真的起到那麽大作用嗎? 如果從用戶標簽頁中的列表進來,無非就是想看看這個品牌到底有哪些商品,這些商品都在做什麽折扣了,對有意向的商品再進行下壹步的深入操作。而個人中心,我的收藏,在這裏的作用就不大了。用戶已經進入了店鋪的商品頁看商品,這時他想瀏覽個人中心的幾率到底有多高?這時他想瀏覽我的收藏的幾率到底有多高?作為壹個購物者來說壹般進入品牌商品頁的動機無疑都是想關註商家的商品,而不是我已經購買過的或者收藏了的商品。而且這裏的個人中心與我的收藏跟此商品頁的功能又是沒有什麽關聯。既然作用不大能不能隱藏掉,不出現在店鋪的商品頁呢?不出來礙眼!讓用戶痛痛快快地尋找他想要的商品!
1. 篩選欄同樣用了壹條高度較矮的條形與導航欄相切。 同樣也是存在了誤觸的情況。真是傷不起呀。選擇標簽欄上的頻道已經要偶爾誤觸壹下了,進來品牌商品頁篩選壹下,還要再受誤觸的煎熬!
2.這三個按鈕唯品會是用了圖標來表示的,其中我的收藏與店鋪商品頁中的收藏圖標是壹樣的,都是壹顆心。 如果用戶想收藏店鋪,那麽會不會疑惑哪個圖標才是收藏店鋪呢? 識別而不是回憶!
1. 標簽欄中最新上線、昨日上新、最後瘋搶這三頁中的列表實在太花銷了,在茫茫的列表中,幾乎找不到關註點,看多了容易造成視覺疲勞。 列表的圖片太大了太花了,品牌的標識太少了。雖然看起來真的很”熱鬧“,但是對於想尋找品牌的用戶是多少傷不起呀。看得眼都花了。就不能留點空白處讓用戶的眼睛歇壹下?像xx算應用中的品牌欄目就做得恰到好處 (如下面第二張圖) 。
2. 活動欄目的樣式和品牌列表樣式做成壹樣。 開始用的時候,還搞不清狀況:就拿最新上線這個頻道來說,前面好個列表項都是活動的廣告圖,然後活動接下來就是品牌店的廣告圖,而且還要在壹堆品牌店列表項中插播壹些活動的廣告圖;點擊活動欄目以為是品牌店,進入了壹看才知道噢,原來搞錯了!然後就開始細心地區分哪些塊是搞活動的,哪些是品牌店的! Don't make me think!兩個不同的功能項為什麽樣式要做得壹模壹樣呢?活動作為壹種營銷的手段,更是要讓用戶知道,更是要突出,而不是跟列表混在壹塊,讓用戶去區分!
1. 收藏商品的按鈕太礙眼了! 突然想起前段時間朋友圈上流行的頭像上面加入紅色數字標簽,好多有強迫癥狀的人兒都受罪了,非得要把妳這顆紅色的小東西點到消失為止。收藏按鈕要放在醒目的地方,是對的,但是將它放在商品圖片上面是不是過於強調呢,而且位置也比較接近圖片中間了。用戶進入商品詳情頁就是想好好看看商品到底長什麽樣,商品的參數是如何的。尤其是衣物的商品詳情頁,商品圖片尤為重要,也許用戶只想好好看看商品的圖片,而不像那麽多礙事的小東西在阻擋眼球。有這麽礙事的壹個按鈕放在圖片上面用戶會不會也想去點擊壹下,讓它消失呢?而且這個按鈕放在圖片上,而圖片又是可以點擊的,按鈕又是可以點擊的,會不會造成誤觸呢?某寶的收藏商品按鈕就放置得恰到好處 (如下面第二張圖) 。
2. 更多商品詳情按鈕是否比唯品會正品保證提示、購物疑問的優先級高? 在這個場景中無疑用戶需要查看商品詳情的概率比需要去購物咨詢、需要查看唯品會正品提示的幾率高。關於購物咨詢,壹般用戶購物都是先看好了商品詳情後,如果有什麽不懂的,再去咨詢商家。而且我想壹般人都會想在網上購物的時候都想可以自助解決吧,除非商家對商品的說明不完善;關於唯品會的正品提示,這裏也許唯品會很想強調自己賣的是正品,但是將這個信息放到這麽重要的位置,而且每個商品詳情頁都會出現,用戶是否會覺得這個信息會很煩人,而且很可能用戶剛開始使用應用的時候會對這個信息進行閱讀,但是如果往後都會出現的話,用戶就不會再想去看了,因為已經知道妳要說明什麽東西了。所以這些信息的重要性是否要重新衡量壹下,然後給它壹個適合它的位置!
可以看到的是這幾個電商平臺的更多商品詳情的入口都是占據著比較重要的位置。個人覺得無論妳的平臺重點要宣楊哪種自身的特點,對於用戶來說詳情的商品詳情介紹永遠都是很重要。有多少個人會認識品牌中的各種商品的屬性參數呢?乃至於不用去看商品詳情了。
3. 兩個購物籃位置這麽接近是否會有歧義? 用戶進入到商品詳情頁看到頁面底欄出現了兩個購物車的按鈕是否會造成疑惑?記得可用性10大原則說過:識別而不是回憶。壹般我們的做法都是能不讓用戶困惑就不讓用戶困惑,也許這裏的設計可以做的更好吧!
時間不足,就先寫那麽多吧。以後有發現新的問題就繼續更新。這篇文章僅代表本人自己的觀點,無任何商業行為,請釋知~