時間:2017-07-21 08:45:06 作者:琪琪 瀏覽量:67
1) 首 頁
圖1 資訊首頁&圖2 新聞頁面
從圖1可以看出,資訊首頁采用了與眾多新聞類APP相仿的布局:上方以banner展示熱門資訊,下方按照時間順序,從新到舊,以標題+縮略圖的形式排布新聞列表。通過頁面最上方的切換欄,可以在各個子頻道之間進行切換。
在首頁點擊新聞標題,即可進入圖2所示的新聞頁面。標題和正文內容的形式簡明大方,而把作者以及“關注”按鈕放在頁面上方則頗具特色。點擊作者頭像后,新頁面將展示該作者的專欄內容和動態(tài)。點擊關注后,該作者的文章就會進入“訂閱”子頻道。這樣的設計有助于用戶對于資訊內容進行管理,幫助用戶篩選出更感興趣的內容,逐步為每一位用戶建立起定制化的訂閱資訊。操作簡單,用戶體驗較好。
圖3 帶彩色按鈕的新聞頁面& 圖4 出現(xiàn)基金購買推薦圖&圖5 基金購買頁面
在部分新聞頁面的右下方,有一個彩色按鈕,如圖3所示。點擊該按鈕后,會出現(xiàn)基金購買的推薦圖,圖中包含了基金的內容和進1月收益情況,如圖4下方紅框所示。點擊圖片,即可進入基金購買頁面,如圖5所示。
在新聞頁面加入基金購買入口,其初衷是為了讓用戶在閱讀新聞的同時,抓住每一個投資機會。以圖4新聞為例,新聞中說到,“美元將跌5%”,在這個時間節(jié)點推薦黃金基金,不可謂不及時,抓住了用戶的投資需求。
問題在圖4頁面中,如果不想購買基金,希望關掉該圖片,唯一的辦法是再次點擊右下角的按鈕。如果不點擊按鈕而直接瀏覽新聞,該圖片會一直存在,影響閱讀體驗。
建議當用戶手指開始做出上滑手勢時,自動關閉圖片,提升閱讀體驗。
2)“ 見識 ”
圖6 見識頁面&圖7 話題頁面& 圖8 回答頁面
華爾街見聞緊跟潮流,引入了問答社區(qū),即為“見識”。與著名問答社區(qū)“知乎”不同的是,本產品采用了矩陣式的問題列表,如圖6所示。在該頁面,每一個話題由標題+回復數量+話題縮略圖組成。同時,在話題列表之間還夾雜了一些問題的精選回答摘要(前三行)。整體來看,盡管內容豐富,但布局較為雜亂,用戶體驗欠佳。
點擊話題后,即進入圖7所示話題頁面。該頁面與知乎大同小異,上方有作者、標題及話題描述,下方為回答列表,每條回答顯示前三行。點擊回答即可進入完整回答頁面,如圖8所示。
圖9 新聞頁面與問答頁面比較
問題新聞頁面與問答頁面下方操作欄按鈕樣式不統(tǒng)一(如圖9)。具體來說:
新聞頁面底部不同按鈕之間有較大空隙,且左右均勻分布,而問答頁面按鈕則整體偏向右側;
“邀請”“回復”等漢字按鈕放在頁面下方,與純圖形按鈕排在一行,視覺體驗不佳;
各操作按鈕排列順序不統(tǒng)一,如新聞頁面順序為:收藏、評論、分享、字體調整,而問答頁面順序為:字體調整、收藏、分享、評論,視覺上美觀度較差。
建議把“邀請”“回復”換成圖標形式,或移至頁面上方;并統(tǒng)一下方操作欄按鈕順序,統(tǒng)一空隙間隔大小。
3)直播間
圖10 直播間頁面&圖11 直播頁面
直播間目錄如圖10所示,其內容包括了業(yè)內大牛分享、最新行情資訊、以及各類行業(yè)競賽等等。點擊直播即可進入圖11所示的直播頁面。每個直播的觀看人數在幾千至幾萬不等,畫面也比較清晰流暢。
4) 專題
圖12 專題頁面&圖13 專題詳情頁面&圖14 新聞頁面
圖12所示為專題子頻道,匯聚了一些專題類的資訊集合。用戶需要先在目錄頁點擊具體專題,進入專題詳情頁(圖13),再點擊具體新聞,進入新聞頁(圖14)。
問題專題詳情頁的后退按鈕在左上方,而新聞頁面的后退按鈕在左下方(如圖中紅圈所示),距離較遠,操作不方便,增加了用戶的學習成本。