Case 21 | indeed.com

原網站:https://www.indeed.jobs

nav bar的排版結構是清晰可讀性很高的,雖然不是很獨特的nav bar但對於使用用戶廣泛的找工作網站,功能性是更重要。

・左側是brand logo "indeed", 右側的分類導航“Jobs" "Benefits" "Inclusion" "Students" "Blog" 基本覆蓋了用戶的需求“找工作” “推薦他人工作”“indeed是什麼“(對於新用戶來說很實用) “學生用戶找工作” “indeed博客上的一些經驗和文章“

・很貼心的是,點擊導航欄會“open a new tab"來打開一個新網頁。這樣用戶可以同時打開多個導航欄內容

・"Sign in"使用brand color #2557a7,下方的大幅圖片(“We help people get jobs")的背景顏色是比較深色的。“Sign in"button外邊框用線框

・帶圓角的Search bar "What" "Where"懸浮在大幅背景圖上,既有一些不規則排版位置讓頁面活潑不少。使用drop shadow讓Search bar的質感上升

在Search bar做input輸入時,bar會有藍色的帶shadow的邊框,UX上提示用戶此刻的action。

“View all jobs"是界面中唯一一個button使用了全藍色的背景(#19469b),白色的字體。

這裡的結構也呼應上面Search bar所在位置的排版:中間一塊突出text content顯示。

icons:圓形背景,圖標的顏色是背景色的加深版。

🍺思考:

・標準化的設計中加入一些活潑的元素可以讓設計變得modern和獨特(比如indeed.com的中間search bar的位置,中間的不規則圖形)

・large icon使用同色系但深度不同的顏色,consistent

・button使用背景顏色需要保持一定的數量,太多容易讓本來應該很顯眼的buttons變的不顯眼(因數量太多)