58同城APP導航、按鈕、表單、圖示運用淺析

(〜 ̄▽ ̄)〜發表於2019-04-20

一、使用者場景:

小A是個剛剛大學畢業進入社會的有志青年,雖然一腔熱血,但是卻懷才不遇,此時,他做了一個改變他命運的舉動——下載58同城APP。下載好之後,當然是一刻都不能耽擱,馬上進入全職招聘模組,海量招聘資訊,把小A都看飄了,月薪兩千?太低。月薪三萬?出賣肉體不能幹。月薪八千?但是風吹日曬太累了。。小A看了一圈招聘資訊都沒有中意的,所以小A決定先釋出一個簡歷資訊,讓符合條件的企業找自己,化被動為主動。釋出簡歷之後各種公司紛紛伸出橄欖枝,小A擇優選擇,從此走上人生巔峰。

二、導航

58同城剛出的時候,是走功能型產品路線,以招聘、租房為主,後來隨著產品的主流功能完善,為了提高使用者粘度、增加盈利,對產品的社交功能增加了權重,底部導航除了首頁、釋出資訊、個人資訊,另外兩個都是社交類功能,可以說權重非常大了,功能型的功能,放在首頁以宮格形式展現。
58同城APP導航、按鈕、表單、圖示運用淺析


三、按鈕

分析該app最有特點的一個按鈕,就是釋出。釋出按鈕是整個app使用率最高的按鈕,為了提高品牌效應,運用了logo中的四色,醒目,點選後動效將釋出按鈕,變為關閉按鈕,節省空間,因為有一個動效的轉換,提醒使用者該按鈕的操作變化。
點選前:
58同城APP導航、按鈕、表單、圖示運用淺析


點選後:
58同城APP導航、按鈕、表單、圖示運用淺析

四、表單

簡歷在普遍使用者心智中應該就是一個大表格,為了貼合移動端特性,將錄入簡歷的過程進行簡化,只將最核心的內容展現,並在此分步操作表單,比如當使用者輸入手機號後,自動提示驗證,使使用者自然的進行手機號驗證,其他資訊也通過網際網路特性,減少使用者輸入頻率,比如姓名,自動獲取使用者資訊,至少滿足了一大部分使用者的輸入;比如性別,也是自動獲取,如果獲取不到,即便隨便預設選中一個,理論上也能避免一半的使用者等等。當使用者簡單的填寫完本表單後,再進行下一個簡單的表單錄入,使使用者減小填寫表單的牴觸心理。

58同城APP導航、按鈕、表單、圖示運用淺析


五、圖示

將功能分類後,同類功能的圖示已同一風格繪製,更加區分型別之間的區別,讓大面積的功能區有一個良好的層次感,視覺上減少使用者畏懼心,並且在圖示風格上活潑動感,增加使用者好感動,降低找工作、找房子這些事情的嚴肅性。
58同城APP導航、按鈕、表單、圖示運用淺析

58同城APP導航、按鈕、表單、圖示運用淺析


相關文章