欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

用「用戶體驗五要素」整理「Live Activities設計規范」

2023-3-26    鶴鶴

眾所周知,「用戶體驗五要素」出自Jesse James Garrett 的《用戶體驗要素》一書:戰略層、范圍層、結構層、框架層、表現層。
產品設計者和開發者的角度可以對應理解為:為什么做、做到什么程度、這些東西如何組成、規劃用戶操作行為、如何呈現這些東西。



「Live Activities設計規范」由蘋果出品,原文為英文,上一篇已翻譯https://www.yuque.com/viola-ddvdh/yb7quv/uwdod71707e4nez8。上篇也提到了個人對其內容的敘述方式存在一點意見。為了更好的記住&理解「Live Activities設計規范」,使用比較熟悉的「用戶體驗五要素」對內容進行整理。

1. 戰略層——為什么做

原文提供的Live Activity定義如下:
A Live Activity displays up-to-date information from your app, allowing people to view the progress of events or tasks at a glance.
“Live Activities help people keep track of tasks and events that they care about, offering persistent locations for displaying information that updates frequently. ”

從原文可以提煉出Live Activity顯示特點:

1. 內容是頻繁更新的、有進度/狀態顯示的、用戶關心的。

2. 內容的信息量是一眼就能看完的程度。


但上述仍是表象,并非實質,接下來思考這幾個問題:

1. 為什么顯示的是進度/狀態頻繁更新的內容?

2. 為什么要強調用戶關心的?

3. 為什么信息量是一眼就能看完的程度?

沒有Live Activity頻繁更新主要靠push推送。但push容易被其他APP的push覆蓋,且隨著各種APP的頻繁使用,用戶獲取關鍵信息的效率和通過push打開APP的次數反而在下降。


進度/狀態頻繁更新的內容,說明每個狀態存在的時間短,如果被覆蓋/忽略,同一狀態就不再復現,用戶所關心的,或APP所希望用戶關心的,就看不到了。比如:什么時候取外賣、待付款、上傳成功等等。


當下我們所處的時代是信息泛濫的時代,需要對信息作精簡,但用戶的操作是可以多條線進行的,比如比如邊看劇邊吃飯、上班摸魚/等外賣、比如聽音樂的時候寫作。


信息內容和量是官網一直在強調的,需要精簡,只展示用戶需要的,基本達到一眼看完的程度,目的就是知道變化的是什么,當前狀態是什么。

分析了這么多,大膽推測一下Live Activity的設計初衷是:快&準確&輕。而終極目的是打動用戶,形成好體驗,進而推動口碑和銷售;為各APP提供新的通知形式,互惠互利。當然Live Activity在一定程度上也彌補了硬件上的缺憾。



2. 范圍層——做到什么程度

關于這個層次相當于規定功能范圍&信息邊界限制,就是什么要,什么不能要。這部分的信息官網給出許多,在此將其分類梳理如下,為避免大家不好查找官網/譯文對應出處,在句未已標注。

1)硬性限制

1. 僅iPhone支持,iPadOS、macOS、tvOS或watchOS不支持。(源自:平臺注意事項)

2. 非iPhone14的僅針對iOS16有鎖屏Live Activity展示。(源自:什么是Live Activity-鎖屏)

3. 支持用戶手動清除鎖屏狀態下的Live Activity(源自:實際操作)

4. 支持用戶直接關閉對應APP的Live Activity(源自:最佳實踐方式第3/c條)

5. 支持Live Activity自動開始&結束。(源自:最佳實踐方式第6/f條)

6. 限制跟蹤活動/狀態時長不超過8小時。(源自:最佳實踐方式第1/a條)

7. 限制活動/進程結束后展示時長不超過4小時。(源自:最佳實踐方式第8/h條)

8. 支持更改背景顏色&不透明度。(源自:設計有用的Live Activity第5/e條)

9. 限制內容布局。(源自:設計有用的Live Activity第5/e條)

10. 限制不同設備的展示尺寸。(源自:規范)

2)非硬性限制

1. 避免在Live Activity中顯示敏感信息。(源自:最佳實踐方式第4/d條)

2. 避免在Live Activity中顯示廣告和促銷活動。(源自:最佳實踐方式第5/e條)

3. 只提供正在進行的任務/事件的關鍵摘要。(源自:最佳實踐方式第2/b條)

