關(guān)于iOS14 widgets的嘗新與思考

2 評(píng)論 10728 瀏覽 25 收藏 18 分鐘

編輯導(dǎo)讀:在蘋(píng)果的全球開(kāi)發(fā)者大會(huì)上,桌面加入 Widgets 系統(tǒng)的消息吸引了大家的關(guān)注和討論。這一在安卓機(jī)上常見(jiàn)的功能,蘋(píng)果到現(xiàn)在才開(kāi)始調(diào)整?這一功能有何特別之處?本文作者從Widgets 的定義出發(fā),對(duì)其屬性特點(diǎn)展開(kāi)了分析討論,一起來(lái)看看~

作為一個(gè)偽果粉,一直偏愛(ài)于使用蘋(píng)果手機(jī),主要是鐘愛(ài)蘋(píng)果手機(jī)的IOS系統(tǒng),靈敏的操作與快速的響應(yīng)的確讓人用起來(lái)得心應(yīng)手。但是對(duì)于某些功能方面,對(duì)蘋(píng)果手機(jī)真的是又愛(ài)又恨。

就比如蘋(píng)果手機(jī)的信號(hào)問(wèn)題、續(xù)航問(wèn)題等,其次,對(duì)于另一大手機(jī)陣營(yíng),安卓,尤其是很多國(guó)產(chǎn)系列的手機(jī)品牌,其中很多功能真的非常實(shí)用,的確是如同《產(chǎn)品方法論》中俞軍大咖所說(shuō)的,對(duì)于一個(gè)產(chǎn)品的功能與需求,考慮一個(gè)國(guó)家的人文與傳統(tǒng)文化這樣的宏觀背景,是很有必要的。例如安卓早已支持的雙卡雙待、應(yīng)用雙開(kāi)、桌面組件等功能,IOS系統(tǒng)一直都是緩緩跟進(jìn)。

而最近IOS14系統(tǒng)的更新又是引來(lái)了一波熱度,原因就是IOS14支持了一些早在安卓機(jī)上司空見(jiàn)慣的功能,其中最讓人熱議的就是widgets小組件功能,因此,借著這個(gè)熱度,作為一個(gè)產(chǎn)品很有必要思考一下這個(gè)引起熱論的小功能是否對(duì)我們的產(chǎn)品有所幫助。

一、什么是Widgets?

Widgets詞典釋義為“小工具”、“窗口小部件”,他不是一個(gè)全新的事物,而是早在10多年前,安卓手機(jī)就已經(jīng)出現(xiàn)并進(jìn)行應(yīng)用了。

安卓系統(tǒng)的小組件與IOS14的widgets

隨著大屏手機(jī)的普及,以及越來(lái)越高的屏占比,手機(jī)屏幕上的空間也越來(lái)越大有作為。IOS14的Widgets如同多年前的安卓一樣,將其定義為一個(gè)小巧靈活的部件,直接作為一款迷你的功能組件,固定在手機(jī)系統(tǒng)的桌面上,做到將少量且實(shí)時(shí)的有效信息內(nèi)容,以一種高反饋率的形式呈現(xiàn)在用戶眼前。

與同樣在手機(jī)桌面上顯示的APP啟動(dòng)圖標(biāo)不同,小組件的大小會(huì)比APP啟動(dòng)圖標(biāo)略大一些,最重要的是,對(duì)比APP圖標(biāo)來(lái)說(shuō),小組件并不僅是一個(gè)靜態(tài)的圖標(biāo),而是可以承載一些簡(jiǎn)單功能的小插件。主要目的就是能夠讓用戶在手機(jī)屏幕上一眼就能看到它,并且還能帶來(lái)一定的交互。

在IOS14系統(tǒng)里,已經(jīng)為用戶提供待辦、備忘錄、日歷、天氣等參考性的原生widgets,為的就是在手機(jī)用戶不打開(kāi)APP的前提下,更便捷的為用戶提供服務(wù)。

