2017-4-18 周周
這篇文章是一個(gè)獨(dú)立開發(fā)者闡述自己App 迭代的設(shè)計(jì)思路，特別有意思，你可以學(xué)會(huì)他如何提升各種細(xì)節(jié)的用戶體驗(yàn)。
Overcast3發(fā)布了，這是一個(gè)巨大的版本迭代，主要體現(xiàn)在界面的設(shè)計(jì)和流程。根據(jù)兩年多的測(cè)試、使用和用戶反饋，從上個(gè)夏天開始，我一直在為這個(gè)版本而努力工作。
我在2014年為iOS 7設(shè)計(jì)了Overcast1.0，這是一個(gè)具有時(shí)代標(biāo)記的產(chǎn)品：使用了超細(xì)的字體和線，邊緣鋒利，全屏白色背景和半透明模糊的底欄，大部分基礎(chǔ)功能需要隱藏手勢(shì)操作。這種基礎(chǔ)的設(shè)計(jì)貫穿于每個(gè)版本的更新中，直到今天。
Overcast 3.0的設(shè)計(jì)目標(biāo)是：
我修改了播放頁(yè)和App其余頁(yè)面的之間的結(jié)構(gòu)關(guān)系，使用了新的卡片式的結(jié)構(gòu)，用從底部向上滑動(dòng)代替從右邊推入：
當(dāng)下最熱門的音樂(lè)以及播客App已經(jīng)完全接受了從底部上滑出播放頁(yè)面的方式（包括iOS 10的Apple Music），用戶們已經(jīng)從別處習(xí)慣了這種操作方式。
播放頁(yè)面從一個(gè)mini播放條平滑的被拉起（或者只是點(diǎn)擊），并且可以在播放頁(yè)面的任何位置向下滑動(dòng)平滑的收起（或者點(diǎn)擊”向下“的小箭頭）。
卡片式的播放頁(yè)在app的其它頁(yè)面的狀態(tài)下都是可用的，以相同的方式運(yùn)行，加快普通任務(wù)的完成，并且大大增強(qiáng)了單手使用效率。
我還重新設(shè)計(jì)了播放頁(yè)本身。以前的播放頁(yè)是在一個(gè)隱藏的滾動(dòng)區(qū)域中顯示劇集注釋，用戶需要向上滑動(dòng)封面才能顯示注釋，相對(duì)而言，不太容易被用戶發(fā)現(xiàn)。
現(xiàn)在，水平滑動(dòng)播放頁(yè)面，可以在顯示左側(cè)的“EFFCETS”和右側(cè)的劇集注釋，封面下面有標(biāo)準(zhǔn)的“page dots”來(lái)指示在哪個(gè)頁(yè)面。
“EFFECTS”和“PLAYBACK”功能的彈窗已經(jīng)合并為一個(gè)效果面板：
兩個(gè)關(guān)鍵的控制按鈕從屏幕左下角和右下角邊緣移開，使得“回放”和“前進(jìn)”功能的操作區(qū)域更大，并且減少了大屏幕手機(jī)上的誤觸。
從最初的1.0版本以來(lái)，播放列表就有手動(dòng)排序功能了，但是許多iOS用戶從來(lái)沒(méi)有點(diǎn)擊過(guò)導(dǎo)航欄里面的“Edit”按鈕，很多人甚至不知道有這個(gè)功能。對(duì)于那些知道這個(gè)功能的人，兩個(gè)步驟的操作也是很麻煩的。
新的播放列表頁(yè)具有實(shí)時(shí)重新排列功能，這樣能讓用戶更好的發(fā)現(xiàn)內(nèi)容：
mini播放條現(xiàn)在變的更大，更容易操作，配備更大的按鈕，并且在沒(méi)有當(dāng)前播放內(nèi)容時(shí)隱藏。
我還同時(shí)換掉了令人討厭的劇集信息彈窗：
舊版本的彈窗缺乏與周圍背景的對(duì)比，展示空間比較小，并且需要小心在邊界內(nèi)點(diǎn)擊來(lái)避免誤觸，而且對(duì)單手操作的用戶是很不友好的。
現(xiàn)在的劇集信息卡更像是Overcast 3的其它卡片：快速向上滑動(dòng)打開，然后按住卡片的任何地方輕松向下關(guān)閉（或從左邊緣向內(nèi)）。它也支持3D Touch預(yù)覽和向上滑動(dòng)快速操作。
以前的版本中，點(diǎn)擊列表中的劇集，會(huì)立刻開始播放。在你想要聽的時(shí)候，這是很好的，但是意外觸碰到會(huì)引起問(wèn)題：我發(fā)現(xiàn)當(dāng)我試圖重新排列、刪除、或者查看詳情時(shí)，太容易開始播放。
很多用戶從來(lái)不會(huì)滑動(dòng)單元格（或點(diǎn)擊“Edit”按鈕），因此他們永遠(yuǎn)都不會(huì)找到刪除按鈕。自從Overcast 1.0發(fā)布，我收到了幾百封電子郵件，問(wèn)我如何不在播放的狀態(tài)下刪除劇集。
為了解決這些問(wèn)題，我想到了一個(gè)兩個(gè)階段的方法：點(diǎn)擊一個(gè)劇集選擇它，顯示各種操作按鈕，點(diǎn)擊中間新加入的播放按鈕可以播放它。
我想這應(yīng)該是Overcast 3中最具爭(zhēng)議的改變，它減慢了播放操作的速度，但我覺(jué)得它更具一致性，習(xí)慣了舊的操作方式的用戶，在使用它幾天之后也會(huì)習(xí)慣，而且這能使App變的更可靠，更能被每個(gè)人所發(fā)現(xiàn)。
我還在這里加了一個(gè)新的按鈕：“加入隊(duì)列”。
“下一首播放”的功能算是Overcast里的功能之一。我花了很長(zhǎng)時(shí)間去思考這個(gè)功能，因?yàn)槲矣X(jué)得“播放列表”其實(shí)發(fā)揮出了相同的作用。不過(guò)其實(shí)兩者有很大的不同：
新的隊(duì)列功能只是存在于特殊的Overcast播放列表。如果里已經(jīng)有了一個(gè)名為“隊(duì)列”或默認(rèn)的”所有劇集“，則可以使用新隊(duì)列功能，如果沒(méi)有，它則會(huì)根據(jù)需要?jiǎng)?chuàng)建。這種情況無(wú)處不在，并像其它播放列表一樣具有完整的功能。
頻道頁(yè)有一個(gè)巨大的設(shè)計(jì)缺陷?？焖伲涸谂f的頁(yè)面中，你如何調(diào)整劇集的排列順序，播放或最舊的劇集？
在iOS平臺(tái)上沒(méi)有這個(gè)的標(biāo)準(zhǔn)，所以我復(fù)制了一個(gè)桌面端和web端的三角形指示圖標(biāo)，點(diǎn)擊可以使他調(diào)轉(zhuǎn)方向。沒(méi)有人能找到這個(gè)功能，所以我在每個(gè)頻道頁(yè)的設(shè)置下添加了一個(gè)清晰的標(biāo)簽選項(xiàng)。
老版本的頻道頁(yè)有很多令人煩惱的內(nèi)容：已經(jīng)訂閱的頻道變暗，如果點(diǎn)擊它，會(huì)顯示煩人的警報(bào)，你只能一次添加一個(gè)頻道，等等。
現(xiàn)在，對(duì)任何一個(gè)節(jié)目劇集進(jìn)行相同操作，都可以添加到多個(gè)播客節(jié)目，而不必回到每個(gè)目錄。當(dāng)然，是以卡片的方式展示，所以很容易就可以往下拖來(lái)關(guān)閉它們。
其他一些更新：
widget和通知。
一個(gè)全新、更快的手表應(yīng)用，在watchOS 3上發(fā)布。（之前的手表應(yīng)用還只是在watchOS 1上運(yùn)行。）
并且我將一些代碼改成了Swift?。ㄟ@也是這個(gè)APP的大小從7MB變成30MB的原因：由于Swift還很年輕，所有的Swift APP仍然是在使用Swift庫(kù)的自定義副本。）
我以前的贊助模式失敗之后，在去年9月，我添加了Google的廣告，我自己給自己找了兩個(gè)麻煩：
我決定采取行動(dòng)，無(wú)論如何要放棄Google的廣告以及從Google獲得的崩潰報(bào)告和數(shù)據(jù)分析。
Overcast將不會(huì)再嵌入封閉源代碼，我將不會(huì)再使用任何第三方的分析服務(wù)。
幸運(yùn)的是，Google的廣告帶來(lái)的收入相對(duì)來(lái)說(shuō)比較少，總收入的90%仍然來(lái)自付費(fèi)訂閱，現(xiàn)在可能占比更高。非付費(fèi)訂閱者的的廣告目前比廣告本身更重要，所以我可以用任何東西代替他們。所以我把自己的內(nèi)置高品質(zhì)廣告放在播放頁(yè)和添加播客頁(yè)：
播放頁(yè)面會(huì)展示網(wǎng)站、播客節(jié)目、APP、Overcast Premium的廣告，添加播客頁(yè)只會(huì)顯示播客節(jié)目的廣告。
沒(méi)錯(cuò)，播客節(jié)目的廣告。還有比播客應(yīng)用更合適的地方來(lái)宣傳播客節(jié)目嗎？點(diǎn)擊它，你能看見完整的節(jié)目列表和一鍵訂閱的功能。
這是一個(gè)巨大更新的版本。非常感謝所有的用戶，使我能做到這一點(diǎn)。
我希望我能夠?qū)崿F(xiàn)我的設(shè)計(jì)目標(biāo)，我也希望你能喜歡它。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.88yangsc.com