［引子］

       民以食為天，每日三餐吃什么？這個哲學般的問題，都困擾著我們?？诒畯拿课皇晨偷慕嵌瘸霭l(fā)，在不同的時間、不同的地點，提供給他們一些建議和幫助。這就是人眼氣，它是幫助用戶發(fā)現(xiàn)身邊人氣最旺商家的眼睛，當然人氣眼也遠不止于此。

 

［產品定位］

一、人氣眼的價值

       對用戶：人氣眼將實時人氣用直觀的方式展現(xiàn)給用戶，幫助用戶決策。

       對商家：店鋪用支付寶收款越多，則人氣值越高。多維度展現(xiàn)商家實時的最新動態(tài)，為真正的好店帶去更多的流量和生意。

二、人氣值是什么

       人?值是基于支付寶實時交易數(shù)據(jù)，客觀反映店鋪的顧客流量情況。不同時刻，每家店的人氣值都會發(fā)?變化。人氣值區(qū)別于過往店鋪星級、評論等信息緯度，成為一種新的參考緯度。把這種具有“此刻”的狀態(tài)轉化為直觀的數(shù)字，提供給用戶做決策參考。

 

［產品設計］

一、人氣眼入口

       人氣眼入口作為一個展示區(qū)，目的是吸引用戶點擊進入人氣眼主頁。經過測試發(fā)現(xiàn)用戶并不會第一時間在此決策，并且用戶對菜品圖和菜品名的關注度很高。

故卡片上以突出菜品為核心，引起用戶關注，并激發(fā)用戶的點擊欲。

大小屏適配效果

       同一家店鋪采用信息輪播的方式，既可以為店鋪展示更多的信息，又打破純圖片展示的單調，傳遞周邊商家人氣旺的熱鬧氣氛。

 

二、人氣眼主頁

人氣眼主頁

       人氣眼主頁的布局上采用大中小卡片的組合形式，區(qū)別于過往列表式或中規(guī)中矩的卡片式布局，以營造一種人氣眼熱鬧“街市”的景象。卡片大小的差異，讓眼動瀏覽更有順序，而每個卡片的信息由于商家本身的內容差異，加上美食秀、彈幕等元素使得各家店鋪個性更加鮮活。以營造一種讓用戶置身于逛一條熱鬧的人氣眼街，街上的每家店內容又很豐富多彩。

       每個卡片都有正反兩面，通過一定的規(guī)則進行翻轉展示，多維度展示商家的核心信息。如口碑推薦菜、熱評精選、用戶評價、優(yōu)惠信息等。即使用戶不進入商家詳情頁，也能在此頁面了解商家的概況。另一外面把優(yōu)質商家內容第一時間呈現(xiàn)給用戶，可激發(fā)用戶的消費欲望。

大卡片樣式

       大卡片：正面采用視頻秀的方式，把商家最吸引人的精美圖片最大化表現(xiàn)，成為這家店的表演舞臺。把用戶的眼睛聚焦到這里，當商家的這場“Show”演出完畢時，則進入信息卡，信息卡展示商家的核心信息。并采用彈幕的形式，以解看完“Show”之后的意猶未盡，并能看到用戶的客觀評論或吐槽，進一步拉近商家與用戶的距離。

中小卡片樣式

       中小卡片：有人會疑惑卡片大小會不會對商家造成不公平。由于人氣眼是實時動態(tài)更新，對于商家一切都是暫時性的，誰也不能預知下一秒刷新之后該商家的展示位置，這也正是人氣眼的過人之處。

       相對大卡片而言，中小卡片的展位雖小，但內容上并不遜色。調研發(fā)現(xiàn)，商家的基礎信息中，用戶非常關心評分與距離，而推薦菜、熱評精選、用戶評價、優(yōu)惠信息等也是影響用戶決策的重要信息。再通過翻轉的過渡動效連接正反面信息，同時也可起到吸引用戶的作用，用戶并不會在卡片翻轉中停留過多時間，故推薦的信息都是該商家的最有價值的信息。

 

       人氣眼是一個全新的產品，也是一種新的嘗試，所以它遠不止于此。交互設計上也預留出空間，其拓展性也承載著人氣眼的未來，讓我們期待更多精彩。

口碑設計中心－飛千