從超多大廠案例中,我總結了 2020 年值得關注的 9 個交互設計趨勢 - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

從超多大廠案例中,我總結了 2020 年值得關注的 9 個交互設計趨勢

2019/07/16 19700評論 5

在過去兩個月,從國外的 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 的系統通知提示也是采用的全屏展示,這是一個趨勢,值得我們去關注。

△ 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 後台切換模式。在會話窗口長按任意地方,也會呼出多窗口模式。

總結

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

歡迎關注作者的微信公眾號︰「洋爺」

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/2020-interactive-design-trend

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里