移動端圖片閱讀—交互設計分析

01-28

這個APP的閱讀教程中，一共介紹了四種交互方式，左右滑動翻頁瀏覽，上下滑動閱讀更多，下拉放大圖片，側劃查看時間線以往資訊。

在這裡並沒有介紹左滑，有人問，左右滑動不就是左滑嗎？其實，並不是，當你位於第一張圖片時，也就是現在左滑已經沒有內容了，此時你的左滑便有了刷新的作用，不同於其他（很多app刷新都是下拉刷新），這也是值得稱讚的地方，它通過自己的交互思維，產生了自己交互模式，而不是一貫的去採用別人的交互方式。

主界面交互分析

內容列表

但是設計者在設定屬性時，考慮到它是一個即時類新聞資訊app，所以在更多內容的選擇和篩選上，採用了時間線的方式，這樣用戶就可以通過選擇時間來找內容。

點擊右上角更多

但是從另一種維度來講，在更多內容篩選上，它沒有根據新聞內容分類，對於用戶來說，不便於針對性的找內容。

但是，基於產品屬性的交互方式來看，它似乎就是一款隨機閱讀的app，有的用戶並不知道自己到底需要閱讀哪一類的內容，在之前，你應該遇到過這種app，它會給你興趣選擇去引導你關注一些內容，比如：音樂，電影，設計，軍事，文學，等等。但它並沒有這樣做，它就像是一個報紙，內容每天都在更新，而且是最新的，而它的推薦內容，包含各國各地的軍事，文化，風景，民俗，它是在為你提供最新的內容，而不是針對你提供喜歡的內容，它的屬性優勢就在於即時這兩個字。

但是它還是對內容的屬性劃分做了分類，但這個分類不是你的選擇分類，而是對自己發布的內容進行屬性分類（下圖分類：環境與自然）

這個分類可以點擊，點完之後，將進入到它的內容專題頁，裡面收集了之前關於它的所有內容，這個也是比較有意思的，它也是另一種篩選，依舊採用時間線的方式，只不過內容更加垂直。

底欄交互分析

位置與距離

在底欄，我們會發現左下角很意思（距離我4193.25km）

它代表著事情發生地點距離你所在位置之間的距離，而在其後有個小圖標顯示［4新聞］，則代表著在這個位置附近發生4個新聞。這個設計特別人性化，往往我們在看新聞，看資訊，看到說敘利亞又打仗了，歐洲哪個國家又恐怖襲擊了，美洲哪個風景美了，對於這些地點，聽完之後，感覺我們是有的，但是對於這些地點依舊保持著陌生，還記得前幾年有個地方叫海地，當時那裡發生了一場非常大的地震，大家應該有印象吧，恕我無知，我到現在都不知道海地具體在哪個位置，而在這個app的交互上，距離的設定，剛好彌補了這方面的缺陷，它會讓你感覺到有一種親近感，這個事情正在發生，距離我有多少公里，這種感覺更加真實，無論遠近，它在告訴我們，這件事真的發生過，而並非只是在電視上一掃而過。

這個距離按鈕，當然也可以點擊，點擊之後看到的和下划動作是一樣的，也就是本篇文章的更多內容。