Apple于去年發(fā)布的iOS8系統(tǒng)帶來了許多有趣的新特性，其中的App Extensions讓第三方產(chǎn)品與系統(tǒng)本體的互動(dòng)變得更為直接。

“Today Widget”，”Get a quick update or perform a quick task in the Today view of Notification Center”（在通知中心的今日視圖中快速獲得更新或完成操作）——從此在許多場景下、用戶毋須再前往桌面尋找icon進(jìn)入app了，只需在屏幕上輕輕一Swipe（即使在未解鎖狀態(tài)下），就可以展開Today View、快速獲得各種信息或執(zhí)行任務(wù)。這樣的功能與操作方式極富“效率”的魅力。

如果說Today?Widget是iOS平臺上新興的小工具，那承載Widget的“Today View”即將成為這個(gè)平臺上潛力無限的新地盤，影響力超過紛繁雜亂的桌面也相當(dāng)可期。

不過直到最近，作者仍然發(fā)現(xiàn)身 邊還有許多的小伙伴并不知道它的存在和便利。于是在這篇文章中，作者打算整理一下早前的內(nèi)部分享，希望可以與更多的人分享自己熱衷的Today Widget，一同發(fā)掘更多新鮮的Widget玩法，并探討不同類型的Widget各自呈現(xiàn)的設(shè)計(jì)Pattern。

快捷入口/快速啟動(dòng)類：

作為習(xí)慣把常用app放在Dock和第一頁的用戶，有的時(shí)候也非常想開辟另一塊觸手可得的地盤放置高頻使用的app?，F(xiàn)在只需下劃展開Today View，即可以立馬找到并點(diǎn)開想要使用的app。

Launcher是一種產(chǎn)品類型，在這里則是一個(gè)名為Launcher的iOS app——可以把它看作快捷入口最為典型的例子。

通過Launcher可以設(shè)置快速啟動(dòng)應(yīng)用程序、快速撥打聯(lián)系人電話、快速FaceTime……或者說它就是各應(yīng)用各操作的快捷方式在Today View中的集合，這些快捷方式的主要展現(xiàn)形式延續(xù)了他們原本的形狀造型，基本以平鋪的icon和圓圈頭像為主。功能與之相似的還有Touch2系列，不用的用途衍生出不同的小app。

當(dāng)然除了這些快速啟動(dòng)與快捷聯(lián)系人外，也有相當(dāng)多放置功能入口的Widget。比如Evernote，比如Path，它們將自身最主要的功能入口放在了這里。

在這里需附帶一提，Apple對于Widget的限制雖然給出了書面Guidline，但還是很難摸透他的審核原則，Launcher就曾因?yàn)橛脕韯?chuàng)建各種 app和url的快捷方式而被App Store下架，而作者參與的產(chǎn)品也因在Widget中直接置入功能模塊入口而被拒，當(dāng)然為了避免做出鐵定被駁回的設(shè)計(jì)，基本的規(guī)則必須閱讀的，相關(guān)資料 可查本文最后的附錄。

?新聞/資訊類：

過去的每個(gè)早上我們依次主動(dòng)打開一個(gè)個(gè)App查天氣、看最新資訊，Widget則可以幫助我們不動(dòng)聲色地輕松獲取。新聞與資訊放在Today View中是非常說得通的應(yīng)用場景，下拉即刷新，讓用戶可以在各個(gè)碎片時(shí)間快速獲得即時(shí)的信息情報(bào)。所以這一類型的Widget通常展示股票指數(shù)、實(shí)時(shí)新 聞、天氣、比分、節(jié)目預(yù)告。除“即時(shí)”以外、還可以“就地”基于地理位置提供各種資訊服務(wù)。

即時(shí)信息型的Widget布局會更傾向于垂直功能的本身，信息清晰、快速傳達(dá)是首要任務(wù)，基本上設(shè)計(jì)可以和app內(nèi)部界面較為一致。

其中新聞?lì)惛鶕?jù)不同的app性質(zhì)可以有較多的布局方式。

從左至右，Google News 圖文列表（小），在有限的屏高內(nèi)同時(shí)展示多個(gè)條目，作為新聞聚合站給用戶提供來源豐富的實(shí)時(shí)新聞；News360 圖文列表（大），從用戶主動(dòng)訂閱的頻道中隨機(jī)輪番推送新聞與專題，較大的圖文位需要優(yōu)質(zhì)、最好是智能篩選的內(nèi)容來保證質(zhì)量；VICE News 大圖+文字摘要，每日單條重要新聞掛在Widget上可以看出媒體的力度與自信，這樣的設(shè)計(jì)更適合于展示專題、頭條，或通過摘要引出適合深度閱讀的內(nèi)容。

所以新聞?lì)怶idget布局和新聞媒體本身的調(diào)性也很有關(guān)系。

