2018-3-17 ui設計分享達人
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
在移動應用領(lǐng)域,事物正飛速發(fā)展。要想在用戶體驗設計領(lǐng)域獲得成功,設計師必須有遠見,并為即將到來的新挑戰(zhàn)做好準備。
為了簡化這個任務,我列出了2018年最重要、最有影響力的趨勢,而且很有可能遠不止如此。
1. 簡化用戶的使用流程
當我們與應用程序或網(wǎng)站互動時,我們有一個特別的目標。通常,我們花在實現(xiàn)這一目標上的努力越少,體驗就越好。
線性用戶使用流程
線性用戶體驗設計指的是一種帶有特定的開始、過程和結(jié)束,并且可以讓用戶在每一步完成一個動作的用戶體驗設計。這種設計對用戶很友好,因為它可以為用戶估計完成一項任務所需的時間。
Uber打車就是線性用戶流程的一個例子
漸進式信息展示
當你的應用程序有很多信息或操作要展示時,沒有必要將所有的信息一次性呈現(xiàn)。設計師將采用“漸進式信息展示”的方式——只在用戶需要時才會顯示信息或操作。漸進式信息展示能有效減少認知負荷,提高界面的可理解性。
漸進式信息展示會在用戶與界面交互時,溫和地向用戶介紹界面和特性
2. app內(nèi)手勢與動畫結(jié)合
隨著iPhone X的發(fā)布,設計師面臨著新的挑戰(zhàn)。物理Home鍵取消意味著即使是與設備最基本的交互現(xiàn)在也改為手勢了。這對設計師來說意味著什么?這意味著設計師必須更加注意手勢的設計。
如果你想了解基于手勢的界面設計有什么挑戰(zhàn),請閱讀丹·諾曼關(guān)于這個主題的文章:《基于手勢的界面:在可用性方面的倒退》,文章指出了與基于手勢的交互設計的相關(guān)的關(guān)鍵問題,如發(fā)現(xiàn)性和可學習性問題。在解決這些問題的嘗試中,設計師將重點關(guān)注動畫設計和微互動。
我們將在以下這些情形下使用動畫:
- 確定哪些交互是可用的(動畫提示);
動畫提示與文字說明相結(jié)合。圖片來源:Material Design
- 說明UI元素之間的空間關(guān)系(動畫轉(zhuǎn)換);
- 為互動提供反饋。
提供反饋和說明空間關(guān)系。圖片來源:Shakuro
3.以內(nèi)容為中心的設計
良好的管理和易于訪問的內(nèi)容是使一個App吸引其目標用戶的重要原因。在2018年,設計師可以通過以下這些方式將內(nèi)容保持在主要位置:
清理
消除視覺混亂和提高理解是現(xiàn)在許多UX設計師的目標。設計人員刪除無關(guān)的信息(噪音),并通過將內(nèi)容放在首位、說明清楚視覺語言的方式優(yōu)先考慮相關(guān)信息(符號)的展示。
內(nèi)容優(yōu)先于視覺設計
清除所有的視覺混亂可以幫助你集中于你想要表達的信息的核心。
清晰的視覺結(jié)構(gòu)層次
保持UI元素以清晰的順序呈現(xiàn)會使內(nèi)容理解更加容易。強烈的視覺符號(比如操作按鈕的對比色)用在某些交互元素或基本信息上來引導用戶。
主要操作按鈕使用對比色。圖片來源:谷歌
4. 全屏體驗
隨著三星Galaxy S8和iPhone X的發(fā)布,無框設計成為了一種潮流。更大的屏幕空間可供用戶使用,用戶希望有全屏體驗。
高清圖像和視頻
你的App應該提供全屏體驗,這一點很重要。不僅如此,圖像視頻的質(zhì)量將直接影響用戶對應用程序的期望。圖像在移動屏幕上的顯示也應該是高清的。
5. 充滿活力的顏色
顏色是設計師工具包中最強大的工具之一。顏色可以吸引注意力、營造氛圍、影響用戶的情緒和行為。在移動應用設計上,充滿活力的顏色就真正派上用場了。
顏色作為功能元素
顏色不僅用于美化界面,而且也將成為功能體驗的一部分。例如,設計師將使用顏色來區(qū)分不同類型的通知。
使用顏色區(qū)分不同類型的活動。圖片來源:Jae-seong, Jeong
6. 情感體驗
在2018年,我們會看到更多的情感智能融入到移動體驗中。當用戶完成特定動作時,情緒智能(EI)不再是所有的動畫效果。它是一種讓交互體驗變得更加迷人和愉快的強大方式。
更好的情感表達方式
表達情感對人來說是很自然的。即使在命令字符串接口的時代,我們使用表情符號表達我們的情緒。
1982年,斯科特·法曼(Scott Fahlman)創(chuàng)作出了著名的基于ascii的表情符號
在移動設備時代,我們可以更廣泛地傳播情感。面部識別將被用來提供更符合實際的情感體驗。其中一項技術(shù)是Animoji -動畫表情,它通過iPhone X相機對面部表情做出反應。
Animoji提供一種與他人分享我們情感的機會
與App的自然交互
更多關(guān)注手勢設計會改變我們與應用程序的交互方式。例如,我們點贊內(nèi)容的方式。與其點擊按鈕或圖標,在屏幕上繪制“心”圖形使點贊更加自然。
圖片來源:Virgil Pana
模擬反饋用戶界面中的情緒
作為人類,我們與我們使用的所有產(chǎn)品建立情感聯(lián)系。因此,當我們與產(chǎn)品交互時,我們期望有某種程度的擬人化反饋。即使我們知道產(chǎn)品不是人類,也不能感知情感,我們?nèi)韵嘈潘鼈兡堋?
應用程序模擬人類的反應時,提供對用戶輸入的響應。圖片來源:Adip Nayak
7.視頻的主導地位
2017年,視頻作為一種流行的內(nèi)容營銷形式的人氣激增。據(jù)Hubspot統(tǒng)計,78%的人每周在線觀看視頻,55%的人每天在線觀看視頻。
在移動設備使用的場景中,設計師將根據(jù)不同的媒介調(diào)整視頻形式:
適應短時間注意力的視頻
人類的平均注意力時長從2000年的12秒下降到2015年的8秒。新的內(nèi)容表達方式是適應變化的結(jié)果。像360度全景視頻和Facebook 視頻直播都是適應這種變化的產(chǎn)物。2018年,更多的用戶和企業(yè)將使用這種方式發(fā)布重要信息和實時資訊。
Facebook視頻直播。圖片來源:Buzzfeed
為視頻調(diào)整屏幕方向
根據(jù)盧克·W (Luke W)的說法,94%的時間移動電話使用的是縱向定位。這意味著所有內(nèi)容(包括視頻)都應該適合這個方向。
圖片來源:Luke W
8.生物識別技術(shù)
基于生物識別技術(shù)的App可以繞過傳統(tǒng)的登錄方式。隨著生物識別技術(shù)的發(fā)展,App所需要的是一種特定的生理或行為特征,如面部識別、指紋或語音識別。
更多人將使用生物識別技術(shù)
生物識別技術(shù)并不是一項新技術(shù)?,F(xiàn)在很多人都使用生物認證來代替密碼。據(jù)蘋果公司稱,iPhone用戶平均每天解鎖設備80次,而89%使用Touch ID解鎖。在2018年,生物識別技術(shù)將更加普及,我們將看到更多使用生物識別技術(shù)進行身份驗證和身份管理的系統(tǒng)。將這種技術(shù)應用到他們的App中,還可以提高終端用戶和企業(yè)的安全性。
Face ID替代Touch ID
在2018年,我們將使用一個受保護程度最高的、同時也是最易于使用的對象進行身份驗證——我們的臉。在未來一年,F(xiàn)ace ID有可能成為iPhone X用戶最自然的認證方式。
9. 對話設計
2015年comScore的研究顯示,普通用戶只使用了大約3個應用程序,其中至少有一個是即時通訊應用,人們喜歡聊天。這就是為什么在2018年,由人工智能驅(qū)動的聊天機器人和聲控助手將成為熱門趨勢。
聊天機器人在消息平臺中充當助手
最可能的情況是,聊天機器人不會完全替代傳統(tǒng)的圖形交互界面,但它們將被集成到消息傳遞平臺(比如Facebook Messages)中作為助手。企業(yè)將與客戶進行實時的自動對話。
圖片來源:Isil Uzum
更復雜的語音助手
今天,圖形用戶界面并不是我們與應用程序交互的唯一方式。自然語言處理和計算能力的顯著進步使得使用不同類型的接口成為可能。2016年,谷歌表示,大約20%的移動端搜索都是由語音完成的。未來這幾年的一件大事將是聲控接口這已是顯而易見的了。語音交互通過消除形式來提升用戶體驗,這也為應用程序用戶消除了另一個潛在的摩擦因素(因為人們必須學習如何使用應用程序)。
Tip:最好的接口是沒有接口。
文案的重要性
隨著設計人員和開發(fā)人員之間會話接口的流行,這種類型接口的文案也變得越來越重要。因為聊天機器人幾乎完全基于用戶和機器之間的文字交流,每一個詞都需要精心挑選。
10.個性化的增強
個性化用戶體驗將繼續(xù)成為2018年的熱門趨勢。
根據(jù)用戶位置提供內(nèi)容
由于移動設備是與用戶待在一起,所以安裝在設備上的應用程序可以利用位置數(shù)據(jù)來提供與用戶當前位置相關(guān)的內(nèi)容。這使得應用服務對周圍環(huán)境的變化更加敏感。像星巴克的這樣的一些應用已經(jīng)利用這個特性為用戶提供特別的服務。2018年,我們將看到更多的應用程序使用這些功能來提升用戶體驗。
定制用戶界面
UI設計中的個性化不僅僅是內(nèi)容。所有的用戶都是不同的——有些人視力不好,有些人可能是色盲。那么,為什么應用程序應該對每個人都用相同的用戶界面呢?
個性化也包括根據(jù)用戶進行調(diào)整。這可以通過利用用戶已經(jīng)提供的信息和設備傳感器來實現(xiàn)(跟蹤用戶如何與應用程序交互以及他們所面臨的問題)?;谶@些信息,應用程序可以判斷是否需要為用戶放大字體,或者在播放視頻時調(diào)高音量。
11.增強現(xiàn)實
除了會話界面之外,另一個將會徹底改變我們和應用交互方式的是飛速發(fā)展的增強現(xiàn)實技術(shù)(augmented reality, AR)。一年前,馬克·扎克伯格預言所有的屏幕最終都將被鏡頭取代。很明顯,2018年將是增強現(xiàn)實的一年。很多人會把他們的手機或平板電腦當作一個虛擬世界的鏡頭。
創(chuàng)建AR體驗將變得更簡單
現(xiàn)在市面上已經(jīng)有很多基于AR的應用。但直到最近,創(chuàng)建AR應用程序才變得容易起來。2017年,蘋果和谷歌發(fā)布了AR框架,使得構(gòu)建AR應用程序變得更加容易。
基于AR技術(shù)的游戲娛樂
我們很多人都熟悉 Pokemon Go這個游戲,這是AR在游戲方面的一個典型應用。但是AR不僅僅局限于游戲。在即時通訊應用中集成AR鏡頭可以創(chuàng)造更有吸引力的用戶體驗。
AR作為現(xiàn)實問題的解決方案
AR正在快速成為一種解決實際問題并為用戶提供真正價值的技術(shù)。例如,在沒有傳統(tǒng)物理測量工具的情況下,AR度量也可以測量真實世界的物體。
在沒有傳統(tǒng)物理測量工具的情況下,AR度量也可以測量真實世界的物體
12.無現(xiàn)金支付
對多數(shù)用戶來說,無現(xiàn)金支付已經(jīng)成為一個新的標準(在2017年,使用這種支付方式的人數(shù)幾乎翻了一番)。
根據(jù)Juniper Research的一份報告,使用Apple Pay和Android Pay的用戶數(shù)量分別達到了86萬和2400萬
無現(xiàn)金支付發(fā)展迅速,幾乎能夠改變?nèi)粘5慕灰追绞健O裨谥袊瑹o現(xiàn)金支付的用戶的越來越多,這也被認為是一種更好的支付方式。
對于移動應用開發(fā)者來說,這意味著什么?這意味著,在2018年,我們將不得不提供Apple Pay或Android Pay作為我們產(chǎn)品支付的默認方式(無論是離線還是在線)。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務