本文發(fā)表時使用的好奇心日報P版本為:Version 3.1.0。使用的手機為Android系統(tǒng)。
好奇心日報的定位為一個媒體。因此,最為關鍵的當然是內容質量,因為從內容生成方式來看好奇心日報屬于PGC類,內容質量無須懷疑。其次就是沉浸式閱讀。那么,到底什么是沉浸式閱讀呢?
關于沉浸式閱讀
什么是沉浸式閱讀?你可以拿起一本書,如果你沒有閱讀習慣,或者無法全神貫注于閱讀。當你翻頁的時候你會不會思考用食指翻頁面還是中指?在頁腳翻動還是在頁眉翻動?是滑動還是點擊?也可以回想當你饑腸轆轆時,狼吞虎咽時的場景,你會不會在吃東西時要停下來想一想,我使用左側的牙齒咬食物呢?還是用右側的牙齒咬食物?當然不會,當一個人全神貫注于閱讀時,其全部的操作動作都是無意識進行的,其全部精力都集中于所事物本身。當然,前提是讀者對于內容感興趣。但是,移動電子閱讀設備完全沒有了紙質書籍的這種閱讀體驗。原因在于:
1 ?屏幕的限制。由于屏幕有限,無法呈現(xiàn)足夠的內容,用戶需要不斷的操作來進行閱讀內容的更新、轉換。因此,用戶每一次更新、轉換內容,其實就是對沉浸式閱讀的一次打斷。
2 ?操作方式的限制。由于用戶需要進行操作來更新內容,就必然要在有限的屏幕內設計相應的操作按鍵、相關導航。因此,用戶閱讀期間視線就不免受到操作按鍵、導航的打擾。有人會有疑問,難道閱讀紙質書籍不會有相同的問題嗎?我的理解是,兩者是處于完全不同的操作模式。人在閱讀紙質書籍時,是手與雙臂配合運動。所有的操作,都在手與雙臂的舒適區(qū)。但是,移動設備雖然體積較書籍小、重量輕,但是移動設備是手部運動,有時是單手運動。那么,這就出現(xiàn)了一個問題,屏幕操作方式以及按鍵位置會使得操作不在手的舒適區(qū),而一旦操作引起人的不適,很明顯人就會從沉浸狀態(tài)中被拉出來,以解決遇到的操作困難。事實上,評價一個交互動作優(yōu)劣的標準并非其需要調動身體部位的多少,操作的復雜度,而是看操作是否使得操作部位脫離舒適區(qū)。
3 ?視角的限制。由于書籍是以三維形式存在,所以人其實是在以俯視的角度注視書籍,很明顯一切都在人的視線掌控之下。人的視線可以快速的在個內容之間的跳躍,不會迷失,且可以做到沉浸。但是,移動設備由于是以二維的形式呈現(xiàn),所以人其實相當于是以水平視角注視內容,很明顯人的視線只能了解當下屏幕呈現(xiàn)的內容,人無法做到快速的在內容之間跳轉,更不要談沉浸了。
4 ?排版。由于平臺的不同,內容的呈現(xiàn)方式有著本質的差別。但是,兩者最終都是通過影響人的視覺流動路徑來影響人的閱讀體驗。在這一點無論是書籍還是電子設備都是相同的。
從版本更迭看好奇心日報在用戶沉浸式體驗方面的改進
一 頁面
1側滑頁面。
從兩張圖我們可以看出,最大的改動在于文章分類收納到了新聞中心里面。對于對閱讀類型有較強傾向性的用戶而言這明顯不是一個好的改動,用戶需要經(jīng)過三次操作才可以進入相應版塊,很明顯對于用戶而言操作成本升高。新增加了欄目中心,這樣可以幫助用戶訂閱更加準確的內容。
2首頁。
1)導航欄
首頁最大的變動就是去掉了導航欄。事實上,從用戶角度而言,用戶閱讀文章內容的頻率遠遠大于瀏覽好奇心實驗室的頻率,且好奇心實驗室內容更新頻率并不是太高,因此為了將好奇心實驗室放于首頁而需要在有限的界面放置導航欄是得不償失的。當然,如果前期是為了推廣好奇心實驗室這個版塊而放于首頁,那就另當別論了?,F(xiàn)在的版本將導航欄去掉,所有內容按照一定的比率放置于首頁,用戶通過瀏覽自由選擇閱讀內容,更有利于用戶獲得沉浸式體驗,最大的好處是屏幕利用效率提高。
2)版式。
之前版本是卡片式排列。我們知道,圖像對于人眼的吸引力遠大于文字。而好奇心日報對自己的定位是一家媒體,很明顯,其核心內容是文字是文章是內容。因此,這種排版并不能幫助用戶快速獲取文章想傳達的觀點,以判斷是否是符合自身需求的內容。而現(xiàn)在所采用的列表是排版則很好的凸顯了文章標題,使得用戶可以快速獲取文章想要表達的中心思想。事實上,卡片式排版適合于淘寶之類網(wǎng)站進行內容展示,因為圖片可以快速幫助消費者判斷是否選擇該商品,換句話說卡片式布局對圖片質量要求很高,這里的質量不是精美度而是快速傳遞核心信息的能力。這是從用戶快速獲取信息角度看。而從視覺流角度來看,老板首頁從整體看對視覺具有橫向引導的作用,而新版對視覺具有縱向引導的作用。如下圖所示
因而卡片式布局使得用戶的視線呈現(xiàn)“Z”型流動方式,且重點在圖片。而列表式排列使得用戶的實現(xiàn)呈“N”型流動方式,重點在左側文字標題。很明顯后者更有利于用戶快速抓取目標內容。但是,在我看來做的還不夠,現(xiàn)在標題與圖片的比例是1:1,事實上,我覺得應該加大標題所占比例,這樣會使得視覺的落點更加“堅定”的落于文字上面,而不會受圖片干擾在文字與圖片之間游移。
老版中還一個問題是文章類型被用黃色加亮顯示,評論與與贊被用白色標示,從視覺角度來看這些標注就像平面中的點,極易分散用戶的注意力,但事實上這些信息并不是用戶首先關心的內容,如果我們單獨分析一張卡片我們會發(fā)現(xiàn),在這一張卡片上存在著多個視覺層級,圖片是一個層級,文章類型與贊評論是一個層級,文章標題是一個層級,發(fā)表時間是一個層級。事實上,內容層級并不是越多越好,而是需要重點突出。過多的層級也是一種視覺干擾。
3文章內容頁。
文章內容頁是用戶閱讀文章內容的地方,因此頁面的排版布局對于用戶的閱讀體驗有著很大的影響。內容頁面如圖示
注意之前版本的線條,過于生硬使得線條兩側的內容產(chǎn)生了一種割裂感。還有就是文章所述類型置于頂側,且字號較大,對比最新版本可以發(fā)現(xiàn)之前版本中文章類型與作者頭像兩個圓形的icon至于標題上下,使得用戶視線會在兩者之間跳轉影響用戶閱讀標題。因此,用戶進入頁面后首先注意的不是文章標題,而是一些無關緊要的說明?,F(xiàn)在版本最大的一個亮點是,通過出血版圖片,以及配合較大字號的標題緊緊地吸引住了用戶進入頁面的視線。因為標題和圖片與列表頁是相同的,這就使得頁面間形成了一種呼應關系,這其實一定程度上弱化了頁面跳轉對用戶的打擾。
注意頂部之前版本與之后版本最大的變動在于,新版本去掉了與文章無關的推薦,當用戶點擊一篇文章后,意味著用戶對該主題發(fā)生了興趣,從文末的推薦看,新版展現(xiàn)的是對用戶的謹慎態(tài)度,而老版非相關文章的推薦則展示了一般推薦方式的武斷,主動地打斷了用戶對于該興趣點的探索。。而且在新版中,推薦文章的格式與首頁文章列表相同,也就是說當用戶瀏覽完后,即使用戶不點擊該推薦文章列表,該推薦列表的存在也有著很大的存在價值---再次呼應首頁文章列表,降低頁面跳轉帶給用戶的干擾。
二 交互方式
為了確保沉浸式的閱讀體驗,好奇心日報的交互始終以左下角這一按鍵為中心。這一思路是沒有問題的,但是問題出在手機用戶單手操作的問題上。很明顯,左下角圓形按鍵的存在吸引著右手單手操作的用戶用拇指點擊(我的猜測),關于單手操作的用戶數(shù)量當然我沒有統(tǒng)計,考慮到用戶用手機瀏覽多實在碎片化的時間與場合,用戶用一種更加隨意的方式(單手)而非正式(雙手)的方式的比率應該不小。但是該按鍵所在區(qū)域已經(jīng)遠離了右手拇指的舒適操作區(qū)。
事實上,這個按鍵剛好位于單手操作盲區(qū)。側滑頁面選項點擊熱區(qū)太小,這一點新老版本都有問題。事實上這讓人很費解,由于側滑欄是從左側滑出,各點擊選項位于左側,不利于右手點擊(注意上圖文章所發(fā)表時間蘋果還未推出大屏手機,而考慮到目前大屏手機廣泛普及的問題,上圖操作探索熱區(qū)其實應該右移),如果點擊熱區(qū)擴展為選項所在區(qū)域的一整行將有利于右手單手操作的用戶點擊。主頁面的懸浮按鍵會隨著用戶下滑而跳動,我們知道用戶的視覺對動的東西最為敏感,因此這種隨著用戶的滑動而跳動的交互行為是對用戶的一種打擾,浮動按鍵每跳動一次就會強行將用戶視線從閱讀內容吸引至左下角。
鑒于以上分析現(xiàn)對好奇心日報作以下修改:
1 將浮動按鍵右移至頁面橫向長度1/3處。浮動按鍵不再隨著用戶滑動頁面而上下跳動,變?yōu)楫斢脩粝禄瑫r,按鍵慢慢變?yōu)橥该?,當用戶上滑時慢慢變?yōu)椴煌该鳌?/p>
2 將紅色區(qū)域內容中圖片所占比例縮小,以突出文字標題。將綠色區(qū)域文字標題放置于圖片上側,以突出文字標題。
1 浮動按鍵右移至頁面橫線長度1/3處。
2 將選項的點擊熱區(qū)擴展至頁面橫向邊緣。
1 頁面首頁由邊緣向左側滑動可調出該彈出框,以方便用戶快速瀏覽相關板塊內容,且總加展示該板塊下當日新增加的文章數(shù)量。
? ?注意:因為首頁有左右滑動的操作,因此為了不產(chǎn)生沖突該側滑欄調出的交互動作必須為由屏幕邊緣向左側滑動。
1 將返回按鍵,以及評論、留言、贊按鍵分別向屏幕中央移動,使得整體居中放置。
1 搜索框添加搜索提示,下部添加熱門標簽。坦白講,當我第一次點擊搜索時,我完全沒有搜索的欲望,太干凈了。
關于盈利模式
最后關于好奇心日報的盈利模式,毫無疑問應該是廣告。但是,是不是只有內容中標著“廣告”的板塊才是廣告呢?我以為有的文章本身可能也是廣告,換句話說,廣告也可以以有價值的文章的形式穿插在非廣告類文章之中。事實上,好的關于產(chǎn)品的報道,已經(jīng)模糊了文章與廣告的界限。因為好奇心日報比較注重商業(yè)類文章的發(fā)表,因此隨著好奇心日報的發(fā)展,我覺得這種將廣告與內容模糊掉的形式或許會是不錯的廣告商業(yè)模式,當然這對于作者的文筆要求比較高,但是由于平臺是PGC類,而非UGC類我覺得也應該不是大問題吧。
參考文章
1? 為觸屏手機而設計:拇指操作的“熱區(qū)/死角”與“控件尺寸” ? ? http://www.leiphone.com/news/201406/warlial-touch-finger.html