當前位置:編程學習大全網 - 編程語言 - 在超多大廠案例中,我總結了 2020 年的 9 個交互設計趨勢

在超多大廠案例中,我總結了 2020 年的 9 個交互設計趨勢

在過去兩個月,從國外的 Google I/O、Apple WWDC、Facebook 開發者大會,到國內的飛聊、QQ改版、豆瓣FM 6.0,可以看到很多關於交互設計上的趨勢。

同時,我從日常的產品體驗中,整理了壹些思考內容,以下是對 2020 年交互設計趨勢的展望。

模態展示

在 iOS 13 中,模態面板采用了新的卡片樣式,它占據了屏幕 90% 的面積。模態面板拉起時,原有的頁面會有壹個縱深效果,以灰色狀態顯示,防止用戶和它們發生交互。模態面板可以通過滑動操作下拉關閉,適用於單手操作,專為大屏服務。

在系統郵件、日歷、通訊錄、Apple Music、信息 Animoji 等自帶應用中,模態面板得到了廣泛應用。

△ Apple Music & 郵件

專註下半部分

誇克瀏覽器是專註下半部分做得最好的壹個,誇克並沒有像 Safari、Chrome 那樣把搜索框放在頂部,而是將整合後的搜索欄放在了用戶更容易操作的屏幕下半部分。

分層內容

分層內容是基於動作菜單,彈出分層內容。分層內容的展現形式可以減少頁面跳轉,讓用戶保持在最原始的環境中。並且主要操作交互位於界面下半部分,觸手可及。

△ Snapchat & Keep

1. 懸停分層

在網易雲音樂、即刻、飛聊等應用中,采用了懸停分層。頂部展示的是介紹性內容,隨著頁面下滑,介紹內容隱藏,同時功能欄將置頂懸停,展示的內容區域大大增加。

△ 網易雲音樂 & 即刻

△ Broadcasting iOS App UI Exploration

連續性頁面

連續性頁面的轉換效果可以很好記住產品路線,加強了頁面的層級關系。同時,流暢的動畫轉換效果,帶來了更連貫的用戶體驗。

App Store 和 Behance,以及最近發布的豆瓣 FM 6.0,都采用了這種方式。

△ App Store & Behance

全屏展示

很多App在引導評分樣式上,都采用的是系統彈窗。在 Keep App 上,設計了壹個全屏展示的評分提示。形式新穎,加上背景圖的氣氛,讓人想去評分的意願大大增加。

△ Airbnb 愛彼迎 & Keep

快捷驗證

1. 蘋果賬號登錄

近兩年幾乎所有的 App 都會推薦首先使用手機號+短信驗證碼的方式註冊/登錄,同時也會接入像微信、QQ、支付寶這樣的三方登錄。

在 WWDC 2019 上,蘋果也給我們帶來了 「使用蘋果賬號登錄」,幾乎所有的蘋果設備都會登錄 Apple ID。因此,我們可以在不久的將來,通過蘋果賬號,就可以直接登錄所有的 App,是不是很方便?

2. 號碼識別

網易易盾的號碼識別,可以自動獲取當前開啟流量的 SIM 卡號碼,壹鍵點擊即可完成註冊、登錄操作。減少手機號輸入、短信驗證碼等待時間等傳統步驟,提升關鍵環節轉化率。

△ 網易易盾

語音交互

近年來,智能語音技術在很多場景得到了應用,微軟的 Cortana,蘋果的 Siri、谷歌的 Assistant。在引入深度學習後,語音助手可以在訓練中越來越強,吐詞更連貫。誇克的語音助手有本地天氣、本周本月可視化數據、新聞熱點、節日問候、冷知識等功能。

在5月的開發者大會上,谷歌展示了其人工智能與語音識別的 Live Relay 技術。其能夠為不便應答電話的用戶,提供基於實時語音/文字互轉的通話支持。對於聾啞人來說,這絕對是壹項實用的功能。

△ Google I/O 2019 Live Relay

事實上,Live Relay 也能幫助到壹般人,例如當我們需要接聽重要電話,但卻無法離開當下所進行事項,Live Relay 在此時就能派上用場,透過輸入文字的方式,接聽重要來電。

最方便的是,Live Relay 還可整合即時的翻譯功能,這在與外國人士溝通時起了很大的幫助作用,可說是另外壹種「無障礙功能」。

AR增強現實

1. WANNA KICKS 通過AR技術「試鞋」

通過 AR 增強現實技術與智能手機相機的結合,幫助妳看到 YEEZY BOOST 350 等運動鞋「穿」在自己腳上的效果,它甚至還能模擬出鞋子在光線不同環境下的各種效果。

2. 小程序AR+口紅試色

昨天,首個支持AR動態試妝的小程序「阿瑪尼美妝」同步更新上線。基於小程序基礎能力和谷歌 TensorFlow 機器學習開源平臺支持,歐萊雅集團開發了 AR 動態試妝能力。相比以前上傳照片的試色方式,AR 動態試妝讓試色更真實。

AR 使用在網頁設計或應用程序領域,它能夠自然地將虛擬與現實結合,帶來身臨其境的新體驗。

多窗口預覽

△ App Store & QQ

在 QQ 最新的版本中,列表頁面長按消息,會彈出多窗口模式,消息可以來回切換,類似於 iOS 後臺切換模式。在會話窗口長按任意地方,也會呼出多窗口模式。

總結

科技 發展給設計產生的影響是巨大的,讓我更深刻地認識到作為設計師的責任。這些設計趨勢有意或無意地將幫助用戶得到更好的產品體驗。

本文轉自:優設網

作者:洋爺

  • 上一篇:在哪裏能下載turboc 的軟件
  • 下一篇:MUSE酒吧的酒類價格
  • copyright 2024編程學習大全網