至于地理位置類Widget，想象空間頗大，除了各類LBS貼身資訊，也有許多非常有趣的互動(dòng)點(diǎn)。最先可以想到的，找到身邊的吃喝玩樂（這好像應(yīng)該點(diǎn)評來做），需要注意控制內(nèi)容展示區(qū)域的面積。

用AFAR快速查看附近的吃喝玩樂

附近旅館、附近租房or賣房，適用于游客群體與關(guān)注居住消費(fèi)的群體，建議熱火朝天打著“互聯(lián) 網(wǎng)+”口號的O2O租房行業(yè)、傳統(tǒng)房產(chǎn)中介借鑒一下。（雖然有個(gè)觀點(diǎn)是租房買房等需求因?yàn)榈皖l不應(yīng)該做成應(yīng)用，但如果資源充足，整一個(gè)又何妨呢，好好包裝 營銷一下可能就成為行業(yè)標(biāo)桿or下一個(gè)Airbnb了：）。

快速一鍵簽到，并同時(shí)提供其他簽到好友的地理位置信息，各IM或社交類app如果可以接入或直接開啟一個(gè)類似功能，也是相當(dāng)值得期待的。

以及以下這個(gè)“我究竟在哪里”，如果不深入挖掘這個(gè)app的社會意義（如適合不會看電子地圖的老年人…），就只能把它當(dāng)作一個(gè)有點(diǎn)冷的創(chuàng)意了，路癡專享。

總的來說，資訊類Widget注重實(shí)用性，根據(jù)不同屬性，設(shè)計(jì)的差異略大；信息須被設(shè)計(jì)得足夠簡潔明了，實(shí)用性得以體現(xiàn)，才能獲得更高的用戶關(guān)注。

?UGC與運(yùn)營內(nèi)容推送：

快捷入口類Widget讓用戶快速觸及功能，新聞資訊類降低用戶獲取情報(bào)的操作成本，這兩者是基礎(chǔ)款，相比還有一些因垂直需求而主動(dòng)期望接受的信息，也很常見。
首先是內(nèi)容推薦與UGC類，隨機(jī)推送優(yōu)秀的用戶創(chuàng)作，以吸引用戶在短促的滾動(dòng)操作時(shí)間內(nèi)“駐目”，內(nèi)容有格調(diào)是必備條件。

除了UGC，開發(fā)者也可自行運(yùn)營一些內(nèi)容，比如Camera+的攝影類文章、教程和諺語，至少讓用戶看到了開發(fā)運(yùn)營者的用心，即使同時(shí)合入了拍照功能按鈕也覺得蠻順理應(yīng)當(dāng)。

此類信息是瀏覽過程中的調(diào)劑項(xiàng)，適合受眾明確的垂直功能的應(yīng)用或社區(qū)，為用戶提供碎片時(shí)間內(nèi)的平衡與放松，信息如果可以打動(dòng)人，便能夠激活啟動(dòng)，更多的時(shí)候可以看作是品牌的塑造與維護(hù)。這一類Widget的設(shè)計(jì)語言不用太繁復(fù)，必須內(nèi)容大于形式，用心吸引閱讀和開啟。

?服務(wù)/訂單跟蹤類：

服務(wù)與訂單跟蹤是作者實(shí)際使用過并印象深刻的Widget，值得一說。
此類外掛主要用于優(yōu)化體驗(yàn)，由電商購物發(fā)起，延伸至對服務(wù)進(jìn)度的跟蹤，格瓦拉是其中體驗(yàn)最完整的app。

在iOS8 Extension正式面世后沒多久，格瓦拉就上架“觀影小伙伴”的feature，并直接全盤搬到Widget中，在電影開場前3小時(shí)啟動(dòng)電影票訂單的 服務(wù)流程（從普通的電影資訊輪播變身為訂單跟進(jìn)），提醒開場時(shí)間和地點(diǎn)；并隨著觀影時(shí)間的接近，翻頁到取票密碼查詢；在電影結(jié)束后還有快速打分界面。誰都 不想在約會看電影的時(shí)候還一個(gè)勁地低頭翻閱手機(jī)，所以這些信息掛在Today View上，確實(shí)非常方便：）

Service Tracking還有很多的想象空間，我的外賣送到哪里了，我的等位是不是快到了，都是可以掛在外面的可快速追蹤信息。作者記得前幾個(gè)版本淘寶也做了，可以在Widget中查看寶貝的物流，現(xiàn)在不知為何消失了……

服務(wù)跟蹤類的Widget應(yīng)關(guān)注一個(gè)流程的不同階段在呈現(xiàn)上的一致性和相通性，同時(shí)視覺表現(xiàn)的識別性也很重要，萬一未來有好多不同平臺的服務(wù)進(jìn)度需要關(guān)注來著……

