iOS真的越來越像Android了嗎?實際體驗才知道!
編輯導讀:iOS14系統(tǒng)在發(fā)布之后,有用戶表示越來越像android。事實正是如此嗎?本文作者基于親身經(jīng)歷,從使用體驗和官方設計規(guī)范兩個方面對iOS14系統(tǒng)展開分析,希望對你有幫助。
iOS14系統(tǒng)以及發(fā)布有段時間了,想必很多朋友已經(jīng)更新了最新的系統(tǒng)嘗嘗鮮,而當時發(fā)布沒多久之后就看到很多“iOS越來越像android,小組件很早就已經(jīng)在android上出現(xiàn)了”之類的話題。
那么今天就講講這個內(nèi)容吧。說真的,我已經(jīng)有5年沒有使用過安卓手機了,對安卓系統(tǒng)知之甚少,翻看前人留下的文章,觀看YouTube,最后去旗艦店做了一次實際體驗。
一、使用體驗
下面是對SAMSUNG、華為、OPPO、iPhone11四款機型的體驗:
1. 三星
交互:
- 長按主屏幕空白處顯示主界面分頁和「小組件」等功能,點擊小組件icon進入選擇預設APP組件頁面,左右滑動查看不同應用的小組件;
- 點擊APP組件進入選擇樣式頁面(以4×1,4×2,4×4等形式告知用戶一個小組件的多種樣式選擇);
- 長摁進入主界面選擇放置小組件,當前屏幕無位置放置時會toast提示。
體驗:
- 小組件通過增加背景框來保持系統(tǒng)的統(tǒng)一性,瀏覽舒適。
- 在選擇具體樣式之前體驗流暢,但在放置小組件時,想多次通過點擊的形式添加,好在toast提示需要長按拖拽。在最后階段可能用戶可能更希望通過點擊的形式操作,而非長按(此處代入用戶心理模型,實際有待求證)。
2. 華為
華為系統(tǒng)為EMUI10.1而非的android。
交互:
- 雙指對角向內(nèi)滑動,調(diào)出主屏幕分頁及功能icon,點擊「窗口小工具」隱藏功能icon,顯示預設小工具。
- 點擊應用預設工具,顯示不同樣式。
- 拖拽至主屏幕分頁放置小工具。
- 長按小工具顯示編輯狀態(tài)可調(diào)節(jié)大小。
體驗:
功能顯示與三星類似,但在選擇組件和放置組件時體驗更好。
- 沒有切換頁面,用戶操作時間更短;
- 主屏幕分頁可左右滑動選擇合適的位置,用戶可以得知什么位置可以添加小工具。
- 對小工具可以進行大小調(diào)控。
但也存在一些小問題:
- 當小工具類型增加到一定數(shù)量時,僅通過底部一行展示3個的形式來讓用戶查找想要的組件時會相對費時。
- 小工具的樣式多樣,不夠統(tǒng)一。
3. OPPO
交互:
- 雙指對角向內(nèi)滑動,調(diào)出主屏幕分頁及功能icon,點擊「應用組件」隱藏功能icon,顯示預設「組件」;
- 拖拽「組件」至主屏幕放置;
- 長按可調(diào)節(jié)組件大小。
體驗:
- 添加了背景框保持應用統(tǒng)一;
- 應用組件未做二級細分選擇,而是在當前頁面直接展示不同的比例。
4. iPhone11
交互:
- 左滑顯示負空間界面,長按單個組件顯示操作功能(編輯主屏幕、移除小組件)。
- 點擊編輯主屏幕,界面處于可編輯狀態(tài),可移除小組件,也可點擊左上角“加號button”來添加小組件。
- 點擊加號,顯示模態(tài),選擇不同應用小組件,點擊小組件模態(tài)選擇小中大三中不同的組件樣式。
- 點擊底部“+wiggle button”收起模態(tài),返回主界面編輯狀態(tài)。
- 點擊完成,小組件添加完成。
- 在應用主界面通過長按空白區(qū)域或長按應用選擇彈窗快捷功能“編輯主界面”,其他交互流程同上。
體驗:
- 打開編輯狀態(tài)與主屏幕應用移動分組保持一致。
- 使用模態(tài)選擇小組件,用戶操作行為較輕。
- 固定三種比例尺寸選擇添加,保證系統(tǒng)體驗和視覺的統(tǒng)一。
- 展示部分組件,其他以應用圖標 來展示。很大程度上避免了APP小組件過多導致瀏覽效率變低的情況。
- 添加小組件的功能入口較為隱蔽,難于被發(fā)現(xiàn)。
- 在視覺上小組件的內(nèi)容更易引起用戶注意。
5. 小結(jié)
二、官方設計規(guī)范
1. Android
“小組件可顯示有關(guān)應用程序最重要的數(shù)據(jù)和功能的信息”,官方一句話簡單描述了小組件,從類型和行為兩方便做了一些介紹:
1)類型
官方提供了四種類型:信息、集合、控制和混合。
混合小組件實例
2)行為
滾動:基于列表或基于網(wǎng)格的集合窗口小部件通常會擴大或縮小垂直滾動區(qū)域。
縮放:用戶可以使用拖動手柄或窗口小部件角來設置所需的大小。
導航:提供指向應用程序經(jīng)常使用區(qū)域的導航鏈接。
2. iOS14
介紹:小部件可提升您應用中的關(guān)鍵內(nèi)容,并將其顯示在人們可以在iPhone,iPad和Mac上一目了然的位置,有用且令人愉悅的小部件還可以幫助人們以獨特的方式個性化iPhone主屏幕。
1)對顯示內(nèi)容的設定(創(chuàng)建一個有用,集中的小組件)
小組件的主要目的是顯示少量及時的個人相關(guān)信息。
- 將小組件集中在一個信息上。
- 每個小組件顯示的信息密切相關(guān)。
- 立即訪問的內(nèi)容有意義。
- 提供多種尺寸,增加價值。
- 偏好全天變化的動態(tài)內(nèi)容,吸引用戶經(jīng)常查看。
- 尋找驚喜和喜悅的機會。比如節(jié)日視覺特殊化。
2)支持小組件配置和交互
- 提供合理的可配置小組件,用戶可查看制定的信息。
- 確保點擊小組件正確打開應用對應頁面。
- 避免過多的點擊交互(中、大小組件可設置多個點擊交互)。
- 引導用戶登錄應用以獲得更多有用信息。
3)設計漂亮的小組件
獨特,美觀的小部件不僅提供有用的信息,還使人們有機會個性化主屏幕。
- 通過顏色,版式和圖像傳達品牌。
- 舒適的信息密度。
- 使用顏色增強外觀,但不影響內(nèi)容識別。
- 支持暗黑模式。
- 使用SF Pro。
- 使用文本元素,以更好的自適應縮放。
- 設計逼真的預覽,引導用戶添加小組件,數(shù)據(jù)無法實時更新時可設置模擬數(shù)據(jù)。
- 設計占位符,在數(shù)據(jù)加載時便于用戶辨認應用。
- 增加簡單的描述,便于用戶理解小組件的功能。
4)適應不同的屏幕尺寸
3. 小結(jié)
通過android Material Design規(guī)范和iOS設計規(guī)范可以看出:
android對于組件的功能更加開放、自由,對于設計的限定較少。而iOS從小組件定義、內(nèi)容、色彩、字體、邊距、尺寸、交互多個角度告知設計師和開發(fā)者應該設計什么樣的組件。以保證系統(tǒng)體驗的一致性、小組件的有用、美觀和個性化。相對的對于小組件的功能可交互性沒有android靈活,但也可以做一些內(nèi)容的配置讓用戶選擇需要展示的信息。
這是一段毫無意義的猜想,請你保持獨立思考。
- iOS14正式發(fā)布之后可能會涌現(xiàn)一大批第三方小組件應用。
- iOS14小組件化應用場景除了iPhone、iPod、Mac之外更加實用的或許會是車機大屏,個性化和一目了然在汽車駕駛的過程中能夠非常有效的識別信息。但也存在數(shù)據(jù)刷新同步的問題。
- 在未來小而美的工具類應用的使用頻率會增加,比如:Noto筆記、墨跡天氣、offscreen、Terllo等。
作者:YuZJ設計,公眾號:YuZJ Design
本文由 @YuZJ設計 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
- 目前還沒評論,等你發(fā)揮!