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

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

2023-2-12    鶴鶴

眾所周知,「用戶體驗五要素」出自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
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

作者:Viola_1241     來源:站酷

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

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

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

日歷

鏈接

個人資料

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

存檔

欧美一区 二区 三区| 国产伦精品一区二区三区视频免费 | 久久精品国产一区二区三区不卡| 日本在线观看一区二区| 欧美激情亚洲天堂| www.色就是色| 中文字幕第3页| 日韩在线观看视频一区二区| 国产天堂第一区| www.av日韩| 欧洲亚洲在线| 免费在线播放电影| 成人激情久久| 久久国产综合| 久久亚洲视频| 99久久99久久免费精品蜜臀| 一区二区三区四区激情| 欧美日本免费一区二区三区| 亚洲一级黄色av| 欧美一级免费看| 国产综合 伊人色| 日本中文字幕在线视频观看| 免费国偷自产拍精品视频| 日本综合在线观看| 国产一级片一区二区| 一区二区三区区四区播放视频在线观看 | 亚洲精品.www| 美女国产在线| 懂色av色香蕉一区二区蜜桃| 婷婷成人基地| 国产高清精品久久久久| 一个色综合网站| 亚洲成人精品久久| 性色av一区二区咪爱| 国产精品裸体一区二区三区| 欧美乱大交xxxxx潮喷l头像| 久久久久成人精品无码中文字幕| 国产精品成人久久| 大地资源高清播放在线观看| 老色鬼在线视频| 神马影视一区二区| 久久91精品国产91久久小草| 亚洲乱码中文字幕综合| 亚洲а∨天堂久久精品喷水 | 亚洲中国最大av网站| 精品国产自在久精品国产| 97欧美精品一区二区三区| 国产美女精品在线观看| 免费在线观看毛片网站| 国精产品视频一二二区| 午夜精品一二三区| cao在线视频| 成人影院在线| 国产成人免费视频网站| 欧美日韩中文字幕在线| 日韩中文字幕网址| 狠狠色综合欧美激情| 久久久久久三级| 久久久精品国产sm调教网站| 最新中文字幕在线观看| 久久青草免费| 亚洲一区二区伦理| 亚洲精品视频免费看| 亚洲美女久久久| 99久久国产免费免费| 狠狠热免费视频| 亚洲成人久久精品| 色资源网在线观看| 成人1区2区| 在线观看一区| 亚洲人成精品久久久久| 日韩精品视频三区| 91成人免费在线观看| 五月婷婷深爱五月| 欧美激情亚洲综合| 黄色的网站在线观看| 国产精品免费不| 波多野洁衣一区| 91精品一区二区三区久久久久久| 欧美亚洲视频一区二区| 国产视频在线观看网站| 三级黄色片在线观看| 欧美hdfree性xxxx| 中文字幕日韩在线| 国产一区二区免费看| 欧美人伦禁忌dvd放荡欲情| 日韩av电影院| av网址在线观看免费| 亚洲一区二区91| 免费在线观看av| 久久激情电影| 中文一区二区完整视频在线观看| 亚洲欧美福利视频| 日韩一二三区不卡在线视频| 一区二区精品免费| 亚洲精品视频99| 亚洲+小说+欧美+激情+另类| av男人天堂一区| 亚洲激情久久久| 久久爱av电影| 一级片视频免费看| 婷婷国产在线| 国内黄色精品| 中文字幕亚洲欧美在线不卡| 中文字幕日韩精品在线| 亚洲国产欧美日韩| 国产美女久久久久久| 2017亚洲天堂1024| 一区二区三区在线| 午夜精品久久久久久久99樱桃 | jizz中文字幕| 奇米影视888狠狠狠777不卡| 日韩精品免费一区二区在线观看| 国产精品毛片久久久久久| 久热精品视频在线| 日韩精品视频在线观看视频| 成年人视频在线免费看| 欧美舌奴丨vk视频| 国产乱淫av一区二区三区| 亚洲成人av资源网| 亚洲自拍三区| 日韩av电影网址| 韩国成人动漫| 国产一区二区0| 日韩精品视频在线播放| 亚洲综合av一区| 日本视频www| 性欧美freesex顶级少妇| 久久精品国产亚洲高清剧情介绍 | 一级日本在线| 亚洲高清毛片| 91麻豆精品国产自产在线观看一区 | 精品国产99久久久久久| 午夜在线观看免费一区| 欧美精品欧美精品系列| 久久久婷婷一区二区三区不卡| 女人十八毛片嫩草av| 成年视频在线观看| 日本午夜一本久久久综合| 精品久久国产字幕高潮| 亚洲午夜精品久久久中文影院av| 国产真人真事毛片| 91成人在线| www.视频一区| 久热精品视频在线观看一区| 青青青国产在线视频| 色综合免费视频| 久久精品高清| 在线欧美小视频| 久久99精品久久久久久青青日本 | 色综合久久六月婷婷中文字幕| 91九色国产视频| 国产一区二区三区四区在线| 七七久久电影网| 国产乱色国产精品免费视频| 色偷偷噜噜噜亚洲男人的天堂 | 在线高清欧美| 国产欧美一区二区精品仙草咪| 欧美激情视频在线观看| 在线观看你懂的视频| 国产高清一区在线观看| 久久久久久夜| 亚洲男人天堂古典| 激情婷婷综合网| 一级二级三级在线观看| 极品中文字幕一区| 亚洲国产成人精品一区二区| www.夜夜爱| 懂色av蜜臀av粉嫩av分享吧| 99九九热只有国产精品| 日韩视频一区二区三区在线播放| 中文一区一区三区免费| 国产剧情久久久| 不卡一区2区| 欧美日韩精品综合在线| 一区二区不卡视频| 国产免费高清av| 888久久久| 精品国产乱码久久久久久久久| 青青青在线观看视频| 性一交一乱一精一晶| 亚洲综合色网| 亚洲国产另类 国产精品国产免费| av免费观看国产| 在线看片线路1| 久久av在线| 色婷婷久久av| 久久福利小视频| wwwww亚洲| 欧美国产1区2区| 亚洲精品女av网站| 在线观看日韩中文字幕| 奇米亚洲欧美| 精品久久久久香蕉网| 日韩网址在线观看| av女优在线| 久久久久99精品一区| 成人国产在线观看| 日本aⅴ大伊香蕉精品视频| 日韩av在线看免费观看| 偷拍中文亚洲欧美动漫| 日韩理论片在线| 精品国产乱码久久久久| 中国女人真人一级毛片| 久久一区二区中文字幕| 欧美刺激脚交jootjob| av片中文字幕| 色视频在线免费观看| 99精品国产热久久91蜜凸| 国产精品一区二区三区毛片淫片| 国产在线观看免费视频今夜| 欧美一级色片| 精品日韩欧美在线| 日韩高清第一页| 91丝袜在线| 亚洲乱码日产精品bd | 中文字幕一区二区三区域| 天堂影院一区二区| 午夜精品一区二区三区视频免费看| 国产精品久久久久久久av| 不卡一区视频| 欧美日韩在线精品一区二区三区激情| 97超碰国产精品| 黄色的视频在线免费观看| 成人小视频在线观看| 91精品在线国产| 中文字幕一区二区三区波野结 | 久久国产精品久久久久久电车 | 国产在线精品一区二区中文| 亚洲综合精品在线| 自拍偷拍欧美亚洲| 精品一区三区| 亚洲国产另类 国产精品国产免费| 成年网站免费在线观看| 26uuu亚洲电影| 五月激情丁香一区二区三区| 国产freexxxx性播放麻豆| 天堂中文а√在线| 精品不卡一区| 中文字幕av不卡| 欧美高清视频一区| 蜜桃臀av在线| 成人免费三级在线| 国产一级二级三级精品| 韩国av免费在线| 国产呦精品一区二区三区网站| 国产日韩欧美自拍| 国产又粗又猛又黄又爽无遮挡| 午夜一级久久| 国产精品视频男人的天堂| 中文字幕资源网| 日韩不卡一二三区| 91日本视频在线| 亚洲第一免费视频| 成人精品免费视频| 欧美在线日韩精品| 九九热视频在线观看| 国产精品久久久久久久久免费樱桃| 亚洲资源在线网| 视色,视色影院,视色影库,视色网 日韩精品福利片午夜免费观看 | 国产亚洲va综合人人澡精品| 日韩亚洲视频在线| 永久免费av在线| 亚洲国产美国国产综合一区二区| 999在线观看视频| 麻豆免费在线| 欧美日韩一区不卡| 日韩女优在线视频| 天堂在线精品| 久久久国产成人精品| 国产一级特黄毛片| 免费欧美日韩| 99超碰麻豆| 日本不卡视频一区二区| 国产精品国产三级国产三级人妇 | 黑人巨大精品欧美一区| 国产日产精品一区二区三区四区 | 91精品国产乱码久久久| 婷婷综合久久| 97在线视频国产| 国产精品无码AV| 国产福利精品导航| 亚洲成人午夜在线| 日韩免费影院| 国产丝袜精品丝袜| 欧美日韩中文另类| 国产精品无码在线| 日韩精品一区二区三区免费观影| 国内精品久久久久影院 日本资源| 国产成人av免费| 国产成人亚洲精品狼色在线 | 亚洲国产精品成人精品| 日韩在线中文字幕视频| 午夜在线精品| 久久免费视频1| 最爽无遮挡行房视频在线| 欧美视频一区二区三区四区| 北岛玲一区二区| 久久精品久久久| 国产精品日韩欧美综合| 在线观看黄色小视频| 依依成人精品视频| 国产老头和老头xxxx×| 成人综合久久| 国产欧美精品日韩| 婷婷婷国产在线视频| 亚洲超碰精品一区二区| 日批在线观看视频| 欧美特黄一区| 国产精品一区在线播放| 国产在线激情视频| 日韩一区二区电影在线| 欧美卡一卡二卡三| 九色|91porny| 亚洲五码在线观看视频| 欧美黄色网络| 欧美巨乳在线观看| 蜜臀久久久久久999| 一级中文字幕一区二区| 中文在线观看免费视频| 欧美激情综合| 麻豆精品视频| 欧美理论影院| www.欧美精品一二三区| 国产浮力第一页| 一区二区三区日韩| 看全色黄大色黄女片18| 一本不卡影院| 亚洲色图自拍| 亚洲成人a级片| 久久久久国产精品免费| 亚洲三级中文字幕| 欧美性感美女h网站在线观看免费| 亚洲av无码一区二区三区人 | 亚洲护士老师的毛茸茸最新章节| 中文字幕亚洲高清| 久久久午夜电影| 黄色一级片免费播放| 欧美一区影院| 欧美1o一11sex性hdhd| 伊伊综合在线| 美日韩精品免费视频| 最大av网站| 欧美色综合久久| 久久久久香蕉视频| 91视频一区二区| 性高潮久久久久久| 免费精品视频| 一本大道东京热无码aⅴ| 久久99精品国产自在现线| 国产精品久久久久久av| av网站在线看| 一本色道久久88亚洲综合88| 成人小说亚洲一区二区三区 | 久久精品国产清自在天天线 | 欧美在线激情视频| 色老头视频在线观看| 亚洲欧美在线x视频| 亚洲国产精品欧美久久| 欧美性色视频在线| 国产网站在线看| 国产精品久久久久久久浪潮网站| 国产免费一区二区三区最新6| 日韩专区中文字幕一区二区| 欧美狂野激情性xxxx在线观| 一区二区三区四区在线看| 99精品在线直播| 国产亚洲欧美日韩精品一区二区三区 | 国产一区喷水| 天堂综合在线播放| 国产精品久久久精品| 激情av在线播放| 欧美日本在线视频中文字字幕| 日韩欧美电影在线观看| 日韩激情第一页| 日批视频在线播放| 91精选在线观看| 国产精品久久777777换脸| 欧美性猛交xxxxx免费看| 国产成人自拍视频在线| 亚洲欧美偷拍另类a∨色屁股| 人人干在线观看| 久久久精品影视| 色噜噜噜噜噜噜| 久久―日本道色综合久久| 成年人在线观看av| 成人永久免费视频| 中文乱码人妻一区二区三区视频| 国产精品一级在线| 少妇伦子伦精品无吗| 久久99国产精品久久99 | 高清视频在线观看一区| 亚洲国产伊人| 91情侣在线视频| 4438五月综合| 成人情视频高清免费观看电影| 国产精品一区免费在线| 动漫3d精品一区二区三区 | 污视频网站在线免费观看| 亚洲区中文字幕|