本文發(fā)表時(shí)使用的好奇心日?qǐng)?bào)P版本為：Version 3.1.0疏唾。使用的手機(jī)為Android系統(tǒng)辫樱。
好奇心日?qǐng)?bào)的定位為一個(gè)媒體弧满。因此勋篓，最為關(guān)鍵的當(dāng)然是內(nèi)容質(zhì)量吧享，因?yàn)閺膬?nèi)容生成方式來看好奇心日?qǐng)?bào)屬于PGC類，內(nèi)容質(zhì)量無須懷疑譬嚣。其次就是沉浸式閱讀钢颂。那么，到底什么是沉浸式閱讀呢拜银？
關(guān)于沉浸式閱讀
什么是沉浸式閱讀殊鞭？你可以拿起一本書，如果你沒有閱讀習(xí)慣尼桶，或者無法全神貫注于閱讀操灿。當(dāng)你翻頁的時(shí)候你會(huì)不會(huì)思考用食指翻頁面還是中指？在頁腳翻動(dòng)還是在頁眉翻動(dòng)?是滑動(dòng)還是點(diǎn)擊泵督？也可以回想當(dāng)你饑腸轆轆時(shí)趾盐，狼吞虎咽時(shí)的場(chǎng)景，你會(huì)不會(huì)在吃東西時(shí)要停下來想一想幌蚊，我使用左側(cè)的牙齒咬食物呢谤碳？還是用右側(cè)的牙齒咬食物？當(dāng)然不會(huì)溢豆，當(dāng)一個(gè)人全神貫注于閱讀時(shí)蜒简，其全部的操作動(dòng)作都是無意識(shí)進(jìn)行的，其全部精力都集中于所事物本身漩仙。當(dāng)然搓茬，前提是讀者對(duì)于內(nèi)容感興趣。但是队他，移動(dòng)電子閱讀設(shè)備完全沒有了紙質(zhì)書籍的這種閱讀體驗(yàn)卷仑。原因在于：
1 ?屏幕的限制。由于屏幕有限麸折，無法呈現(xiàn)足夠的內(nèi)容锡凝，用戶需要不斷的操作來進(jìn)行閱讀內(nèi)容的更新、轉(zhuǎn)換垢啼。因此窜锯，用戶每一次更新、轉(zhuǎn)換內(nèi)容芭析，其實(shí)就是對(duì)沉浸式閱讀的一次打斷锚扎。
2 ?操作方式的限制。由于用戶需要進(jìn)行操作來更新內(nèi)容馁启，就必然要在有限的屏幕內(nèi)設(shè)計(jì)相應(yīng)的操作按鍵驾孔、相關(guān)導(dǎo)航。因此，用戶閱讀期間視線就不免受到操作按鍵翠勉、導(dǎo)航的打擾妖啥。有人會(huì)有疑問，難道閱讀紙質(zhì)書籍不會(huì)有相同的問題嗎眉菱？我的理解是迹栓，兩者是處于完全不同的操作模式。人在閱讀紙質(zhì)書籍時(shí)俭缓，是手與雙臂配合運(yùn)動(dòng)克伊。所有的操作，都在手與雙臂的舒適區(qū)华坦。但是愿吹，移動(dòng)設(shè)備雖然體積較書籍小、重量輕惜姐，但是移動(dòng)設(shè)備是手部運(yùn)動(dòng)犁跪，有時(shí)是單手運(yùn)動(dòng)。那么歹袁，這就出現(xiàn)了一個(gè)問題坷衍，屏幕操作方式以及按鍵位置會(huì)使得操作不在手的舒適區(qū)，而一旦操作引起人的不適条舔，很明顯人就會(huì)從沉浸狀態(tài)中被拉出來枫耳，以解決遇到的操作困難。事實(shí)上孟抗，評(píng)價(jià)一個(gè)交互動(dòng)作優(yōu)劣的標(biāo)準(zhǔn)并非其需要調(diào)動(dòng)身體部位的多少迁杨，操作的復(fù)雜度，而是看操作是否使得操作部位脫離舒適區(qū)凄硼。
3 ?視角的限制铅协。由于書籍是以三維形式存在，所以人其實(shí)是在以俯視的角度注視書籍摊沉，很明顯一切都在人的視線掌控之下狐史。人的視線可以快速的在個(gè)內(nèi)容之間的跳躍，不會(huì)迷失说墨，且可以做到沉浸骏全。但是，移動(dòng)設(shè)備由于是以二維的形式呈現(xiàn)婉刀，所以人其實(shí)相當(dāng)于是以水平視角注視內(nèi)容吟温，很明顯人的視線只能了解當(dāng)下屏幕呈現(xiàn)的內(nèi)容序仙，人無法做到快速的在內(nèi)容之間跳轉(zhuǎn)突颊，更不要談沉浸了。
4 ?排版。由于平臺(tái)的不同律秃，內(nèi)容的呈現(xiàn)方式有著本質(zhì)的差別爬橡。但是，兩者最終都是通過影響人的視覺流動(dòng)路徑來影響人的閱讀體驗(yàn)棒动。在這一點(diǎn)無論是書籍還是電子設(shè)備都是相同的糙申。
從版本更迭看好奇心日?qǐng)?bào)在用戶沉浸式體驗(yàn)方面的改進(jìn)
一 頁面
1側(cè)滑頁面。
從兩張圖我們可以看出船惨，最大的改動(dòng)在于文章分類收納到了新聞中心里面柜裸。對(duì)于對(duì)閱讀類型有較強(qiáng)傾向性的用戶而言這明顯不是一個(gè)好的改動(dòng)，用戶需要經(jīng)過三次操作才可以進(jìn)入相應(yīng)版塊粱锐，很明顯對(duì)于用戶而言操作成本升高疙挺。新增加了欄目中心，這樣可以幫助用戶訂閱更加準(zhǔn)確的內(nèi)容怜浅。
2首頁铐然。
1）導(dǎo)航欄
首頁最大的變動(dòng)就是去掉了導(dǎo)航欄。事實(shí)上恶座，從用戶角度而言搀暑，用戶閱讀文章內(nèi)容的頻率遠(yuǎn)遠(yuǎn)大于瀏覽好奇心實(shí)驗(yàn)室的頻率，且好奇心實(shí)驗(yàn)室內(nèi)容更新頻率并不是太高跨琳，因此為了將好奇心實(shí)驗(yàn)室放于首頁而需要在有限的界面放置導(dǎo)航欄是得不償失的自点。當(dāng)然，如果前期是為了推廣好奇心實(shí)驗(yàn)室這個(gè)版塊而放于首頁湾宙，那就另當(dāng)別論了≌燎猓現(xiàn)在的版本將導(dǎo)航欄去掉，所有內(nèi)容按照一定的比率放置于首頁侠鳄，用戶通過瀏覽自由選擇閱讀內(nèi)容埠啃，更有利于用戶獲得沉浸式體驗(yàn)，最大的好處是屏幕利用效率提高伟恶。
2）版式碴开。
之前版本是卡片式排列。我們知道博秫，圖像對(duì)于人眼的吸引力遠(yuǎn)大于文字潦牛。而好奇心日?qǐng)?bào)對(duì)自己的定位是一家媒體，很明顯挡育，其核心內(nèi)容是文字是文章是內(nèi)容巴碗。因此，這種排版并不能幫助用戶快速獲取文章想傳達(dá)的觀點(diǎn)即寒，以判斷是否是符合自身需求的內(nèi)容橡淆。而現(xiàn)在所采用的列表是排版則很好的凸顯了文章標(biāo)題召噩，使得用戶可以快速獲取文章想要表達(dá)的中心思想。事實(shí)上逸爵，卡片式排版適合于淘寶之類網(wǎng)站進(jìn)行內(nèi)容展示具滴，因?yàn)閳D片可以快速幫助消費(fèi)者判斷是否選擇該商品，換句話說卡片式布局對(duì)圖片質(zhì)量要求很高师倔，這里的質(zhì)量不是精美度而是快速傳遞核心信息的能力构韵。這是從用戶快速獲取信息角度看。而從視覺流角度來看趋艘，老板首頁從整體看對(duì)視覺具有橫向引導(dǎo)的作用疲恢，而新版對(duì)視覺具有縱向引導(dǎo)的作用。如下圖所示
因而卡片式布局使得用戶的視線呈現(xiàn)“Z”型流動(dòng)方式瓷胧，且重點(diǎn)在圖片冈闭。而列表式排列使得用戶的實(shí)現(xiàn)呈“N”型流動(dòng)方式，重點(diǎn)在左側(cè)文字標(biāo)題抖单。很明顯后者更有利于用戶快速抓取目標(biāo)內(nèi)容萎攒。但是，在我看來做的還不夠矛绘，現(xiàn)在標(biāo)題與圖片的比例是1：1耍休，事實(shí)上，我覺得應(yīng)該加大標(biāo)題所占比例货矮，這樣會(huì)使得視覺的落點(diǎn)更加“堅(jiān)定”的落于文字上面羊精，而不會(huì)受圖片干擾在文字與圖片之間游移。
老版中還一個(gè)問題是文章類型被用黃色加亮顯示囚玫，評(píng)論與與贊被用白色標(biāo)示喧锦，從視覺角度來看這些標(biāo)注就像平面中的點(diǎn)，極易分散用戶的注意力抓督，但事實(shí)上這些信息并不是用戶首先關(guān)心的內(nèi)容燃少，如果我們單獨(dú)分析一張卡片我們會(huì)發(fā)現(xiàn)，在這一張卡片上存在著多個(gè)視覺層級(jí)铃在，圖片是一個(gè)層級(jí)阵具，文章類型與贊評(píng)論是一個(gè)層級(jí)，文章標(biāo)題是一個(gè)層級(jí)定铜，發(fā)表時(shí)間是一個(gè)層級(jí)阳液。事實(shí)上，內(nèi)容層級(jí)并不是越多越好揣炕，而是需要重點(diǎn)突出帘皿。過多的層級(jí)也是一種視覺干擾。
3文章內(nèi)容頁畸陡。
文章內(nèi)容頁是用戶閱讀文章內(nèi)容的地方鹰溜，因此頁面的排版布局對(duì)于用戶的閱讀體驗(yàn)有著很大的影響谣光。內(nèi)容頁面如圖示
注意之前版本的線條冤议，過于生硬使得線條兩側(cè)的內(nèi)容產(chǎn)生了一種割裂感求泰。還有就是文章所述類型置于頂側(cè)备畦，且字號(hào)較大涩惑，對(duì)比最新版本可以發(fā)現(xiàn)之前版本中文章類型與作者頭像兩個(gè)圓形的icon至于標(biāo)題上下仁期，使得用戶視線會(huì)在兩者之間跳轉(zhuǎn)影響用戶閱讀標(biāo)題。因此竭恬，用戶進(jìn)入頁面后首先注意的不是文章標(biāo)題跛蛋，而是一些無關(guān)緊要的說明。現(xiàn)在版本最大的一個(gè)亮點(diǎn)是痊硕，通過出血版圖片赊级，以及配合較大字號(hào)的標(biāo)題緊緊地吸引住了用戶進(jìn)入頁面的視線。因?yàn)闃?biāo)題和圖片與列表頁是相同的岔绸，這就使得頁面間形成了一種呼應(yīng)關(guān)系理逊，這其實(shí)一定程度上弱化了頁面跳轉(zhuǎn)對(duì)用戶的打擾。
注意頂部之前版本與之后版本最大的變動(dòng)在于盒揉，新版本去掉了與文章無關(guān)的推薦晋被，當(dāng)用戶點(diǎn)擊一篇文章后，意味著用戶對(duì)該主題發(fā)生了興趣刚盈，從文末的推薦看羡洛，新版展現(xiàn)的是對(duì)用戶的謹(jǐn)慎態(tài)度，而老版非相關(guān)文章的推薦則展示了一般推薦方式的武斷藕漱，主動(dòng)地打斷了用戶對(duì)于該興趣點(diǎn)的探索欲侮。。而且在新版中肋联，推薦文章的格式與首頁文章列表相同威蕉，也就是說當(dāng)用戶瀏覽完后，即使用戶不點(diǎn)擊該推薦文章列表橄仍，該推薦列表的存在也有著很大的存在價(jià)值---再次呼應(yīng)首頁文章列表忘伞，降低頁面跳轉(zhuǎn)帶給用戶的干擾。
二 交互方式
為了確保沉浸式的閱讀體驗(yàn)沙兰，好奇心日?qǐng)?bào)的交互始終以左下角這一按鍵為中心氓奈。這一思路是沒有問題的，但是問題出在手機(jī)用戶單手操作的問題上鼎天。很明顯舀奶，左下角圓形按鍵的存在吸引著右手單手操作的用戶用拇指點(diǎn)擊（我的猜測(cè)），關(guān)于單手操作的用戶數(shù)量當(dāng)然我沒有統(tǒng)計(jì)斋射，考慮到用戶用手機(jī)瀏覽多實(shí)在碎片化的時(shí)間與場(chǎng)合育勺，用戶用一種更加隨意的方式（單手）而非正式（雙手）的方式的比率應(yīng)該不小但荤。但是該按鍵所在區(qū)域已經(jīng)遠(yuǎn)離了右手拇指的舒適操作區(qū)。
事實(shí)上涧至，這個(gè)按鍵剛好位于單手操作盲區(qū)腹躁。側(cè)滑頁面選項(xiàng)點(diǎn)擊熱區(qū)太小，這一點(diǎn)新老版本都有問題南蓬。事實(shí)上這讓人很費(fèi)解纺非，由于側(cè)滑欄是從左側(cè)滑出，各點(diǎn)擊選項(xiàng)位于左側(cè)赘方，不利于右手點(diǎn)擊（注意上圖文章所發(fā)表時(shí)間蘋果還未推出大屏手機(jī)烧颖，而考慮到目前大屏手機(jī)廣泛普及的問題，上圖操作探索熱區(qū)其實(shí)應(yīng)該右移）窄陡，如果點(diǎn)擊熱區(qū)擴(kuò)展為選項(xiàng)所在區(qū)域的一整行將有利于右手單手操作的用戶點(diǎn)擊炕淮。主頁面的懸浮按鍵會(huì)隨著用戶下滑而跳動(dòng)，我們知道用戶的視覺對(duì)動(dòng)的東西最為敏感跳夭，因此這種隨著用戶的滑動(dòng)而跳動(dòng)的交互行為是對(duì)用戶的一種打擾涂圆，浮動(dòng)按鍵每跳動(dòng)一次就會(huì)強(qiáng)行將用戶視線從閱讀內(nèi)容吸引至左下角。
鑒于以上分析現(xiàn)對(duì)好奇心日?qǐng)?bào)作以下修改：
1 將浮動(dòng)按鍵右移至頁面橫向長(zhǎng)度1/3處币叹。浮動(dòng)按鍵不再隨著用戶滑動(dòng)頁面而上下跳動(dòng)乘综，變?yōu)楫?dāng)用戶下滑時(shí)，按鍵慢慢變?yōu)橥该魈着穑?dāng)用戶上滑時(shí)慢慢變?yōu)椴煌该鳌?/p>
2 將紅色區(qū)域內(nèi)容中圖片所占比例縮小卡辰，以突出文字標(biāo)題。將綠色區(qū)域文字標(biāo)題放置于圖片上側(cè)邪意，以突出文字標(biāo)題九妈。
1 浮動(dòng)按鍵右移至頁面橫線長(zhǎng)度1/3處。
2 將選項(xiàng)的點(diǎn)擊熱區(qū)擴(kuò)展至頁面橫向邊緣雾鬼。
1 頁面首頁由邊緣向左側(cè)滑動(dòng)可調(diào)出該彈出框萌朱，以方便用戶快速瀏覽相關(guān)板塊內(nèi)容，且總加展示該板塊下當(dāng)日新增加的文章數(shù)量策菜。
? ?注意：因?yàn)槭醉撚凶笥一瑒?dòng)的操作晶疼，因此為了不產(chǎn)生沖突該側(cè)滑欄調(diào)出的交互動(dòng)作必須為由屏幕邊緣向左側(cè)滑動(dòng)。
1 將返回按鍵又憨，以及評(píng)論翠霍、留言、贊按鍵分別向屏幕中央移動(dòng)蠢莺，使得整體居中放置寒匙。
1 搜索框添加搜索提示，下部添加熱門標(biāo)簽躏将。坦白講锄弱，當(dāng)我第一次點(diǎn)擊搜索時(shí)考蕾，我完全沒有搜索的欲望，太干凈了会宪。
關(guān)于盈利模式
最后關(guān)于好奇心日?qǐng)?bào)的盈利模式肖卧，毫無疑問應(yīng)該是廣告。但是掸鹅，是不是只有內(nèi)容中標(biāo)著“廣告”的板塊才是廣告呢塞帐？我以為有的文章本身可能也是廣告，換句話說河劝，廣告也可以以有價(jià)值的文章的形式穿插在非廣告類文章之中。事實(shí)上矛紫，好的關(guān)于產(chǎn)品的報(bào)道赎瞎，已經(jīng)模糊了文章與廣告的界限。因?yàn)楹闷嫘娜請(qǐng)?bào)比較注重商業(yè)類文章的發(fā)表颊咬，因此隨著好奇心日?qǐng)?bào)的發(fā)展务甥，我覺得這種將廣告與內(nèi)容模糊掉的形式或許會(huì)是不錯(cuò)的廣告商業(yè)模式，當(dāng)然這對(duì)于作者的文筆要求比較高喳篇，但是由于平臺(tái)是PGC類敞临，而非UGC類我覺得也應(yīng)該不是大問題吧。
參考文章
1? 為觸屏手機(jī)而設(shè)計(jì)：拇指操作的“熱區(qū)/死角”與“控件尺寸” ? ? http://www.leiphone.com/news/201406/warlial-touch-finger.html
