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

2013-6-29    藍(lán)藍(lán)設(shè)計(jì)的小編

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

來源:百度MUX

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

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

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

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

 

資訊來源

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

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

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

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

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

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

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

3, 刷新設(shè)置

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

4, 離線閱覽

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

二,互動功能

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

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

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

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

2, 動畫,小游戲等互動性的體驗(yàn)

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

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

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

三,版面設(shè)計(jì)

1, iPad端

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

2, iPhone端

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

四  交互體驗(yàn)

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

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

1, 翻頁

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

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

2, 內(nèi)容知悉

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

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

3, 圖片查看

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

圖片閱覽模式中,都是以小圖進(jìn)行索引,點(diǎn)擊后展開大圖,并提供保存以及分享選項(xiàng)。

總結(jié):

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

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

日歷

鏈接

個人資料

存檔