比如IOS14原生的日歷和天氣widgets,都是一些很常用的功能,在手機(jī)桌面上就可以直接展示用戶主要關(guān)心的關(guān)鍵信息,而這些信息絕不是一定非要打開(kāi)APP才能使用的。

就拿日歷來(lái)說(shuō),系統(tǒng)首先呈現(xiàn)了一個(gè)迷你版的當(dāng)月月份牌,其中包含了星期與月份、日期,并區(qū)分了周末與當(dāng)日這些基礎(chǔ)的標(biāo)識(shí),并在另一半還提供了近期你在日歷上記錄的待辦日程。這樣一來(lái)用戶就完全不必先去點(diǎn)開(kāi)日歷這個(gè)APP,然后才去看日期或日程等相關(guān)的內(nèi)容了。

IOS14的原生widgets

二、widgets有哪些屬性與特點(diǎn)

1. 提供了不同的尺寸

Widgets為APP開(kāi)發(fā)者提供三種大小不同的尺寸,分別是2*2規(guī)格、4*2規(guī)格和4*4規(guī)格,對(duì)應(yīng)的widgets會(huì)占用4個(gè)、8個(gè)和16個(gè)APP啟動(dòng)圖標(biāo)的位置。

在尺寸上,IOS顯然有自己的理解,因?yàn)樗煌诎沧肯到y(tǒng)的小組件可以任意尺寸,如此設(shè)定會(huì)讓桌面看起來(lái)井井有條,而不會(huì)因?yàn)槟承╅_(kāi)發(fā)者的怪異大小,導(dǎo)致手機(jī)桌面看起來(lái)不夠整潔,或雜亂無(wú)章。

當(dāng)然,不同的尺寸,對(duì)于應(yīng)用來(lái)說(shuō),就一定有不同的應(yīng)用方式。假設(shè)你只想為用戶提供一個(gè)基礎(chǔ)數(shù)據(jù)或向用戶傳遞一個(gè)簡(jiǎn)單的信息,那2*2規(guī)格的小widgets就再適合不過(guò)。但如果你有更多的數(shù)據(jù)需要呈現(xiàn)或者更多的關(guān)聯(lián)需要說(shuō)明,那可能就需要通過(guò)4*5規(guī)格的較大widgets來(lái)解決了。

Widgets的三種尺寸

2. 同一尺寸的widgets可以被多次使用

IOS對(duì)widgets雖然僅提供了3種尺寸,但并不意味著每個(gè)尺寸僅能提供1個(gè)widgets。一款應(yīng)用可以多次使用同一個(gè)尺寸的規(guī)格,進(jìn)行設(shè)計(jì)不同功能方向的widgets,并且IOS目前也未對(duì)widgets的數(shù)量有所限制。

例如微信讀書(shū)提供的widgets,同樣都是4*2規(guī)格的尺寸,但是一個(gè)是以最近讀書(shū)展示為核心,另一個(gè)是以本周閱讀時(shí)長(zhǎng)曲線記錄為要點(diǎn),通過(guò)同樣的尺寸,但是表達(dá)了不同的信息內(nèi)容,讓用戶可以針對(duì)相同的尺寸,選擇自己更需要的widgets。

微信讀書(shū) – 同尺寸但不同內(nèi)容的widgets

3. 統(tǒng)一展示了名稱

相比與安卓系統(tǒng)的小組件,IOS系統(tǒng)的widgets會(huì)在手機(jī)的主屏幕上和編輯模式下統(tǒng)一在widgets下面,細(xì)心的顯示了APP名稱及widgets的簡(jiǎn)單描述,幫助用戶更好地理解widgets的功能與辨識(shí)其是哪個(gè)App的widgets。

例如拼多多的widgets,就很好的通過(guò)IOS系統(tǒng)預(yù)留的widgets名稱與描述,簡(jiǎn)單的介紹了添加此widgets后,有何用處。

