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