“一覽” 豌豆莢自己孵化出來一個新app汹桦。和年前的開眼一樣鲁驶，開始自己做app。不同是開眼是自己收集內(nèi)容推送营勤。一覽則更為具體做內(nèi)容集合類app灵嫌。logo設(shè)計就是一個無限符，也體現(xiàn)出來這點葛作。
所以這里其實一開始就引出一個點寿羞，市面上做聚合類閱讀app。歷史之悠久赂蠢，產(chǎn)品之多數(shù)不勝數(shù)绪穆。那么一覽又如何能夠做到不一樣，或者說是有什么突破嗎虱岂？
我們現(xiàn)在就來看看
1、首先是icon設(shè)計及命名部分褐健，同為豌豆莢公司近期出品的app付鹿，倆這我都帶有一定試驗性質(zhì)的嘗試。設(shè)計風(fēng)格都基本已簡單構(gòu)圖蚜迅，少量顏色舵匾。作為主基調(diào)，這點不難理解畢竟不管是一覽還是開眼都是第三方聚合類產(chǎn)品慢叨，都不存在自主內(nèi)容產(chǎn)出纽匙。因此盡可能減少過多的設(shè)計渲染。
不過有趣的點在于：命名的方式拍谐，一覽帶著自己母公司的光環(huán)前綴叫“豌豆莢一覽”，開眼只是單純叫開眼馏段。這里理解是開眼或許因為自身定位較獨特轩拨，其它同類型競品不多。因此無需開出豌豆莢名頭院喜。而一覽明顯類似競品眾多亡蓉，打出豌豆莢一來可以情感轉(zhuǎn)移，增加用戶選擇的籌碼和好感度喷舀，信任度砍濒。
2、啟動引導(dǎo)頁硫麻。比較任性的還在于豌豆莢一覽并未在啟動時候做引導(dǎo)頁的設(shè)計爸邢。這里看到一些不同地方，我覺歸期緣由會發(fā)現(xiàn)多少app的引導(dǎo)頁早已經(jīng)不是為了真正產(chǎn)品引導(dǎo)拿愧，而變成品牌宣傳杠河。就想開頭介紹的一覽似乎在追求使用流暢度上思考的比其它app要來的多，首先看看注冊登錄頁面浇辜。
可以看到這里的注冊和登錄頁面基本加上頂部的文字券敌，基本上涵蓋了3大部分的內(nèi)容：
1、登錄功能模塊柳洋。
2待诅、注冊功能模塊。
3熊镣、引導(dǎo)提示文字卑雁。
三者構(gòu)造整個整體系宜，相互關(guān)聯(lián)且互不干擾。視覺上除了用戶協(xié)議那排顯的不那么舒服感覺殖蚕，其它都很正好溪王。且有一定特色和想法。大面積色塊配合留白足夠的文字弛房，
這類型注冊登錄樣式需要注意：本身頁面功能為注冊登錄道盏，因為本身注冊登錄表單項目內(nèi)容較為單薄，因此上班部分內(nèi)容（文字圖案）一定不能搶了下半邊頻道具體功能模塊文捶。另外注冊頻道是否要默認彈出輸入鍵盤荷逞，是否會導(dǎo)致頁面上下位移，這點也值得注意粹排。一覽和instagram選擇倆種模式种远，instagram選擇是默認彈出鍵盤，只是輸入注冊起始頁只有郵箱一項
以上對比會發(fā)現(xiàn)instagram，對比一覽比較好地方史他把閱讀協(xié)議這塊做到了2級頁面射富，那么首屏頁面就能顯示更為簡單膝迎，而一覽選擇把精簡完的內(nèi)容完全做到一個頁面里面為是為了更快捷操作節(jié)省用戶一步操作。這里就難免出現(xiàn)例如注冊協(xié)議的這樣干擾整體設(shè)計的地方胰耗。我個人建議是在注冊頁面或者最后注冊頁面確認彈窗中做協(xié)議提示限次。而登錄上的提示則可以直接去了。
3柴灯、文章列表頁
這里看到整體布局卖漫，發(fā)現(xiàn)一個特點是基本弱化來源，直達文章摘要的列表頁面赠群。而且文章摘要之篇幅之大應(yīng)該是同類閱讀軟件中占比最大的軟件羊始。
可以看到大致頁面部分分為幾個部分：1.頂部功能操作，2.中間文章來源及時間乎串，3.下半部分收藏按鈕店枣。
為什么需要把收藏提到頁面優(yōu)先級如此高地方。我認為應(yīng)該是已經(jīng)發(fā)現(xiàn)大家收藏單做一部分功能稍后閱讀來使用叹誉。另外可以看到點擊收藏后是帶數(shù)字的鸯两，因此這里收藏其實也合并來喜歡的功能，不過應(yīng)該還是產(chǎn)品初期的原因看到其他人收藏躲過于1的并不多长豁。這里也可以看出一覽為了整體的縮減操作流程及
另外還有一塊值得思考钧唐，頂部功能把反饋放到出來，有點不同其它app匠襟，可以看到團隊對于用戶反饋的重視和整個app產(chǎn)品處于產(chǎn)品初期的考量钝侠。這里另外也是因為太多閱讀軟件可深度挖掘的地方的確不多了该园。
4、文章詳情頁面
這里值得一提的帅韧，也是整個一覽交互上最大特色地方里初。在文章列表頁面和詳情頁面中間夾帶著一層預(yù)覽頁面。且比較巧妙的是整個預(yù)覽頁面和實際閱讀頁面還有列表頁面可以做到很好的交互鏈接忽舟。首先我們看看
?
以上是閱讀的基本操作，也是該軟件的核心交互操作浩姥。擴大了文章列表版面空間挑随，盡可能做到和預(yù)覽頁面差異最小，而預(yù)覽頁面和詳情頁面整體不存在文章內(nèi)容差異（另外這樣可以省去很多app需要編寫簡介部分勒叠，大量減少后期編輯工作）兜挨，減少層級中了用戶閱讀的跨躍感，整體盡量讓用戶感覺到操作和交互的一致性及統(tǒng)一缴饭。這里關(guān)鍵點就是中間內(nèi)容差異的把控暑劝，一覽的做法是盡可能文章閱讀保存一致只通過部分功能按鈕做到區(qū)分。
這里交互巧妙地方就是首先我們對于列表展現(xiàn)真的是需要一個表嗎颗搂？當(dāng)看一個標題和少量文字是不是就此足夠吸引用戶了，一覽給大家的探索是：或許看文章就應(yīng)該給大家較大篇幅預(yù)覽余下時間幕垦，來源等等都不是很重要丢氢。因為你無法判斷用戶決定要看哪篇文章是依據(jù)什么，哪怕給用戶盡可能大篇幅文章然后中標可能性會大先改。
可是這樣做法缺點也顯而易見疚察，首先過大篇幅勢必操作和瀏覽操作需要大幅提升。其二仇奶，過大篇幅對于文章內(nèi)容質(zhì)量需要有一定把控貌嫡。否則ZA多于2.3篇的爛文章即可給用戶強大心理壓力。我們看到一覽的解決方法是：提高用戶操作的速度该溯，減少不必要頁面原始岛抄，及盡可能減少用戶操作流程和頁面層級性操作。在不可能避免的層級操作中通過交互減少用戶操作成本狈茉，控制內(nèi)容源的數(shù)量質(zhì)量減少低質(zhì)量文章出現(xiàn)可能性夫椭。所以就可以看到，一覽的刻意減少頁面元素構(gòu)成氯庆，加入預(yù)覽模式且通過增加手勢操作的利用盡可能減少用戶層級間操作時間成本控制內(nèi)容源及文章質(zhì)量蹭秋。
在apple 6s發(fā)布會中大家也可以看到新版本iOS9配合3D touch 加入預(yù)覽模式扰付。單看iOS的操作視頻我個人覺得就單純從閱讀文章這塊并沒有一覽做的好。不說需要配合3d touch的硬件仁讨。就從視頻上看需要點壓等待這塊羽莺，就很明顯是中斷用戶操作。個人覺得3dtouch更多還是在游戲中配合和使用洞豁。
其它盐固，一覽的豐富手勢操作也是保障其流暢操作的一個前提。 大家在一般app中都會看到有幾類型族跛，默認手勢有很大沖突闰挡。較為突出文章詳情頁面?zhèn)然降资峭嘶亓斜磉€是切換文章。 ?兩者都是有一定支持者礁哄，一般大家都認為兩者不可調(diào)和长酗，只能選其一從之。
一覽給大家一個可能性就是兩者或許能夠結(jié)合桐绒，在同時可以側(cè)滑退出同時夺脾，也可以切換文章列表。那么一覽是如何做到的了茉继？
首先拆分細化區(qū)別不同側(cè)滑手勢：一正常文章頁面?zhèn)然职龋瞧聊粡倪吘墏?cè)滑進屏幕。
其二烁竭，拆分功能：一切換文章內(nèi)容菲茬，而二返回列表頁面
之后就是把其一一對應(yīng)，一覽做法是：頁面內(nèi)側(cè)滑是文章切換操作派撕，屏幕邊緣側(cè)滑是退回文章列表頁面婉弹。
這里其實會交互上有個問題是：退回列表頁面雖然右上角有關(guān)閉按鈕，當(dāng)看手勢操作卻會發(fā)現(xiàn)從屏幕邊緣滑動操作過于隱蔽终吼。這里一覽做法是镀赌，在預(yù)覽頁面下下滑就可以整屏關(guān)閉退回列表頁面還有就是文章閱讀底部繼續(xù)滑動也是退回列表頁面。
這樣做法有幾個好處保留了通過手勢切換文章和返回功能际跪，不會因為返回功能頻繁操作商佛，而放棄右滑功能操作。另外因為前面提到的預(yù)覽和列表頁面內(nèi)容量較為一致姆打，左右文章切換也在一定程度上承載了文章列表功能用戶接受程度能大幅提升良姆。通過增加返回的操作方式（關(guān)閉按鈕，屏幕邊緣側(cè)滑穴肘，文章結(jié)尾滑動關(guān)閉）
另外這里有點少許擔(dān)心是歇盼，因為內(nèi)頁包括設(shè)置頁面等附屬頁面內(nèi)手勢操作都是頁面內(nèi)滑動為返回，是否是交互統(tǒng)一评抚。用戶會不會混亂豹缀，好處是基本上該app還算是功能較為單一伯复，應(yīng)該用戶學(xué)習(xí)成本不會太高。
其它：這里還看到部分有特色的細節(jié)邢笙，一覽一開始提示叫用戶開啟離線緩存功能啸如。這個離線緩存是自動的，因此你也看不到緩存進度氮惯。反正就是之間交給app就好了叮雳。他這邊邏輯是我反正都幫你干了，你就盡管閱讀好了妇汗，如果遇到?jīng)]有緩存文章你就看其他好了帘不，反正我多的是優(yōu)質(zhì)資源給你看。如果又杨箭，恰好想看又沒有緩存那怎么辦寞焙，我們有收藏先收藏，然后有網(wǎng)在看就好來互婿。這里其實整體邏輯很ios設(shè)計邏輯捣郊，我不用你來考慮是否應(yīng)該關(guān)閉每個應(yīng)用，反正你就是切換退出就好了慈参，因此ios決不會出現(xiàn)android那樣全殺應(yīng)用操作呛牲。反正你就叫給我系統(tǒng)就好了，你就操作你自己想干的事情驮配，其余任何調(diào)配機器幫你優(yōu)化娘扩。還有就是他的關(guān)于頁面設(shè)計，很難的有個新型app能做到如此細致用心壮锻，對于用戶反饋重視程度也可見一幫畜侦。
還有就是他的引導(dǎo)頁面也就是設(shè)置里面的產(chǎn)品介紹頁。也比較有特色
這個產(chǎn)品說明兼著引導(dǎo)頁面的產(chǎn)品說明躯保，很明顯可以看出來首先通過抓取自身手機內(nèi)置app，比對一覽自帶app分析出來用戶可能感興趣的訂閱源澎语，減少用戶對于篩選選擇的時間途事。另外通過這系列說明也順帶告訴用戶，我們推薦東西是根據(jù)你自身下載app總結(jié)出來的擅羞。用此增加用戶信任感尸变。
綜合起來說一覽通過自身對于閱讀的理解和思考，整體上給了我們另外一個可能性减俏。通過面對用戶最直接的需求召烂，盡量舍棄不必要的環(huán)節(jié)和內(nèi)容功能。在剩下為數(shù)不多的頁面功能上娃承，盡可能通過合理交互細節(jié)奏夫，做到整體操作的流暢直接簡單怕篷。
不判定對錯，只分析原理酗昼。這個就是我最好想說的廊谓。
