對產品和設計的熱愛,讓他打造出了這款 iOS 上的精美倒數日工具:專訪 Time | 幕後
Time 時間卡是一款設計精美、使用體驗也非常出色的 iOS 倒數日工具,少數派之前也對這款應用進行了介紹。除了 iOS 開發,開發者 JonyFang 對於產品和設計也非常有自己的想法,Time 時間卡精美的介面設計以及靈巧的動畫效果就是很好的例子。
Time 時間卡在上架初曾被指圖示像 Habitify、介面選擇器與 Things 相似,我們也對應用的設計思路和理念感到好奇。本期幕後我們就請到了 Time 時間卡的開發者 JonyFang,和他聊了聊 Time 時間卡的產品思路,以及對於產品和設計的思考。
介紹一下你自己
Hi,大家好~我是 Jony,本名方春,94 年生人,現在是一名 iOS 開發者。
編碼之外,我對產品與設計也很感興趣,利用業餘時間,我也獨立完成了Shots 精簡桌布與 Time 時間卡2 款應用的上線。總的來說,我很享受產品從 0 到 1 實現的過程給自己帶來的一次次自我否定與一次次自我突破。

怎麼想到要做 Time 時間卡?
Time 時間卡誕生的出發點其實很單純,我想要一款能夠按天計數的應用,同時它要能夠支援「倒計日」和「累計日」2 種功能。之前我已經在 App Store 上看了很多同類應用,可惜沒能夠遇到自己喜歡的。
幸運的是,基於開發者的出身加上自己在設計實踐上躍躍欲試的心態,我可以動手 DIY 一款遵循自己使用習慣的 App 給我自己以及身邊的朋友使用。這樣,就有了Time 時間卡。
iOS 平臺上的倒數日應用很多,這其中不乏質量和口碑都非常不錯的應用,Time 時間卡相比之下有沒有什麼優勢或特點?
在介紹 Time 時間卡之前,我想先談一談自己對目前應用商店裡已有的倒數日應用的一些看法。在此先感謝一下這些應用,正是它們的存在,使我在 Time 的設計和開發上得到了許多靈感。
在做 Time 之前,自己也試用了很多現有的倒數日應用,我發現了很明顯的一點是:這些應用的「邏輯」與「介面」是基本一致的。在使用的過程中,我常會有類似這樣的疑問:為什麼需要這樣操作?
比如,倒計日事件在到期後會自動轉為累計日事件繼續存在。在我的理解裡,這與建立倒計日事件的初衷是相違背的。在一次事件結束之後,自己需要知道的是事件已經結束,而不是事件自動切換為另一種形式繼續存在。並且,從我自己以及瞭解到的使用者建立倒計日時間卡的情況來看,很多倒計日事件是具有實效性的。
例如我最近建立的「提醒買去南京音樂節的車票(目標日期:2018.09.03)」這張時間卡在 9 月 3 日前對我有存在意義,但是在這個時間之後這張卡片對我的意義其實就不再那麼大了。其它類似的場景還有很多。
相比同類應用,我儘量地在 Time 時間卡的互動體驗與視覺設計上做著突破,以讓這款應用更貼近實際生活的場景需要,比如:
- 言簡意賅的事件建立
在我們使用 Time 新增事件時,會發現有「倒計日」和「累計日」兩種事件的建立入口,這樣做的意圖在於明確給出使用者建立時間卡的型別,讓使用者能夠根據自己的實際需求建立對應的「倒計日」或「累計日」。再互動上採用這樣的形式會更為直接,也不會給使用者帶來太多使用上的選擇壓力。

- 輕便快捷的手勢操作
Time 在開發過程中,融入了一系列的手勢快捷操作。如時間卡的歸檔和刪除只需通過左右滑動即可完成;時間卡的排序,可以通過長按拖拽的方式移動到想要的位置。這些使用場景,其實也是在貼合日常生活中我們使用應用的習慣。這樣做直接的結果是,我們使用 Time 的時候,在互動操作上時常會有似曾相識的熟悉感,在體驗上也會更為輕便快捷吧。

