雜志類網(wǎng)站客戶端的閱讀體驗

2013-6-29    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   sillybuy.com  )是一家專注而深入的設(shè)計機構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:百度MUX

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

隨著蘋果iPad的推出,電子雜志類行的應用大受好評,電子閱讀需求量不斷增長。傳統(tǒng)紙質(zhì)出版物的良好的視覺效果,互聯(lián)網(wǎng)巨大的信息資源庫,將這兩者集合在一起就會誕生非常好的雜志客戶端應用。這種雜志型客戶端應用的最佳代表就是Flipboard。

2010年iPad最佳應用是Flipboard。集合了Facebook和Twitter的推動內(nèi)容,輔以格式排版,讓用戶得到了無限量的優(yōu)秀資源以及良好的閱讀體驗。

2010年國內(nèi)也涌現(xiàn)了非常多的優(yōu)秀的雜志型客戶端應用。包括周末畫報,外灘畫報,F(xiàn)lipboard的中文版——Zaker等等。以下將對這些應用做一個特點總結(jié),分析其設(shè)計上的閃光點,希望能夠?qū)ο嗨频漠a(chǎn)品在設(shè)計上起到一定的借鑒作用。

 

資訊來源

雜志型客戶端的信息都通過網(wǎng)絡(luò)更新,其中一部分直接整合各類資訊網(wǎng)站,而另一部分還是采用傳統(tǒng)的雜志創(chuàng)作和編輯方式提供內(nèi)容。

1, 搜集微博等等來源的信息

Flipboard的信息來自facebook以及twitter等當下最為流行的信息來源地。這類資源可謂無限充足,每天的更新量巨大,對于用戶來說非常充足。

而作為中文版的Flipboard的Zaker,其信息則來自國內(nèi)最為熱門的新浪微博,騰訊微博等等信息來源地。

以微博為主的信息來源已經(jīng)成為中國當下互聯(lián)網(wǎng)上最快捷最多元化的信息集散地。

2, 自動更新設(shè)置

還擁有傳統(tǒng)編輯的周末畫報也利用網(wǎng)絡(luò)進行內(nèi)容更新。每周更新的時間,ios主界面上會有更新的文章數(shù)量提示,和app store更新的提示方式一致。

3, 刷新設(shè)置

這類刷新設(shè)置在雜志類客戶端中并不常見,因為雜志客戶端基本都以一定的周期進行更新,刷新的作用不大。

4, 離線閱覽

不同于大多數(shù)在線更新的客戶端,周末畫報提供了這種可以離線閱覽的方式,并且提供了非常簡單快捷的后臺載入方式,讓用戶在不知不覺中就完成了新版更新。而色彩設(shè)計化的更新進度條,一目了然。

二,互動功能

電子客戶端區(qū)別于傳統(tǒng)的紙質(zhì)雜志,它具有電子化和網(wǎng)絡(luò)化的特點。利用這些特點創(chuàng)造出獨特的電子客戶端互動體驗,是客戶端應用最大的優(yōu)勢。

1, Web2.0時代的評論交流

南方周末ipad閱讀器加入了網(wǎng)友評論,并可以實時更新,類似于網(wǎng)頁新聞評論。這種互動式的交流會帶給閱讀者更多的信息。

周末畫報的分享功能比較有代表性,可以直接分享至固定微博,也可以保存圖片至相冊。

2, 動畫,小游戲等互動性的體驗

BMW宣傳電子雜志的一項,可晃動的圖像,有相當好的交互性。此處僅僅是一個可玩性一般的游戲,不過考慮到電子雜志客戶端的硬件性能,加入一些有意義的互動設(shè)計,可以帶來傳統(tǒng)紙質(zhì)雜志不能實現(xiàn)的效果。

3, 音頻,視頻等多媒體手段

南方周末雜志客戶端就加入了視頻功能。這種手段在雜志客戶端中比較常見,也是其區(qū)別于傳統(tǒng)紙質(zhì)雜志最顯著的特點。

三,版面設(shè)計

1, iPad端

ipad的面積較大,所以版面設(shè)計基本都遵循同時顯示多項內(nèi)容。頁面排布按照左右分別布局,基本都配以圖片,獲得視覺上的統(tǒng)一感和愉悅感。

2, iPhone端

Iphone端由于屏幕面積較小,排版一般以豎屏寬度為列表形式,配以小圖,豐富畫面。并且可以在頂端大圖顯示推薦內(nèi)容。周末畫報還提供大圖橫向拖動,提供了更多的推薦位內(nèi)容。

四  交互體驗

對于電子雜志,優(yōu)秀的交互體驗是非常吸引用戶的一點。

這其中一些應用采用了擬物的方式來模仿傳統(tǒng)雜志翻頁效果;還有一些則完全采用電子化的顯示方式。

1, 翻頁

Flipboard獨特的翻頁是從中間折起來,同傳統(tǒng)的雜志翻頁質(zhì)感很像。區(qū)別于此,iphone客戶端的翻頁一般采用Iphone原生空間,提供了模擬紙張卷頁的效果。

而周末畫報則提供了最為簡單的橫向滑動翻頁,不模擬真實效果,提供最簡單的方式。對于用戶來說,也不會造成任何使用上的困擾。

2, 內(nèi)容知悉

讓用戶能夠在不離開當前頁面而知道其他 頁面內(nèi)容并選擇跳轉(zhuǎn),各種雜志客戶端都提供了內(nèi)容知悉的功能??梢栽诋斍绊撁嬷写蜷_小窗口看到其他頁面的內(nèi)容。

這其中周末畫報以縮略圖的形式顯示,而flipboard則以標題形式顯示。這一定程度上也是兩個產(chǎn)品屬性不同造成的。周末畫報以內(nèi)容為主,每期的 內(nèi)容量固定。而flipboard以抓取內(nèi)容為主,內(nèi)容量不固定,極易超過相當大的數(shù)量,如果都以縮略圖顯示,則容易造成載入過慢,反應速度減緩,從而削 弱體驗。

3, 圖片查看

針對移動互聯(lián)網(wǎng)獨特的閱讀需求,雜志客戶端都會突出圖片閱覽。還有專門為圖片設(shè)計的攝影類雜志應用。

圖片閱覽模式中,都是以小圖進行索引,點擊后展開大圖,并提供保存以及分享選項。

總結(jié):

雜志類電子客戶端,通過iphone以及ipad等硬件平臺出現(xiàn)而逐漸興起。區(qū)別于傳統(tǒng)紙質(zhì)雜志,它們具有自己特別的優(yōu)勢和特點。合理地利用這些優(yōu)勢,優(yōu)化體驗,可以創(chuàng)造出非常優(yōu)秀的產(chǎn)品。

了解用戶的閱讀習慣,理解電子平臺的獨特屬性,通過結(jié)合和平衡得到最佳的應用效果,是每個設(shè)計師必須盡力學習和實踐的。

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com