手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

2020年設計趨勢 · 交互篇

2019-8-8    ui設計分享達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

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


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


01. 模態(tài)展示


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

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

Apple Music  &   郵件

02. 專注下半部分


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


除了搜索,其他頁面也有很多下半部分的例子,具體可以看我之前寫的文章:產(chǎn)品體驗 · 夸克瀏覽器



03. 分層內容


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

Snapchat   &   Keep


懸停分層

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

網(wǎng)易云音樂   &   即刻

Broadcasting iOS App UI Exploration



04. 連續(xù)性頁面


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


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

App Store   &   Behance


05. 全屏展示


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


同樣,Airbnb的系統(tǒng)通知提示也是采用的全屏展示,這是一個趨勢,值得我們去關注。

Airbnb 愛彼迎   &   Keep


06. 快捷驗證


蘋果賬號登錄

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


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


號碼識別

網(wǎng)易易盾的號碼識別,可以自動獲取當前開啟流量的SIM卡號碼,一鍵點擊即可完成注冊、登錄操作。減少手機號輸入、短信驗證碼等待時間等傳統(tǒng)步驟,提升關鍵環(huán)節(jié)轉化率。

網(wǎng)易易盾


07. 語音交互


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

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

Google I/O 2019 Live Relay

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


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


08. AR增強現(xiàn)實


WANNA KICKS 通過AR技術「試鞋」

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

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


09. 多窗口預覽

App Store & QQ

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



10. 總結


科技發(fā)展給設計產(chǎn)生的影響是巨大的,讓我更深刻的認識到作為設計師的責任。這些設計趨勢有意或無意地將幫助用戶得到更好的產(chǎn)品體驗,我們期待2020年的設計將如何演變。


轉自公眾號:洋爺 


藍藍設計www.88yangsc.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、網(wǎng)站建設 、平面設計服務。

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.88yangsc.com

存檔