當然,現在的 Time,還有很多待完善的地方。欣慰的是,我收到了很多來自使用者的意見反饋和功能需求的建議,後續版本里,我會選擇性的加入進來。
你找了一位 Android 開發幫你做 Time 時間卡的 Android 版本,能不能介紹一下你們是怎麼分工和協作的?
回想起來,和 Android 開發夥伴認識的過程,還是比較的有趣的。很感謝鍾穎大大的搭橋介紹我認識了合作的 Android 開發Gemini_Wen。
其實我們不是僱傭關係,是合作關係啦。在 Time 時間卡 Android 版本的開發過程中,@Gemini_Wen 主要負責 Android 的業務開發,我負責 Android 的產品與設計。Time 本身存在一些互動動效,在開發的推進過程中,我們也會溝通動效的實現思路以及原理。不得不說的是,@Gemini_Wen 在對細節的把控上很打動我,這裡要點個贊。
出於限制盜版的考慮,Time 時間卡的 Android 版本目前只在 Google Play 上架。如果大家感興趣,可以 ofollow,noindex">點選這裡 去看看哦。
有人說 Time 時間卡的圖示和 Habitify 很像,時間選擇器也和 Things 有相似之處,你設計它們的時候是如何考量的?後來也出現了一些跟 Time 時間卡相像的應用,你又是如何看待這些應用的?
很好的問題,其實也有很多朋友以及使用者問過我同樣的問題。
關於 Logo。其實 Time 中「T」這樣的設計樣式,還是很常見的。不容否認的是,在配色上,確實有借鑑 Habitify。

關於時間選擇器,Things 3 在一些互動上還是很讚的,Time 的時間選擇器借鑑了 Things 3 的日曆佈局與配色。但如果你細心使用 Time,會明顯地發現,Time 在日曆的整體互動方面會更加便捷,比如年快速切換功能。

對於和 Time 時間卡相像的應用,其實良性的競爭,本身是一件好事。開發者們能夠通過自己的技術把一些自己理想的 feature 以自己最優的理解實現出來,提供給大家使用,這是一件好事:對開發者,會有競爭感;對使用者,會得到更多更好的應用。
當然,我自己是一名開發者,同時也是一名消費者。所以也很願意看到更多的好應用產出,自己也能有更多的選擇。不光對 Time,其它的應用也類似。
Time 開發的初衷是要打造一款給自己和身邊朋友用的倒數日工具。開發 Time 的過程中我一直都是以使用方便、互動和動效足夠靈動、能夠符合自己日常的互動行為為出發點,沒有過多地考慮外界的因素,可能這也是誘使 Time 引來爭議的原因。
當然,Time 還很年輕,可以改進的空間還很大,現有的缺陷會在後續的版本迭代中逐漸完善。
Time 時間卡的設計非常精緻美觀,你之前也幫郝海龍設計了他的電子書《少年阿珵》的封面、宣傳圖以及其它設計工作。你是如何學習設計的,有沒有什麼建議可以給到其他想入門設計的朋友?
無論你是青少年還是成年人,在面臨生活中的困難與抉擇時,我們都會需要像阿埕一樣糾結與思考。這部小說試圖將這種每個人都有的真實思緒用故事呈現出來。《少年阿珵》是一個有趣的故事,也是我們每個人心裡真實的故事。
很幸運在小說連載時,我參與了郝海龍老師《少年阿珵》的試讀。閱讀過程中,我逐漸被書中內容的一個個推理情節和人物設定所吸引、打動。
機緣巧合,我在某天收到了來自郝海龍老師的邀請,參與了電子書 《少年阿珵》 的封面、宣傳圖及周邊的設計工作。對自己來說,這是一次挺棒的經歷,而在過程中,我也收穫了很多程式設計開發之外的驚喜。

