杭州嵌入式培訓
達內杭州嵌入式培訓中心

13732203138

熱門課程

如何讓你的設計不那么千篇一律

  • 時間:2020-05-18 10:34
  • 發布:轉載
  • 來源:網絡

這幾天一直在想寫什么文章,想寫組件的時候又不知道怎樣寫出不同的新意出來,正好朋友說我寫趣設計的文案的時候,說可以拿之前的功能與現在的做對比,然后我就想到了組件的對比。

隨著產品一直在不停的更新以及交互優化,很多產常見的組件都發生了一些變化,今天就來看看這些產品在哪些細節上做了調整吧!首先先來看看頂部搜索欄。

頂部搜索欄

頂部搜索欄是每個UI設計頁面的時候都會遇到的一個組件,常見的頂部搜索欄的設計可能都是這樣的,如下圖所示:


但是我發現最近的有些產品的頂部搜索欄發生了一些變化,美團和淘寶將一些原本出現在二級頁面的熱門搜索標簽,放到了首頁搜索框的下面,如下圖所示:


熱搜這個功能出現在一級頁面大多是新聞和內容類產品最多見,其中最出名的要數微博熱搜,經常能從熱搜上了解最近發生的大事,簡單的說就是讓用戶在最短的時間里了解大家都在關注的事情。

同樣的電商產品選擇將熱門搜索的商品放到首頁的搜索框下面,這樣做的好處是讓用戶了解最新的熱門單品并且快速購買,不過這種場景更適合的是沒有具體購買目標的用戶。

缺點是熱門搜索沒有排名,同時以標簽的形式展示存在感偏弱,很容易會被用戶忽略到。

頂部個人中心

說到個人中心,大部分設計師的第一反應,應該都是底部tab欄里的最右邊的那個入口icon,如下圖所示:


當然你其實還可以將個人中心的入口放在別的位置,如下圖所示:


這兩個都屬于音樂播放類APP,與主流的音樂產品發現音樂的方式做文章不同,上圖中的兩個產品主要定位是視覺化音樂軟件,并且在推薦上有及其強烈的小眾風格,整個界面功能少,因此界面底部沒有放按鈕入口,而是將個人中心放到了界面的頂部tab的右邊,當然這樣的設計不僅僅只是應用在音樂產品中,如下圖所示:


馬蜂窩和Gofun都是采用的這樣的設計,馬蜂窩由于今年主打“攻略+營銷”的戰略,更專注于打造爆款IP營銷,而最近比較大的界面改版也說明了這一點,將個人中心放在了頂部搜索框的右邊,減少了底部的tab入口,讓用戶更專注于看首頁的UGCfeed流。

這兩個產品都有一個共同的特點就是底部的按鈕很少,這么做的好處是能夠讓用戶更專注于當前頁面的內容,更適合強突出業務核心,個人中心使用頻次不高的產品。

缺點也很明顯,降低了個人中心的層級,用戶在找個人中心這個模塊的入口時,學習成本略高。

還有一些產品在首頁的搜索框也放了頭像,但是點擊進去更像是個人中心的內容補充,如下圖所示:



頂部發布按鈕

在以UGC發布的內容為核心的產品,發布的按鈕一般都是占據C位,如下圖所示:


這是我們目前最常見的頁面布局形式,還有一些產品在這個基礎上做了些調整的,如下圖所示:


馬蜂窩默認頁面是三個底部按鈕,但是在下滑時左右的首頁和去旅游就會收進發布按鈕里去,增加首頁內容的沉浸感,從之前的“找內容”轉變成“逛內容”,同時下面的發布按鈕也鼓勵用戶發布內容。

上圖中是大家常見的,目前還有另一種發布形式,將發布按鈕放到了頂部的右上角,如下圖所示:


微博之前的發布功能也是在底部的C位,現在改版了以后底部增加了視頻,同時發布的按鈕挪到了首頁的右上角,這一改動也是因為微博的業務結構變了,側重點更傾向于內容消費而不是內容生產了。

音遇的發布按鈕也是在搜索頁面的右上角,由于他的產品核心以游戲為形式,音樂為內容,社交為目的,大家一起玩才是關鍵,UGC的內容沒有那么重要。

這么做的優點:放在這個位置上的大多都是出于產品定位的考慮,能夠節約屏幕空間。

缺點:容易被用戶忽略,用戶需要重新適應一個使用習慣,如果對于這個按鈕使用頻次比較少的用戶,適應難度不大。

總結

組件的設計其實最主要的根據就是產品的定位和產品目標,每個入口和按鈕放在什么位置都是需要設計師深思熟慮的,用心做設計才能將產品做得更好,希望在別人問起每個小細節設計時,你的回答都能讓別人感受到你的用心。

預約申請免費試聽課

怕錢不夠?就業掙錢后再付學費!    怕學不會?從入學起,達內定制課程!     擔心就業?達內多家實踐企業供你挑選!

上一篇:Neumorphism新擬物化,會成為2020年的UI設計趨勢嗎?
下一篇:手把手教你們如何快速上手做適配

為什么你在職場很難得到晉升?

手把手教你們如何快速上手做適配

如何讓你的設計不那么千篇一律

選擇城市和中心
江西省

貴州省

廣西省

海南省

中文字幕人成乱码在线观看