拼多多 – wiedgets的名稱與內(nèi)容描述

4. 支持自定義UI背景

首先widgets支持自定義的UI設(shè)計(jì),可以結(jié)合但不限于APP自身的主題色、風(fēng)格、內(nèi)容、環(huán)境等進(jìn)行參考,別樣的UI設(shè)計(jì)會(huì)讓內(nèi)容看起來(lái)更加的醒目與特別,也同樣會(huì)讓用戶看起來(lái)十分的愉悅與喜愛(ài)。其次還可以加入APP的LOGO、slogan等企業(yè)元素進(jìn)行輔助設(shè)計(jì)。

比如拼多多的widgets,他簡(jiǎn)單的選擇了純白色作為背景,除了清晰明確的信息內(nèi)容外,就是顏色反差鮮明的LOGO,這就是一種很鮮明的品牌襯托。

再比如應(yīng)用懶飯APP,它不僅在widgets中加入是自己的LOGO,還會(huì)根據(jù)widgets中展示不同的推薦菜系而改變背景板的顏色,利用不同顏色的對(duì)比襯托菜單,加上每一個(gè)精心拍攝的菜品搭配,給用戶的每次閱讀都帶來(lái)了不一樣的體驗(yàn)。

懶飯APP的UI設(shè)計(jì)和拼多多的LOGO融入

5. 提供多事件點(diǎn)擊交互性

如果你以為widgets只是一個(gè)花瓶時(shí),那就大錯(cuò)特錯(cuò)了,因?yàn)閣idgets還支持用戶點(diǎn)擊的交互動(dòng)作,而且能夠直接到達(dá)開(kāi)發(fā)者指定的APP頁(yè)面。注意,只要你能對(duì)widgets進(jìn)行合理的排版, 就可以提供與widgets中內(nèi)容直接相關(guān)的更多細(xì)節(jié)點(diǎn)擊交互。

例如滴答清單的任務(wù)widgets,在4*4規(guī)格的尺寸下,滴答清單就為用戶帶來(lái)了3種不同的點(diǎn)擊交互:

這就是widgets所提供的,可以任意自定義、豐富且實(shí)用的交互性。

滴答清單 – 支持多個(gè)點(diǎn)擊事件

6. 貼心的黑暗模式

Widgets樣式是支持黑暗模式的,只要用戶開(kāi)啟,會(huì)跟隨系統(tǒng)自動(dòng)變換,不僅僅是看起來(lái)夠酷,也是為了讓用戶在光線較暗的環(huán)境下得到更好的使用體驗(yàn)。

三、如何在APP中應(yīng)用的思考

說(shuō)了這么多,該說(shuō)點(diǎn)產(chǎn)品要思考的正題了。

對(duì)比widgets的使用和啟動(dòng)APP再使用某個(gè)功能,啟動(dòng)APP需要先找到APP啟動(dòng)圖標(biāo)對(duì)應(yīng)的桌面,然后點(diǎn)擊APP啟動(dòng)圖標(biāo),才能打開(kāi)APP。注意,此時(shí)僅是打開(kāi)APP而已,一般情況下,APP首頁(yè)大多為集合性質(zhì)的內(nèi)容,而非用戶關(guān)心的核心內(nèi)容。但widgets不同,使用他僅需要移動(dòng)到所在的桌面即可,而且可以直接將用戶關(guān)心的核心內(nèi)容提煉出來(lái)。

從操作使用路徑對(duì)比看來(lái),啟動(dòng)APP使用某個(gè)功能的操作路徑較長(zhǎng),則功能使用的便捷性就要遠(yuǎn)遠(yuǎn)低于widgets。

考慮到當(dāng)下國(guó)民用戶手機(jī)拿起次數(shù)、解鎖頻率越來(lái)越高,因此不論你用手機(jī)做什么,可以看到手機(jī)桌面的頻率總是會(huì)高出很多,而正是這有心或無(wú)心的一眼略過(guò),也許就是對(duì)產(chǎn)品的促活,或保證應(yīng)用在用戶心中的一席之地。

