Apple於去年發布的iOS8系統帶來了許多有趣的新特性,其中的App Extensions讓第三方產品與系統本體的互動變得更為直接。
“Today Widget”,”Get a quick update or perform a quick task in the Today view of Notification Center”(在通知中心的今日視圖中快速獲得更新或完成操作)——從此在許多場景下、用戶毋須再前往桌面尋找icon進入app了,隻需在屏幕上輕輕一Swipe(即使在未解鎖狀態下),就可以展開Today View、快速獲得各種信息或執行任務。這樣的功能與操作方式極富“效率”的魅力。
如果說Today Widget是iOS平台上新興的小工具,那承載Widget的“Today View”即將成為這個平台上潛力無限的新地盤,影響力超過紛繁雜亂的桌面也相當可期。
不過直到最近,作者仍然發現身邊還有許多的小夥伴並不知道它的存在和便利。於是在這篇文章中,作者打算整理一下早前的內部分享,希望可以與更多的人分享自己熱衷的Today Widget,一同發掘更多新鮮的Widget玩法,並探討不同類型的Widget各自呈現的設計Pattern。
快捷入口/快速啟動類:
作為習慣把常用app放在Dock和第一頁的用戶,有的時候也非常想開辟另一塊觸手可得的地盤放置高頻使用的app。現在隻需下劃展開Today View,即可以立馬找到並點開想要使用的app。
Launcher是一種產品類型,在這裏則是一個名為Launcher的iOS app——可以把它看作快捷入口最為典型的例子。
通過Launcher可以設置快速啟動應用程序、快速撥打聯系人電話、快速FaceTime……或者說它就是各應用各操作的快捷方式在Today View中的集合,這些快捷方式的主要展現形式延續了他們原本的形狀造型,基本以平鋪的icon和圓圈頭像為主。功能與之相似的還有Touch2系列,不用的用途衍生出不同的小app。
當然除了這些快速啟動與快捷聯系人外,也有相當多放置功能入口的Widget。比如Evernote,比如Path,它們將自身最主要的功能入口放在了這裏。
在這裏需附帶一提,Apple對於Widget的限製雖然給出了書面Guidline,但還是很難摸透他的審核原則,Launcher就曾因為用來創建各種app和url的快捷方式而被App Store下架,而作者參與的產品也因在Widget中直接置入功能模塊入口而被拒,當然為了避免做出鐵定被駁回的設計,基本的規則必須閱讀的,相關資料可查本文最後的附錄。
新聞/資訊類:
過去的每個早上我們依次主動打開一個個App查天氣、看最新資訊,Widget則可以幫助我們不動聲色地輕鬆獲取。新聞與資訊放在Today View中是非常說得通的應用場景,下拉即刷新,讓用戶可以在各個碎片時間快速獲得即時的信息情報。所以這一類型的Widget通常展示股票指數、實時新聞、天氣、比分、節目預告。除“即時”以外、還可以“就地”基於地理位置提供各種資訊服務。
即時信息型的Widget布局會更傾向於垂直功能的本身,信息清晰、快速傳達是首要任務,基本上設計可以和app內部界面較為一致。
其中新聞類根據不同的app性質可以有較多的布局方式。
從左至右,Google News 圖文列表(小),在有限的屏高內同時展示多個條目,作為新聞聚合站給用戶提供來源豐富的實時新聞;News360 圖文列表(大),從用戶主動訂閱的頻道中隨機輪番推送新聞與專題,較大的圖文位需要優質、最好是智能篩選的內容來保證質量;VICE News 大圖+文字摘要,每日單條重要新聞掛在Widget上可以看出媒體的力度與自信,這樣的設計更適合於展示專題、頭條,或通過摘要引出適合深度閱讀的內容。
所以新聞類Widget布局和新聞媒體本身的調性也很有關系。
至於地理位置類Widget,想象空間頗大,除了各類LBS貼身資訊,也有許多非常有趣的互動點。最先可以想到的,找到身邊的吃喝玩樂(這好像應該點評來做),需要注意控製內容展示區域的面積。
用AFAR快速查看附近的吃喝玩樂
附近旅館、附近租房or賣房,適用於遊客群體與關注居住消費的群體,建議熱火朝天打著“互聯網+”口號的O2O租房行業、傳統房產中介借鑒一下。(雖然有個觀點是租房買房等需求因為低頻不應該做成應用,但如果資源充足,整一個又何妨呢,好好包裝營銷一下可能就成為行業標杆or下一個Airbnb了:)。
快速一鍵簽到,並同時提供其他簽到好友的地理位置信息,各IM或社交類app如果可以接入或直接開啟一個類似功能,也是相當值得期待的。
以及以下這個“我究竟在哪裏”,如果不深入挖掘這個app的社會意義(如適合不會看電子地圖的老年人…),就隻能把它當作一個有點冷的創意了,路癡專享。
總的來說,資訊類Widget注重實用性,根據不同屬性,設計的差異略大;信息須被設計得足夠簡潔明了,實用性得以體現,才能獲得更高的用戶關注。
UGC與運營內容推送:
快捷入口類Widget讓用戶快速觸及功能,新聞資訊類降低用戶獲取情報的操作成本,這兩者是基礎款,相比還有一些因垂直需求而主動期望接受的信息,也很常見。
首先是內容推薦與UGC類,隨機推送優秀的用戶創作,以吸引用戶在短促的滾動操作時間內“駐目”,內容有格調是必備條件。
除了UGC,開發者也可自行運營一些內容,比如Camera+的攝影類文章、教程和諺語,至少讓用戶看到了開發運營者的用心,即使同時合入了拍照功能按鈕也覺得蠻順理應當。
此類信息是瀏覽過程中的調劑項,適合受眾明確的垂直功能的應用或社區,為用戶提供碎片時間內的平衡與放鬆,信息如果可以打動人,便能夠激活啟動,更多的時候可以看作是品牌的塑造與維護。這一類Widget的設計語言不用太繁複,必須內容大於形式,用心吸引閱讀和開啟。
服務/訂單跟蹤類:
服務與訂單跟蹤是作者實際使用過並印象深刻的Widget,值得一說。
此類外掛主要用於優化體驗,由電商購物發起,延伸至對服務進度的跟蹤,格瓦拉是其中體驗最完整的app。
在iOS8 Extension正式面世後沒多久,格瓦拉就上架“觀影小夥伴”的feature,並直接全盤搬到Widget中,在電影開場前3小時啟動電影票訂單的服務流程(從普通的電影資訊輪播變身為訂單跟進),提醒開場時間和地點;並隨著觀影時間的接近,翻頁到取票密碼查詢;在電影結束後還有快速打分界面。誰都不想在約會看電影的時候還一個勁地低頭翻閱手機,所以這些信息掛在Today View上,確實非常方便:)
Service Tracking還有很多的想象空間,我的外賣送到哪裏了,我的等位是不是快到了,都是可以掛在外面的可快速追蹤信息。作者記得前幾個版本淘寶也做了,可以在Widget中查看寶貝的物流,現在不知為何消失了……
服務跟蹤類的Widget應關注一個流程的不同階段在呈現上的一致性和相通性,同時視覺表現的識別性也很重要,萬一未來有好多不同平台的服務進度需要關注來著……
功能外掛型:
這裏也順帶給大家介紹一些純功能外掛的Widget(雖然此類非常多、也有很多文章已經介紹過),有些app在第一時間就響應號召掛出了Widget,又有些app可以說是專門為Widget而生的。
首先Todo和Timetable等工具是商務人士或效率偏執狂的最愛。(其實給女生提供一些有可愛的或Art deco風的memo小掛件也是挺不錯的……)
其次是健康類,無論是層出不窮的可穿戴設備、還是iOS8對Health接口的開放、又或者是大家都統統用起了微信運動——可以發現智能健康已逐步成為受重視的領域。對於健康控和運動控來說,把健康數據展示在Today View上應該會有相當大的需求。
Today Steps 圖形化展示運動數據(圖片來自App Store)
然後流量與容量,對部分人群來說,也是相當重要的!
DataMan(圖片來自App Store)
非常容易開發,也算有實際價值的各類D-day倒數。
以及,複製黏貼/翻譯/筆記本/記賬,是對剪貼板的充分利用,也在有限的Widget界面中呈現了各類可愛袖珍的界面。但作者還是較少使用這些功能。拿記賬來舉例,當初發現這隻Widget的時候非常激動,但試用後明白到,在一個滑動感很強、隨手可以收起的面板中做輸入操作,有太多的不穩定性……同理,在Widget中打遊戲也是不太適合的……
也有不少敬業的app,則是專門為Today View切割出了最為適合的小模塊。
kindle的閱讀進度
DayOne的日誌統計
City mapper 在Widget中放置了一枚“Get Me Home Compass”帶我回家導航羅盤,顯示目的地的方向與距離(可惜此app尚未支持任何中國地區)。
City mapper的“帶我回家”羅盤
總的來說,簡單的工具app會將主要功能直接嵌入Widget,而較為龐大的app則是選擇一個量級適合的模塊放入Widget。
轉自:ISUX
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
Syntax品牌和UX用戶體驗設計用戶體驗2021-06-20
2019-2020 設計趨勢 · 用戶體用戶體驗2019-06-15
提升產品體驗的5個動效設用戶體驗2019-06-03
UI設計中如何更好地使用柵用戶體驗2019-05-15