?功能外掛型：

這里也順帶給大家介紹一些純功能外掛的Widget（雖然此類非常多、也有很多文章已經(jīng)介紹過），有些app在第一時(shí)間就響應(yīng)號召掛出了Widget，又有些app可以說是專門為Widget而生的。

首先Todo和Timetable等工具是商務(wù)人士或效率偏執(zhí)狂的最愛。（其實(shí)給女生提供一些有可愛的或Art deco風(fēng)的memo小掛件也是挺不錯(cuò)的……）

其次是健康類，無論是層出不窮的可穿戴設(shè)備、還是iOS8對Health接口的開放、又或者是大家都統(tǒng)統(tǒng)用起了微信運(yùn)動(dòng)——可以發(fā)現(xiàn)智能健康已逐步成為受重視的領(lǐng)域。對于健康控和運(yùn)動(dòng)控來說，把健康數(shù)據(jù)展示在Today View上應(yīng)該會有相當(dāng)大的需求。

Today Steps 圖形化展示運(yùn)動(dòng)數(shù)據(jù)（圖片來自App Store）

然后流量與容量，對部分人群來說，也是相當(dāng)重要的！

DataMan（圖片來自App Store）

非常容易開發(fā)，也算有實(shí)際價(jià)值的各類D-day倒數(shù)。

以及，復(fù)制黏貼/翻譯/筆記本/記賬，是對剪貼板的充分利用，也在有限的Widget界面中呈現(xiàn)了各類可愛袖珍的界面。但作者還是較少使用這些功 能。拿記賬來舉例，當(dāng)初發(fā)現(xiàn)這只Widget的時(shí)候非常激動(dòng)，但試用后明白到，在一個(gè)滑動(dòng)感很強(qiáng)、隨手可以收起的面板中做輸入操作，有太多的不穩(wěn)定性…… 同理，在Widget中打游戲也是不太適合的……

也有不少敬業(yè)的app，則是專門為Today View切割出了最為適合的小模塊。

kindle的閱讀進(jìn)度

DayOne的日志統(tǒng)計(jì)

City mapper 在Widget中放置了一枚“Get Me Home Compass”帶我回家導(dǎo)航羅盤，顯示目的地的方向與距離（可惜此app尚未支持任何中國地區(qū)）。

City mapper的“帶我回家”羅盤

總的來說，簡單的工具app會將主要功能直接嵌入Widget，而較為龐大的app則是選擇一個(gè)量級適合的模塊放入Widget。

?裝飾類：

最后我們來聊一下有無限可能性的——純裝飾類Widget，作為一個(gè)務(wù)實(shí)的人作者較為懷疑它存在的意義，但作為有少女心的設(shè)計(jì)師，隱隱覺得這是一個(gè)可以發(fā)揮和有錢途的領(lǐng)域。畢竟Line已經(jīng)拿它來賺錢啦。
Line deco之日歷、時(shí)鐘、電量，其中可以發(fā)現(xiàn)廣告合作和收費(fèi)裝飾……因?yàn)闊o法搞定LINE賬號賺到P幣，就不給大家親自演示收費(fèi)項(xiàng)目了……

與之相似的還有電子相冊Photo Widget，挑選若干手機(jī)相冊中的照片放進(jìn)Today View，下滑就能看看照片……雖然這個(gè)行為當(dāng)前看起來沒啥價(jià)值，但其中也能夠想到不少深挖的需求與概念，大家可以自行想象哦。

至此，我們來總結(jié)一下Today Widget的設(shè)計(jì)奧義吧——

1 不同屬性和類型的Widget設(shè)計(jì)方式不同；

2?直接、快速、實(shí)用、信息清晰、簡潔明了是基本要義；

3?內(nèi)容有價(jià)值，用心運(yùn)營，可以獲得更多的關(guān)注與啟動(dòng)；

4?基于時(shí)間、LBS、訂單服務(wù)的Widget有許多的可能性；

5?整體功能或局部功能外掛也是目前的Widget主流應(yīng)用形式；

6?純裝飾類Widget可能真的可以賺到錢~~

最最后，作為一個(gè)靠譜講規(guī)范的視覺設(shè)計(jì)師，給大家提供一個(gè)Today Widget參數(shù)表，雖然官網(wǎng)也有提供示意圖，但在拜托開發(fā)同學(xué)對照研究后，發(fā)現(xiàn)應(yīng)該是下圖這樣的才對。在做設(shè)計(jì)稿的時(shí)候也不要忘記Today Widget必須適配到n種蘋果設(shè)備以及它們的橫豎屏…

附錄

App Store Review Guidelines – Extensions

App Extension Programming Guide – Today

iOS Human Interface Guidelines – Today Widgets

原文來自： 騰訊ISUX