即曝光率的增加是應(yīng)用與用戶觸達(dá)率提升的基礎(chǔ)條件,對(duì)應(yīng)的應(yīng)用場(chǎng)景,我們可以細(xì)分為以下三點(diǎn):

1. 數(shù)據(jù)內(nèi)容型產(chǎn)品

首先定義一下數(shù)據(jù)內(nèi)容,通常講內(nèi)容就是實(shí)質(zhì)性的事物,往往和文字、圖像產(chǎn)生關(guān)系,而數(shù)據(jù)內(nèi)容,則是更廣泛的認(rèn)知,因?yàn)閿?shù)據(jù)的范疇不僅如此,還包含數(shù)字、聲音等。借以數(shù)據(jù)內(nèi)容,我們能將內(nèi)容數(shù)據(jù)化,然后應(yīng)用到產(chǎn)品上。例如股票走勢(shì)、粉絲增長(zhǎng)、閱讀時(shí)長(zhǎng),每個(gè)產(chǎn)品都會(huì)有用戶關(guān)心的數(shù)據(jù)。

比如微信讀書(shū)的widgets,他將本周的閱讀時(shí)長(zhǎng)數(shù)據(jù)提供給用戶,并以折線圖的方式呈現(xiàn)在widgets上。此外還有本周常讀的書(shū)籍?dāng)?shù)據(jù),提供除書(shū)籍內(nèi)容外,用戶關(guān)心的、另一個(gè)維度的核心數(shù)據(jù),讓用戶了解自己的讀書(shū)狀態(tài)。

微信讀書(shū)?– 數(shù)據(jù)內(nèi)容型的widgets

2. 引導(dǎo)推薦型產(chǎn)品

如果你糾結(jié),在手機(jī)主屏幕上直接提供帶有核心數(shù)據(jù)的widgets會(huì)不會(huì)影響用戶打開(kāi)APP及APP的其他日活相關(guān)定義數(shù)據(jù)時(shí),那就會(huì)產(chǎn)生另一種使用場(chǎng)景,引導(dǎo)推薦。

有目的的通過(guò)某些手段、方法與內(nèi)容,刻意的改變用戶的目標(biāo)行動(dòng)或意識(shí)行為,這是引導(dǎo),接著通過(guò)應(yīng)用的特色和亮點(diǎn),與用戶建立連接,產(chǎn)生關(guān)系,這就是引導(dǎo)推薦。

依靠widgets對(duì)點(diǎn)擊事件的支持,我們通過(guò)細(xì)化widgets上的點(diǎn)擊目標(biāo),直接進(jìn)行跳轉(zhuǎn)至APP中不同的頁(yè)面,就可以做到通過(guò)引導(dǎo)與推薦的方式,讓用戶發(fā)現(xiàn)應(yīng)用更多的內(nèi)容,提高應(yīng)用更多功能的使用率。

比如應(yīng)用“懶飯”,如果沒(méi)有widgets,你可能只會(huì)想要大顯身手做一桌美味時(shí)才會(huì)想到這款應(yīng)用吧?那現(xiàn)在呢,也許你再主屏幕上不經(jīng)意的滑動(dòng),他的內(nèi)容就會(huì)饞到你,接下來(lái),可能就是用戶在你應(yīng)用上盡情消費(fèi)時(shí)間的過(guò)程了。

懶飯 – 引導(dǎo)推薦型的widgets

3. 工具類型產(chǎn)品

而除了以上兩種應(yīng)用場(chǎng)景外,還有一類特殊的應(yīng)用,就是工具類型APP,他們的核心就是提供剛需支持,例如天氣、日期、時(shí)間等。

應(yīng)用“我的天氣”就是這類場(chǎng)景的應(yīng)用,他直觀的將應(yīng)用最核心的天氣信息提供在widgets上,還根據(jù)不同的尺寸,提供氣象相關(guān)的、不同維度的信息,讓用戶直接了解最新天氣狀況,做到了一個(gè)工具盡可能全的效用。