Jony 設計的《少年阿珵》宣傳圖
UI 設計對於我來說有很大的吸引力,我很喜歡那種將大腦一拍對映到螢幕上的快感。自己屬於興趣驅動型別的人,於是出於好奇開始自學介面設計。可能因為我本身是技術出身,不會對新事物的學習存在過多的抗拒心理,反而更多的是好奇和躍躍欲試的躁動。
在自學的過程中我沿用了自己的技術學習路線:多看、多想、多練,使用的主力設計工具是 Sketch 。如果你在學習設計的過程中遇到問題,要主動請教自己認為資深的前輩,清晰地羅列好問題。對於用心的提問,相信很多前輩都會很樂意為你解答。
你之前在微博裡說,Time 時間卡已經有了一些比較好的產品方向等待著去落實,能跟我們透露一下嗎?
當前的 Time 一直在遵循「小巧」的原則,所有事件的建立,都是由使用者根據生活中的實際需要進行新增,動機是自發的。所以我在想,Time 能不能給使用者提供一個類似資訊流的媒介,可以為使用者找到一個建立時間卡的動機。比如公佈一部電影未來的上映時間,使用者只需要點選新增按鈕,Time 就會為使用者自動建立一個對應的時間卡。
這些初步的想法都還不夠完善,後續如果上線,會先以實驗室的形式上線。如果大家都可以玩的很開心,我會逐漸開放到應用的首頁中。
Time 時間卡有沒有可能會支援更多平臺,比如 Mac 版本?
Mac 版本有考慮,由於我個人精力加上 Mac 使用者比例相對較少的原因,暫時的想法是放後面些。當然,我也在考慮寫一款自己的 Mac 應用,在 Time 的 iOS 以及 Android 版本完善後,我會優先考慮把 Mac 版本的開發計劃提上日程。
你說你的另一款桌布應用 Shots 精簡桌布在新版本釋出之前會保持限免,接下來有什麼計劃?你理想中的桌布應用是怎樣的?
Shots 精簡桌布是我的第一款應用。軟體版本停滯更新有一段時間了,這也是這次限免的主要原因吧。如果你是 Shots 的使用者,細心的話,會發現 Shots 內的桌布內容其實還在保持每週的內容更新。
Shots 在進行中的是一次大版本的功能更新,體驗上會更貼合 iOS 最新的介面設計與互動。至於改版後的結果,這裡先賣一個關子,上線後見分曉吧~
關於理想中的桌布應用,我不太喜歡多而亂的選擇,對於其它應用也是如此,簡單而純粹更能滿足我的要求 。我理想中的桌布應用應該要能在提供優質內容的同時,支援下載、提供一定的桌布定製化功能。在此基礎之上,還可以加一些其它優質功能,算是錦上添花吧。
聽說你之前跟 Hum 聊了很多與工具類應用有關的建議和心得,能不能跟我們分享一下?
和 Hum 的交流,還是收穫很多的。對於工具類應用,Hum 有很多細緻獨到的見解。在交流過程中他提到了一個點,應用本身需要有一個標誌性的特性,這個特性要能夠貫穿整個應用的「流」,支撐起整個應用和支架。這也是聊後我對這一個點的總結。
聽起來會有些形而上,但實際上確實是這樣的,圍繞著這個點,應用可以衍生出很多細緻的功能分支。在迭代的過程中,開發者也要學會主動過濾功能,不能讓應用逐漸發展為一個堆積功能的「大禮包」。道理還是很直接的,我也在 Time 的迭代中實踐著這一套理念。
從你的作品可以感受到,你是一個對應用設計和體驗方面很有追求的人,能不能介紹幾個你認為在設計和體驗方面都足夠優秀的應用?
感謝認可,也很欣喜大家能夠喜歡我產出的應用。設計和體驗方面都足夠優秀的應用,其實有很多,下面這幾款是自己平時高頻使用的:
- Price Tag:應用的降價資訊和應用推薦模組很棒。
- 小歷:關閉了系統日曆,日常的日期檢視基本都是來自這裡。
- Things 3:很棒的 GTD 應用,自己日常的離線 GTD 任務,基本都已經轉移到 Things 上。
- NOMO:到目前為止,自己最喜歡的一款相機類 App。
對於即將到來的蘋果釋出會,你有什麼期待,今年準備購入哪些新產品?
其實每年都在期待,這次的新產品裡,比較期待傳聞中支援雙卡雙待的 iPhone XS。其實,對於支援雙卡的 iPhone 我已經想了兩年了,希望這次能如願到來。雖然我今年在考慮更新裝置,但可能會選擇第二批或第三批入手,為了不成為第一批的小白鼠 :mouse2:,哈哈~
關於「幕後」
我們每天會接觸大量的軟體、硬體,但是多數時間下,都只是以固有的「使用者」視覺去體驗和評判,快節奏的模式讓我們沒時間體會太多背後的理念。「幕後」欄目因此而生,我們會不定期邀請一些開發者,講述他們創造產品背後的故事。這是本欄目的第 47 篇文章。
:point_right:閱讀其它「幕後」故事 >