7月第一篇推文，設(shè)計(jì)類(lèi)文章第二篇汰聋。
iOS14系統(tǒng)以及發(fā)布有段時(shí)間了门粪，想必很多朋友已經(jīng)更新了最新的系統(tǒng)嘗嘗鮮。而當(dāng)時(shí)發(fā)布沒(méi)多久之后就看到很多“iOS越來(lái)越像android烹困，小組件很早就已經(jīng)在android上出現(xiàn)了”之類(lèi)的話題玄妈。那么今天就講講這個(gè)內(nèi)容吧。
說(shuō)真的韭邓，我已經(jīng)有5年沒(méi)有使用過(guò)安卓手機(jī)了措近，對(duì)安卓系統(tǒng)知之甚少，翻看前人留下的文章女淑，觀看YouTube瞭郑，最后去旗艦店做了一次實(shí)際體驗(yàn)。
一鸭你、使用體驗(yàn)
下面是對(duì)SAMSUNG屈张、華為、OPPO袱巨、iPhone11四款機(jī)型的體驗(yàn)：
?三星
交互：
1阁谆、長(zhǎng)按主屏幕空白處顯示主界面分頁(yè)和「小組件」等功能，點(diǎn)擊小組件icon進(jìn)入選擇預(yù)設(shè)app組件頁(yè)面愉老，左右滑動(dòng)查看不同應(yīng)用的小組件场绿；
2、點(diǎn)擊app組件進(jìn)入選擇樣式頁(yè)面（以4x1,4x2,4x4等形式告知用戶一個(gè)小組件的多種樣式選擇）嫉入；
3焰盗、長(zhǎng)摁進(jìn)入主界面選擇放置小組件，當(dāng)前屏幕無(wú)位置放置時(shí)會(huì)toast提示咒林。
體驗(yàn)：
1熬拒、小組件通過(guò)增加背景框來(lái)保持系統(tǒng)的統(tǒng)一性，瀏覽舒適垫竞。
2澎粟、在選擇具體樣式之前體驗(yàn)流暢，但在放置小組件時(shí)欢瞪，想多次通過(guò)點(diǎn)擊的形式添加活烙，好在toast提示需要長(zhǎng)按拖拽。在最后階段可能用戶可能更希望通過(guò)點(diǎn)擊的形式操作遣鼓，而非長(zhǎng)按瓣颅。（此處代入用戶心理模型，實(shí)際有待求證）
華為
華為系統(tǒng)為EMUI10.1而非的android
交互：
1譬正、雙指對(duì)角向內(nèi)滑動(dòng)宫补，調(diào)出主屏幕分頁(yè)及功能icon，點(diǎn)擊「窗口小工具」隱藏功能icon曾我，顯示預(yù)設(shè)小工具粉怕；
2、點(diǎn)擊應(yīng)用預(yù)設(shè)工具抒巢，顯示不同樣式贫贝。
3、拖拽至主屏幕分頁(yè)放置小工具蛉谜。
4稚晚、長(zhǎng)按小工具顯示編輯狀態(tài)可調(diào)節(jié)大小。
體驗(yàn)：
功能顯示與三星類(lèi)似型诚，但在選擇組件和放置組件時(shí)體驗(yàn)更好客燕。
1、沒(méi)有切換頁(yè)面狰贯，用戶操作時(shí)間更短也搓；
2、主屏幕分頁(yè)可左右滑動(dòng)選擇合適的位置涵紊，用戶可以得知什么位置可以添加小工具傍妒。
3、對(duì)小工具可以進(jìn)行大小調(diào)控
但也存在一些小問(wèn)題摸柄，
1颤练、當(dāng)小工具類(lèi)型增加到一定數(shù)量時(shí)，僅通過(guò)底部一行展示3個(gè)的形式來(lái)讓用戶查找想要的組件時(shí)會(huì)相對(duì)費(fèi)時(shí)驱负。
2嗦玖、小工具的樣式多樣，不夠統(tǒng)一电媳。
OPPO
交互：
1踏揣、雙指對(duì)角向內(nèi)滑動(dòng)，調(diào)出主屏幕分頁(yè)及功能icon匾乓，點(diǎn)擊「應(yīng)用組件」隱藏功能icon捞稿，顯示預(yù)設(shè)「組件」；
2拼缝、拖拽「組件」至主屏幕放置娱局；
3、長(zhǎng)按可調(diào)節(jié)組件大羞制摺衰齐；
體驗(yàn)：
1、添加了背景框保持應(yīng)用統(tǒng)一继阻；
2耻涛、應(yīng)用組件未做二級(jí)細(xì)分選擇废酷，而是在當(dāng)前頁(yè)面直接展示不同的比例。
iPhone11
交互：
1抹缕、左滑顯示負(fù)空間界面澈蟆，長(zhǎng)按單個(gè)組件顯示操作功能（編輯主屏幕、移除小組件）
2卓研、點(diǎn)擊編輯主屏幕趴俘，界面處于可編輯狀態(tài)，可移除小組件奏赘，也可點(diǎn)擊左上角“加號(hào)button”來(lái)添加小組件
3寥闪、點(diǎn)擊加號(hào)，顯示模態(tài)磨淌，選擇不同應(yīng)用小組件疲憋，點(diǎn)擊小組件模態(tài)選擇小中大三中不同的組件樣式。
4伦糯、點(diǎn)擊底部“+wiggle ?button”收起模態(tài)柜某，返回主界面編輯狀態(tài)。
5敛纲、點(diǎn)擊完成喂击，小組件添加完成。
6淤翔、在應(yīng)用主界面通過(guò)長(zhǎng)按空白區(qū)域或長(zhǎng)按應(yīng)用選擇彈窗快捷功能“編輯主界面”翰绊，其他交互流程同上。
體驗(yàn)：
1旁壮、打開(kāi)編輯狀態(tài)與主屏幕應(yīng)用移動(dòng)分組保持一致监嗜。
2、使用模態(tài)選擇小組件抡谐，用戶操作行為較輕裁奇。
3、固定三種比例尺寸選擇添加麦撵，保證系統(tǒng)體驗(yàn)和視覺(jué)的統(tǒng)一刽肠。
4、展示部分組件免胃，其他以應(yīng)用圖標(biāo) 來(lái)展示音五。很大程度上避免了App小組件過(guò)多導(dǎo)致瀏覽效率變低的情況。
5羔沙、添加小組件的功能入口較為隱蔽躺涝，難于被發(fā)現(xiàn)。
6扼雏、在視覺(jué)上小組件的內(nèi)容更易引起用戶注意坚嗜。
小結(jié)
二夯膀、官方設(shè)計(jì)規(guī)范
Android
“小組件可顯示有關(guān)應(yīng)用程序最重要的數(shù)據(jù)和功能的信息』躺担”
官方一句話簡(jiǎn)單描述了小組件棍郎，從類(lèi)型和行為兩方便做了一些介紹：
類(lèi)型
官方提供了四種類(lèi)型：信息、集合银室、控制和混合。
行為
滾動(dòng)：基于列表或基于網(wǎng)格的集合窗口小部件通常會(huì)擴(kuò)大或縮小垂直滾動(dòng)區(qū)域励翼。
縮放：用戶可以使用拖動(dòng)手柄或窗口小部件角來(lái)設(shè)置所需的大小蜈敢。
導(dǎo)航：提供指向應(yīng)用程序經(jīng)常使用區(qū)域的導(dǎo)航鏈接。
2汽抚、iOS14
介紹：小部件可提升您應(yīng)用中的關(guān)鍵內(nèi)容抓狭，并將其顯示在人們可以在iPhone，iPad和Mac上一目了然的位置造烁。有用且令人愉悅的小部件還可以幫助人們以獨(dú)特的方式個(gè)性化iPhone主屏幕否过。
1、對(duì)顯示內(nèi)容的設(shè)定（創(chuàng)建一個(gè)有用惭蟋，集中的小組件）?
????小組件的主要目的是顯示少量及時(shí)的個(gè)人相關(guān)信息苗桂。
????將小組件集中在一個(gè)信息上。
????每個(gè)小組件顯示的信息密切相關(guān)
????立即訪問(wèn)的內(nèi)容有意義
????提供多種尺寸告组，增加價(jià)值
????偏好全天變化的動(dòng)態(tài)內(nèi)容煤伟，吸引用戶經(jīng)常查看
????尋找驚喜和喜悅的機(jī)會(huì)。比如節(jié)日視覺(jué)特殊化
2木缝、支持小組件配置和交互
????提供合理的可配置小組件便锨，用戶可查看制定的信息
????確保點(diǎn)擊小組件正確打開(kāi)應(yīng)用對(duì)應(yīng)頁(yè)面
????避免過(guò)多的點(diǎn)擊交互，（中我碟、大小組件可設(shè)置多個(gè)點(diǎn)擊交互）
????引導(dǎo)用戶登錄應(yīng)用以獲得更多有用信息
3放案、設(shè)計(jì)漂亮的小組件
????獨(dú)特，美觀的小部件不僅提供有用的信息矫俺，還使人們有機(jī)會(huì)個(gè)性化主屏幕吱殉。
通過(guò)顏色，版式和圖像傳達(dá)品牌恳守。
舒適的信息密度
使用顏色增強(qiáng)外觀考婴，但不影響內(nèi)容識(shí)別
支持暗黑模式
使用SF Pro
使用文本元素，以更好的自適應(yīng)縮放
設(shè)計(jì)逼真的預(yù)覽催烘，引導(dǎo)用戶添加小組件沥阱，數(shù)據(jù)無(wú)法實(shí)時(shí)更新時(shí)可設(shè)置模擬數(shù)據(jù)
設(shè)計(jì)占位符，在數(shù)據(jù)加載時(shí)便于用戶辨認(rèn)應(yīng)用
增加簡(jiǎn)單的描述伊群，便于用戶理解小組件的功能
4考杉、適應(yīng)不同的屏幕尺寸
小結(jié)
通過(guò)android Material Design規(guī)范和iOS設(shè)計(jì)規(guī)范可以看出：
android對(duì)于組件的功能更加開(kāi)放策精、自由，對(duì)于設(shè)計(jì)的限定較少崇棠。而iOS從小組件定義咽袜、內(nèi)容、色彩枕稀、字體询刹、邊距、尺寸萎坷、交互多個(gè)角度告知設(shè)計(jì)師和開(kāi)發(fā)者應(yīng)該設(shè)計(jì)什么樣的組件凹联。以保證系統(tǒng)體驗(yàn)的一致性、小組件的有用哆档、美觀和個(gè)性化蔽挠。相對(duì)的對(duì)于小組件的功能可交互性沒(méi)有android靈活，但也可以做一些內(nèi)容的配置讓用戶選擇需要展示的信息瓜浸。
這是一段毫無(wú)意義的猜想澳淑，請(qǐng)你保持獨(dú)立思考
iOS14正式發(fā)布之后可能會(huì)涌現(xiàn)一大批第三方小組件應(yīng)用
iOS14小組件化應(yīng)用場(chǎng)景除了iPhone、iPod插佛、Mac之外更加實(shí)用的或許會(huì)是車(chē)機(jī)大屏杠巡，個(gè)性化和一目了然在汽車(chē)駕駛的過(guò)程中能夠非常有效的識(shí)別信息。但也存在數(shù)據(jù)刷新同步的問(wèn)題朗涩。
在未來(lái)小而美的工具類(lèi)應(yīng)用的使用頻率會(huì)增加忽孽，比如：Noto筆記、墨跡天氣谢床、offscreen兄一、Terllo等
此前對(duì)比android和iOS的一篇文章，如果有興趣可以看這里识腿。