我的天氣 – 工具類型的widgets

除了以上3點(diǎn),作為產(chǎn)品,我們完全還可以借助IOS14和widgets的熱度,向我們的用戶表達(dá)應(yīng)用提供了最新的功能,我們的產(chǎn)品一直在迭代前進(jìn)。

而且,說(shuō)不定熱度趕得好,還能讓AppStore幫我們宣傳一波,帶來(lái)一小波裝機(jī)率高峰。

AppStore推薦支持widgets的應(yīng)用

四、widgets使用小tips

講完關(guān)于widgets我認(rèn)為可以進(jìn)行的應(yīng)用,還需要再講幾點(diǎn)值得注意的問(wèn)題:

  1. 點(diǎn)擊widgets可以直達(dá)APP內(nèi)部指定頁(yè)面,這個(gè)非常值得利用,但是也一定要注意wedgets的尺寸是固定的,空間有限。所以如果準(zhǔn)備在狹小的空間內(nèi)提供過(guò)多不同的點(diǎn)擊跳轉(zhuǎn)事件,這樣可能會(huì)導(dǎo)致用戶出現(xiàn)誤操作的行為,并影響用戶想要選擇某個(gè)具體目標(biāo)的使用體驗(yàn);
  2. 如果應(yīng)用有某些核心數(shù)據(jù)或特定內(nèi)容,一定要知曉,widgets是支持服務(wù)端判斷當(dāng)前用戶是否登錄等其他校驗(yàn),通過(guò)不同的用戶環(huán)境、用戶角色等,在widgets顯示不同的文案內(nèi)容;
  3. Widgets在編輯的時(shí)候可以為用戶提供用戶自己的真實(shí)數(shù)據(jù),但是相對(duì)應(yīng)的會(huì)產(chǎn)生數(shù)據(jù)加載問(wèn)題,假設(shè)你的數(shù)據(jù)查詢復(fù)雜,數(shù)據(jù)響應(yīng)結(jié)果較慢,那一定要考慮使用模擬數(shù)據(jù),這樣讓用戶看起來(lái)也會(huì)增加代入感,而且無(wú)須加載等待,會(huì)帶來(lái)更好的體驗(yàn)效果;
  4. 甭管功能多么好,也一定要考慮是否適合你的應(yīng)用,比如,在評(píng)估widgets相關(guān)的需求時(shí),作為產(chǎn)品至少應(yīng)該考慮一下使用你應(yīng)用的用戶,拿蘋(píng)果手機(jī)的占比是多少,支持升級(jí)到IOS14系統(tǒng)的用戶又有多少,這樣類似的數(shù)據(jù)評(píng)估,是一定要權(quán)衡的,以免領(lǐng)導(dǎo)說(shuō)你“花里胡哨”。

五、結(jié)語(yǔ)

Widgets的使用便捷性與點(diǎn)擊事件的支持,都是我們可以借力用于產(chǎn)品與用戶建立并保持關(guān)系的功能點(diǎn),所以,一定要結(jié)合自身產(chǎn)品特性,做好分析,看如何巧妙運(yùn)用,能為產(chǎn)品帶來(lái)更高的價(jià)值。

再說(shuō)一句題外話,身為產(chǎn)品人,也一定要多結(jié)合自身的產(chǎn)品,了解新事物,這樣我們才能為產(chǎn)品帶來(lái)更好的效應(yīng)與營(yíng)收。

IOS14 widgets的思考就這么多,期望widgets能為你的產(chǎn)品帶來(lái)好的作用。

 

本文由 @泡沫opt00 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 不會(huì)真的有人想在桌面看廣告吧

    來(lái)自浙江 回復(fù)
  2. 有點(diǎn)win10 phone的味道

    來(lái)自上海 回復(fù)