天津UI設(shè)計(jì)培訓(xùn)，UI設(shè)計(jì)的7個(gè)小交互

說UI設(shè)計(jì)火不火，其實(shí)也不太好判斷，說UI設(shè)計(jì)掙不掙錢，那就看實(shí)例，看你聽過的，見過的，之前在知乎上刷到一個(gè)問題，一畢業(yè)就月入過萬是怎么一種體驗(yàn)，點(diǎn)贊最多的他是UI設(shè)計(jì)師。而如何在UI設(shè)計(jì)行業(yè)中更上一層樓呢，那么就是做交互。誠筑說UI設(shè)計(jì)培訓(xùn)，的AE交互課程也不是白存在的。

　　言歸正傳，眾所周知，我們總是依據(jù)封面來判斷書的好壞，聰明的設(shè)計(jì)師會(huì)創(chuàng)造實(shí)用有吸引力的界面。潛在用戶可能會(huì)被吸引，那么接下來的重點(diǎn)就是如何增加用戶粘度，要試著回答這個(gè)問題，所有一切都指向人本設(shè)計(jì)（也就是用戶體驗(yàn)，以人為本）其中用戶是最主要的考量。當(dāng)你的界面應(yīng)當(dāng)成為用戶好朋友，一定會(huì)增加用戶粘度了。（這是一個(gè)產(chǎn)品應(yīng)該考慮的問題，然而誠筑說UI學(xué)習(xí)的同學(xué)同樣也要學(xué)習(xí)）

　　這就是微交互的作用。精確的說，這主要是界面附帶的交互動(dòng)畫，使它更具表現(xiàn)力。

　　優(yōu)秀的動(dòng)畫能夠：

　　· 表達(dá)狀態(tài)并提供反饋

　　· 提升直接的操縱感

　　· 將操作結(jié)果可視化

　　接下來就是真正用到技術(shù)的7個(gè)微交互了1. 顯示系統(tǒng)狀態(tài)

　　Jakob Nielsen在可用性原則啟示*條中描述：讓用戶始終知曉當(dāng)前在發(fā)生什么。用戶希望立馬得到回應(yīng)，但總有些情況下，網(wǎng)站需要一點(diǎn)時(shí)間等待操作完成。

　　那么，界面就應(yīng)當(dāng)在背景處顯示圖形，反映完成百分比。或是播放聲音，讓用戶了解當(dāng)前發(fā)生的事情。這個(gè)原則也關(guān)系到文件傳輸：不要讓用戶覺得無聊，給他們看進(jìn)度條。即使是不太令人愉快的通知，比如傳輸失敗，也應(yīng)該以令人喜愛的方式展現(xiàn)。

　　2. 突出顯示變化

　　通常為了節(jié)省空間，應(yīng)用會(huì)在需要時(shí)把某個(gè)按鈕替換掉。有時(shí)我們需要展現(xiàn)通知，確保用戶注意到了。動(dòng)畫可以吸引他們注意，不至于忽略你認(rèn)為重要的信息。

　　3. 保持前后關(guān)聯(lián)

　　在這個(gè)智能手機(jī)和小屏幕智能手表的時(shí)代，難以在屏幕上展現(xiàn)大量信息。有一種處理方式，是在不同頁面之間保持清晰的導(dǎo)航。讓用戶理解什么東西來自何處，便能輕易回溯。有多種方式可以實(shí)現(xiàn)

　　4. 非標(biāo)準(zhǔn)布局

　　繼續(xù)之前的例子，微交互應(yīng)當(dāng)幫助用戶理解如何操作非標(biāo)準(zhǔn)的布局，去除不必要的疑惑。照片前后滑動(dòng)、滾動(dòng)式圖表和旋轉(zhuǎn)角色都是很棒的選擇：

　　5. 行動(dòng)號(hào)召

　　除了幫助用戶有效地操作應(yīng)用，微交互也有鼓勵(lì)用戶操作的能力：持續(xù)瀏覽、點(diǎn)贊或分享內(nèi)容，只因?yàn)檫@很有吸引力，用戶不舍離去

　　6. 輸入的視覺化

　　所有應(yīng)用中，數(shù)據(jù)錄入都是最重要的元素之一。數(shù)據(jù)錄入決定了用戶所得結(jié)果的質(zhì)量。通常，這部分很無趣，但微交互可以使它與眾不同：

　　7. 使教程生動(dòng)形象

　　當(dāng)然，在應(yīng)用發(fā)布后，動(dòng)畫可以教育用戶。它突出一些基本功能和控件，排除用戶在未來的使用中的障礙。

　　結(jié)論

　　所以，如果你重視用戶體驗(yàn)，就應(yīng)該從頭到尾精細(xì)打磨界面，通過微交互與動(dòng)畫為它增色添彩。也就是誠筑說為什么把AE課程作為UI設(shè)計(jì)培訓(xùn)的重點(diǎn)，它會(huì)為你的項(xiàng)目賦予生命。注意每個(gè)細(xì)節(jié)，是使人機(jī)交互易用的成功要訣。