4. 在任務/活動結束前,給用戶提供關閉Live Activity按鈕。(源自:最佳實踐方式第6/f條)

5. 點擊Live Activity直接定位到對應頁面,無需用戶二次導航。(源自:最佳實踐方式第7/g條)

6. 考慮在活動結束后,鎖屏上在合理時段后自動刪除Live Activity(源自:最佳實踐方式第8/g條)

3. 結構層——這些東西如何組成?

(個人猜測)由于是提供一個展示區域,且展示區域有限,所以對于層級架構,一級展示什么,二級展示什么,各階段展示什么,這些都沒有做明確規定&建議。各家APP可以根據自身實際情況進行設計。

4. 框架層——規劃用戶操作行為

通過Live Activity的展示形式,可以總結為2點:吸引、查看(摘要&詳情)。

1)吸引

1. 一般是在原深感攝像頭兩側展示(電話會直接展示擴展型),分為緊湊型和最小化。

2. 緊湊型在僅有一個活動/事件的時候展示,雖被原深感攝像頭分割兩端,但僅作為一條信息展示,為了視覺上的統一,這里的顏色不支持開發設置,使用的是系統默認色值。

3. 最小化在存在多個活動的時候展現,左側和原深感攝像頭粘連,右側獨立成島。

4. 不管是緊湊型,還是最小化,都可以通過點擊原深感攝像頭區域,進入APP內頁,或者長按喚出擴展型。



2)查看

1. 進入內頁的查看基本就是各家顯神通了,這里主要講擴展型和鎖屏。

2. 原則上是不支持在擴展型和鎖屏做復雜操作的,基本點擊是進入APP。

3. 擴展型是用戶長按緊湊型/最小化喚起的展示區域,內容是可以自定義的,當然官方也給了相應的建議,具體如下。內容信息種類多的可以采用這種信息左中右排布,底部預留大按鈕。內容信息少的可以采用左內容右操作的方式。



4. 根據一致性原則,鎖屏展示的布局框架應該與擴展型差不多,同樣可以點擊打開APP。只是在鎖屏狀態如果有多個任務同時進行,是會全部展示的,所以要注意品牌的傳遞,避免用戶混淆服務方。



5. 表現層——如何呈現這些東西

對于如何呈現這些東西,蘋果還是寫了很多建議,確保視覺上的一致性和美觀。

1)顏色

1. 緊湊型狀態下,為了保證兩側信息的連貫,除了語句閱讀連貫,還需要在圖形和顏色上具有一致性,視覺上連貫。

2. 鎖屏狀態下的背景是可以自定義顏色、圖像、不透明度的,當然文字的色值和不透明度也是可以定義的。這就涉及到兩者間的對比度對信息閱讀的影響。

3. 設計師不僅要考慮最佳狀態,還有深色&淺色模式下的,以及不同環境光、設備亮度下的顯示。還有一點很容易忽視的,就是在用戶自定義的墻紙下顯示的效果。不僅要注意信息獲取,還需要考慮美感問題。

2)間距布局

1. 緊湊型和擴展型之間的布局要保持一致,兩者間的變化過渡效果是可以預測的。

2. 一般來說,擴展型和鎖屏狀態下的信息間標準間距是20pt。

3. 在某些情況下,例如圖形和按鈕,您可能需要使用更緊湊的邊距,以避免擠滿邊緣或形成混亂的外觀。

3)圓角

1. 內容和Live Activity邊緣之間的邊距需要保持一致,請遵循SwiftUI規則。

1內容和Live Activity邊緣之間的邊距需要保持一致,,發現以圓角邊界為測距點得到的間距關系較為舒適。即:圓形/大致為圓形的圖形保持上下,3. 以及左側或者右側間距一致即可;方形/大致為方形的圖形保持圓角邊界與容器圓角邊界垂直對齊即可。同一位置的多個圖形圓角需要相對統一,才能確保間距的一致性。



4)尺寸

需要適應不同機型的尺寸。具體的尺寸規范如下。

a. 靈動島

動態島使用44個點的角半徑,其圓角形狀與原深感攝像頭相匹配。



b. Live Activity大小

下表中列出的所有值均以pt為單位。
ps:左側為寬度,右側為高度。



以上就是整理分析的全部。

