好奇心日報設計微調二

注意:本次微調是在好奇心日報 版本3.3.3的基礎上的改進

一頁面交互

實際上,人類的閱讀方式是隨著時間的推移不斷變化的,而變化的結果自然是越來越便捷與高效。所謂的閱讀方式變化,實際上是由于閱讀媒介的演化。如果我們仔細考察人們閱讀媒介的變化,可以很容易的發現,每一次閱讀媒介的變化伴隨的是科技的更替。當然,每一次閱讀媒介的變化并不是與過去習慣的“一刀兩斷”,恰恰相反,媒介的更替總是有著相互間的傳承。媒介的更替并不是瞬間發生,新的媒介向市場推進以取代舊有媒介的過程中,必然有一段新舊媒介混雜的階段,因而新舊媒介必然有著相互的影響,從人的角度而言這也是使得人慢慢適應這種交替的一種必然過程。

隨著網絡的普及,新舊信息的交替速度不斷加速,人們生活節奏的加快,以及相應的移動設備對于人們碎片化閱讀習慣的培養,必然導致相關行業的變化。好奇心日報是一家新聞媒體,媒體的價值在于其傳播內容,當然談及內容就必須涉及內容的載體。我們知道新聞內容具有時效性,這也就決定了其承載媒介必須便于攜帶、易于傳播,且其成本應該盡量低廉。實際上,媒體擁抱互聯網是一個必然。但是前面說過,在新舊媒介交替的過程中,必然伴隨著傳播媒介的相互傳承,這種傳承是新舊媒體相互替換過程中的一個必然。因而,這里想要談的就是移動閱讀對紙質閱讀的一種借鑒。

滑動操作方式

實際上,無論是iOS還是Android系統現有的交互方式已經有了“紙張”的概念,我覺得這便是,對于傳統媒介的一種借鑒。譬如帶有標簽欄的頁面大都支持平行滑動。


圖(1)

如上圖(1),實際上NEWS與LABS便可以理解為一張紙上的兩個欄目,這張紙水平寬度為兩屏,在豎直方向上可以任意延伸。通過滑動的交互方式可以任意拖拽這張紙以在屏幕中呈現內容,需注意的是水平方向拖動距離以一屏距離為單位,豎直方向拖動距離任意。


圖(2)


當點擊任意文章時,交互方式為內容頁從屏幕右側快速劃入,如圖(2)。

圖(2)帶陰影,如同一張紙疊加在了圖(1)上面,相應的當用戶進入文章內容頁時,向右滑動可以退出該頁圖(3),


圖(3)

設計者或許有所顧慮將右滑動退出頁面限制為必須從屏幕左側邊緣開始右滑動才可以退出。

通過以上兩個例子我想說的是

1)滑動(橫向)一般至少涉及兩屏的內容,如果是相同等級的內容應該置于同一張“紙”上,也即(1)圖頁面之間滑動時沒有陰影;如果是不同等級應該通過陰影,實現“紙”與“紙”之間的疊加寓意。既然在應用中融入了紙張疊加的概念,就應該保持相同等級之間的內容“紙張”疊加的秩序。

2)既然屏幕采用滑動進入,那么自然退出時采用滑動推出,便符合用戶的認知預期,但是不可濫用。頁面滑入滑出與滑動交互方式的配合,某種程度上與手指翻動書籍有著某種類似,因而尤其適合于閱讀類應用,但顯然用在淘寶等商業屬性的應用就不太合適。在同一個應用中使用了界面側滑入可以滑動退出的交互方式,就應該盡量所有使用側滑入的界面都可以滑動退出。

按照以上兩點,我們在來考察好奇心日報相關內容交互方式:

新聞分類點擊進入詳細分類再進入文章列表,文章列表采用的是右側滑入,如圖(4)


圖(4)

但是,卻無法使用向右滑動的交互方式退出圖(5)。


圖(5)

在我看來,既然應用中暗示了頁面滑動進入,可右滑退出,就應該盡量保持相關操作的一致性。

二內容邏輯


圖(6)

在頁面如圖(6)羅列的內容,應該分為四類:

第一類:內容分類。新聞分類、欄目中心。

第二類:個人相關。我的消息、個人中心。

第三類:相關設置。設置、夜間模式、離線。

第四類:好奇心平臺相關。關于我們、推薦、意見反饋。

當然平臺按照自身認為的重點進行安排沒有什么不妥,但是將內容分類(內容分類相當于書籍的目錄)與其他三類混雜于同一頁面我覺得是不太妥當的。當然,仔細分析好奇心日報會發現鑒于其內容更新的頻度不大,主頁基本上可以將大部分更新內容呈現出來,從這個角度來看確實沒有必要再將內容分類獨立出來,但是從內容邏輯來講,我始終覺得內容分類應該跟新聞頁保持必要的聯系。

關于左下角的點擊按鍵

如前所述,雖然這一設計具有一定的品牌識別性,考慮到目前市場上大屏手機的占有率,其存在不利于單手點擊。向下滑動的彈跳交互方式,雖然速度減弱,但是依然有干擾視覺的情況存在。

關于將LABS移動至首頁

LABS的內容更新速度并不快,更重要的是其內容會在NEWS中被展示,因而從我的角度看是沒有必要因為單純放置LABS來增加標簽欄的。當然,既然總加了標簽欄,那么不如將左下角點擊按鍵變換形式移動至頂側標簽欄。

相應修改


布局

將原左下角的浮動按鈕去掉移動至標簽欄左側,新聞分類與欄目中心從原有位置移除如圖(8)左側。


圖(7)

交互


圖(8)

此處為手指在屏幕任意位置橫向滑動,注意界面之間通過陰影體現出的疊加關系。


圖(9)

在主頁,從屏幕右側邊緣滑入,調出前面移除的新聞分類與欄目中心如圖(9)。


圖(3)

在內容頁任意位置橫向滑動,退出當前內容頁。

搜索

搜索,是幫助用戶快速查找目標內容,并有序呈現。搜索的價值在于有效利用后臺數據為用戶呈現最優結果,如果不能有效利用后臺數據,搜素的價值又從哪里體現呢?譬如我想了解關于“阿里”的相關內容,我可以通過相應關鍵字來進行查找。因而用戶進入該頁面我覺得應該呈現的是熱門關鍵字。搜索結果應該體現后臺數據的價值。因而我將搜索結果頁做了如下調整圖(10):


圖(10)

當然或許在這個例子中,搜索結果的分類化的意義并不是十分明顯,但是這里要借此例強調的是應該仔細而全面的審視用戶對于搜索結果呈現的不同需求。

好奇心日報分析及設計細節微調


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • 1.面部微表情的真相心理學家通過研究,歸納出了6種最常見的情感——快樂、悲傷、驚訝、恐懼、憤怒和厭惡。這些情感通過...
    wangrad閱讀 9,827評論 0 3
  • 1.亞伯拉罕又娶妻基杜拉,基杜拉生辛蘭、約珊、米但、米甸,伊施巴、書亞 2.亞伯拉罕享年175年,死后兩兒子以撒和...
    瓦登之湖閱讀 1,861評論 0 0
  • 這是一個真實的案例: 在四月的中旬,也許這個年輕人自己也沒有想到會是這樣的結果,就從這一天開始,他之前禁閉的生命里...
    王室偉閱讀 417評論 0 1