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