在整理分析過程中加強了對「用戶體驗5要素」各個層劃分的理解,也對Live Activity在各個層次上的要求更加明確。


作者:Viola_1241
鏈接:https://www.zcool.com.cn/article/ZMTUxMTIzNg==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。 

藍藍設計www.ocunn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司

日歷

鏈接

個人資料

藍藍設計的小編 http://www.ocunn.cn

存檔

色偷偷88888欧美精品久久久| 亚洲av永久无码国产精品久久| 老熟妇一区二区| 丰满人妻一区二区三区53视频| 国产视频欧美视频| 日韩一级视频免费观看在线| 欧美亚洲动漫另类| 欧美性开放视频| 亚洲高清视频在线| 亚洲美女屁股眼交3| 国产日韩av一区二区| 91蜜桃视频在线| 不卡一区二区三区四区| 国产精品123区| 国产乱人伦偷精品视频不卡| 久久国产综合精品| 精品国产精品国产偷麻豆| 狼人精品一区二区三区在线| 日本在线成人| 成人三级毛片| 欧美成人专区| 久久99高清| 精品日本12videosex| 欧美男gay| 日韩一区亚洲二区| 1024精品久久久久久久久| 亚洲色图网站| 亚洲国产日本| 日本一不卡视频| 精品一区二区成人精品| 国产高清在线精品| 不卡一区在线观看| 国产日韩欧美精品电影三级在线 | 一色桃子在线| 国产一区二区影视| 理论片午午伦夜理片在线播放| 在线观看中文| 在线人成日本视频| 伊人国产精品| 免费日韩一区二区三区| 精品久久电影| 狠狠入ady亚洲精品| 久久久久在线| 欧美禁忌电影网| 日韩欧美午夜| 亚洲激情av| 精品一区二区三区在线观看国产 | 久久精品magnetxturnbtih| 欧美激情导航| 欧美一级特黄aaaaaa在线看片| 国产精品无码人妻一区二区在线| 人禽交欧美网站免费| 在线观看精品视频| 狼狼综合久久久久综合网| 色综合666| 91好吊色国产欧美日韩在线| 五月花丁香婷婷| 蜜桃精品一区二区| 国产午夜精品无码| 超碰在线人人干| 青青视频在线观| 亚洲aⅴ在线观看| 欧洲毛片在线| av中文资源在线资源免费观看| 亚洲国产91视频| 国产日产一区| 免费看黄裸体一级大秀欧美| 国产·精品毛片| 自拍偷在线精品自拍偷无码专区| 在线一区二区观看| 亚洲美女在线看| 97超级碰碰人国产在线观看| 国产日韩欧美一区二区三区四区 | 啊啊啊一区二区| 欧洲成人午夜精品无码区久久| 国产精品久久久久久成人| 日本高清不卡码| 992tv在线影院| 青草av在线| 成人高潮a毛片免费观看网站| 在线观看国产精品入口| 国产综合久久久久久鬼色| 免费人成在线不卡| 国产欧美一二三区| 欧美日韩免费在线视频| 最近2019年中文视频免费在线观看| 琪琪亚洲精品午夜在线| 免费中文日韩| 成年人免费大片| 毛片久久久久久| 99精品国产99久久久久久97| 69视频在线| 精品国产鲁一鲁****| 国产精品sm| hitomi一区二区三区精品| 日韩欧美极品在线观看| 一区二区三区动漫| 亚洲aa中文字幕| 久在线观看视频| 日本爱爱爱视频| 97人妻精品一区二区三区| 国产区在线观看| 三级小说欧洲区亚洲区| 久色成人在线| 亚洲久草在线视频| 亚洲欧美在线x视频| 成人午夜激情网| 国产精品-区区久久久狼| 国产精品久久久视频| 午夜久久久久久噜噜噜噜| 激情影院在线| 青青草97国产精品麻豆| 国产91色综合久久免费分享| 在线观看亚洲专区| 欧美精品videosex牲欧美| 日韩精品极品视频在线观看免费| 欧美色图校园春色| 国产91av在线播放| 五月花成人网| 欧美激情偷拍自拍| 久久蜜臀中文字幕| 精品国产髙清在线看国产毛片 | 99re在线观看| 日韩欧美黄色大片| 国产精九九网站漫画| 国产真人无遮挡作爱免费视频| 日本中文字幕在线观看| 自拍欧美一区| 99视频超级精品| 日韩欧美的一区| 日韩一级黄色av| 麻豆成人av| 日本不卡视频一区| 性生交大片免费看女人按摩| 亚洲承认视频| 国产精品久久久久久久久久妞妞| 国产盗摄视频一区二区三区| 在线免费观看一区| 人人爽久久涩噜噜噜网站| 亚洲 欧美 综合 另类 中字| 日本中文字幕免费在线观看| 欧美日韩在线中文字幕| 亚洲精品亚洲人成在线| 91在线高清观看| 日韩精品视频观看| 久久久久久九九九九| 亚洲精品乱码久久久久久不卡| 高潮一区二区三区乱码| 国产精品色婷婷在线观看| 黑人巨大精品欧美一区| 欧美一区二区三区电影| 91成人在线看| 婷婷无套内射影院| 久久午夜鲁丝片午夜精品| 韩国中文字幕在线| 亚洲视频日本| 日韩欧美一区二区在线| 国产极品jizzhd欧美| 精品日韩久久久| 一级全黄少妇性色生活片| 福利一区二区三区视频在线观看| 麻豆精品在线播放| 日韩欧美一级二级三级久久久| 国产66精品久久久久999小说| 国产免费a级片| 色资源网站在线观看| 欧美美女在线| 亚洲最新视频在线播放| 国内精久久久久久久久久人| 久久综合久久色| 国产精品久久影视| swag国产精品一区二区| 日本一区二区三区四区| 欧美理论电影在线观看| 免费在线观看亚洲视频| 一本色道久久综合熟妇| 一区二区精彩视频| 国产日产精品1区| 欧美—级a级欧美特级ar全黄| 日本免费黄视频| 国产精品永久久久久久久久久| 国产精品视频一区二区三区综合| 91视频国产观看| 美女国内精品自产拍在线播放| 久久精品ww人人做人人爽| 亚洲综合图片一区| 超碰97免费在线| 蜜桃视频在线一区| 亚洲精品自拍视频| 亚洲国产精品成人天堂| 国产精品久久久久久免费免熟 | 精品处破学生在线二十三| 亚洲视频导航| 4438x全国最大成人| 在线播放你懂得| 欧美日本三区| 91精品国产综合久久精品性色| 日本一区网站| 免费观看成人毛片| 国产电影一区| 国产精品久久久久久久第一福利| 777精品视频| 国产精品久久不卡| 伊人电影在线观看| 国产一区二区日韩精品| 日韩视频一区在线| 97超碰人人爽| 国产高清av在线| 精品72久久久久中文字幕| 亚洲成人av电影在线| 96久久精品| 欧美日韩免费做爰视频| 成人黄色免费网站| 国产精品美女久久久久久久久久久 | 国产一区二区三区久久| 日韩不卡在线观看| 六月丁香婷婷在线| 日本福利片高清在线观看| 日韩综合小视频| 日韩在线观看网址| 国产吃瓜黑料一区二区| 1区2区3区在线视频| 成人在线综合网| 7777免费精品视频| 中文字幕黄色网址| 成人午夜一级| 亚洲自拍偷拍网站| 免费亚洲一区二区| 在线免费a视频| 97精品国产福利一区二区三区| 宅男噜噜噜66一区二区66| 日韩a级黄色片| 久热久精久品这里在线观看 | 国产在线中文字幕| 国产在线不卡一区| 欧美精品成人在线| 欧美午夜激情影院| 日日夜夜一区| 精品福利一区二区| 日本免费在线视频观看| 国产网站在线看| 国产精品对白久久久久粗| 在线观看亚洲精品| 久久国产精品视频在线观看| 天堂在线中文资源| 国产精品99久久久久久久女警| 欧美一区三区三区高中清蜜桃| 乌克兰美女av| 国内精品久久久久久野外| wwwwxxxxx欧美| 99国产视频| 一区二区三区精| 在线观看一区| 久久影视电视剧免费网站清宫辞电视| 蜜桃传媒一区二区亚洲av| 国产精品99久久久久久董美香| 亚洲国产精品久久久久婷婷884| 亚洲精品白虎| а√天堂www在线а√天堂视频| 日韩精品一二三四| 欧美亚洲另类在线| 久久精品视频国产| 欧美成人精品一区二区三区在线看| 亚洲国产免费av| www.一区二区.com| 欧美色图另类| 久久亚洲影视婷婷| 国产在线精品一区二区三区| 国产视频一二三四区| 葵司免费一区二区三区四区五区| 91黑丝高跟在线| 久久久久黄色片| 天天影视综合| 精品国产欧美成人夜夜嗨| av网在线播放| 亚洲尤物av| 亚洲日本中文字幕免费在线不卡| 黄色一级视频片| 黄色成年人视频在线观看| 中文字幕一区二区5566日韩| 先锋影音一区二区三区| 亚洲伦理在线| 久久久精品免费网站| 国产精品美女在线| 无码一区二区三区在线观看| 日韩视频一区| 国产成人久久久精品一区| 亚洲中文字幕无码爆乳av| 中文久久精品| 欧美在线免费观看| 中文字幕在线视频第一页| 美女精品一区| 国产美女久久久| 精品区在线观看| 国产电影一区二区三区| 久久综合一区二区三区| 伦理片一区二区三区| 国产精品高清亚洲| 日韩精品一区在线视频| 国产高潮在线| 亚洲视频在线一区| 99在线观看视频免费| 国内老司机av在线| 一本一本久久a久久精品综合麻豆| 老司机午夜av| 天堂久久一区| 亚洲久久久久久久久久| 亚洲不卡在线播放| 激情婷婷久久| 国产精品羞羞答答| 日本黄色三级视频| 国产日韩精品一区二区三区在线| 国产三级中文字幕| 1区2区3区在线| 欧美二区乱c少妇| 捆绑裸体绳奴bdsm亚洲| 欧美亚洲国产一区| 国内免费精品永久在线视频| 中文字幕人成人乱码亚洲电影| 国产做a爰片久久毛片| 蜜桃成人在线| 欧美激情办公室videoshd| 欧美日韩激情视频| 日本少妇xxx| av中文字幕一区二区| 欧美亚洲另类在线| 午夜影院免费视频| 亚洲免费av高清| 不卡的av中文字幕| 久久精品福利| 久久久久久久国产精品视频| 国产精品久久久久久在线| 91免费视频观看| 成年人午夜视频在线观看| 国产精品国产三级在线观看| 中文字幕亚洲自拍| 91青青草视频| 99re8在线精品视频免费播放| 国产美女作爱全过程免费视频| 日韩精品免费观看视频| 色婷婷精品大视频在线蜜桃视频| 最新国产精品自拍| 成人羞羞网站入口免费| 国产精品黄色影片导航在线观看| **毛片在线网站| 亚洲最色的网站| 女同性αv亚洲女同志| 久久高清免费| 91美女片黄在线观| av免费在线观看不卡| 久久久精品影视| 性chinese极品按摩| 国产一区二区在线| 国产日韩av在线| 999国产在线视频| 欧美日韩电影在线播放| 日本中文字幕免费在线观看| 六月婷婷色综合| 加勒比海盗1在线观看免费国语版| 成人国产精品一区二区免费麻豆| 久久精品国产一区二区三区| xxxx18国产| 亚洲国产综合色| www在线观看免费视频| 久久福利毛片| 天天综合五月天| 日韩免费一级| 国产成人精品午夜| www黄在线观看| 精品国产1区2区3区| 久久精品99北条麻妃| 中文字幕国产精品一区二区| wwwxxxx在线观看| 亚洲视频一二| 中文字幕人成一区| 6080成人| 国产精品视频资源| 中文字幕中文字幕在线中高清免费版| 亚洲精品在线一区二区| 中文字幕在线观看你懂的| 亚洲人成精品久久久久| aaaaaav| 精品在线你懂的| 激情婷婷综合网| 天天色综合色| 日韩资源av在线| 久久伦理中文字幕| 国产精品免费看久久久香蕉| 99福利在线| 日韩最新在线视频| 95影院理论片在线观看| 欧美高清你懂得| 中文字幕乱码中文字幕| 一片黄亚洲嫩模| 天天做夜夜爱爱爱| 91麻豆产精品久久久久久| 国产精品日日摸夜夜爽| 日韩电影在线观看一区| 免费日韩中文字幕| 亚洲三级国产|