用戶(hù)體驗(yàn)之動(dòng)態(tài)設(shè)計(jì)

在設(shè)計(jì)領(lǐng)域，動(dòng)態(tài)設(shè)計(jì)常以精美流暢的體驗(yàn)過(guò)程來(lái)描述元素的空間關(guān)系、功能性以及意圖?？赡苈?tīng)起來(lái)像是一個(gè)很大的概念，但如果利用得當(dāng)，它便是微妙而自然的。體貼的動(dòng)態(tài)設(shè)計(jì)能夠提升用戶(hù)在傳統(tǒng)設(shè)計(jì)元素上的體驗(yàn)。

所以讓我們來(lái)談?wù)剟?dòng)態(tài)設(shè)計(jì)的基本要點(diǎn)，為何以及何時(shí)你想在你的界面設(shè)計(jì)中用到它，它又是如何幫助你提升你的用戶(hù)體驗(yàn)的。

基于動(dòng)態(tài)的設(shè)計(jì)

每一個(gè)動(dòng)態(tài)設(shè)計(jì)都好似講述著一個(gè)生動(dòng)鮮活的故事。它詮釋了一個(gè)程序是如何組織有序的，以及用戶(hù)能用它來(lái)做些什么。這種動(dòng)態(tài)設(shè)計(jì)驅(qū)動(dòng)了整個(gè)用戶(hù)界面的體驗(yàn)——它似乎重新定義了導(dǎo)航一樣，通過(guò)添加一個(gè)新的層級(jí)上的深度交互創(chuàng)建出一個(gè)更加自然的體驗(yàn)過(guò)程。對(duì)于每一次按鈕點(diǎn)擊和屏幕轉(zhuǎn)場(chǎng)來(lái)講，似乎都有一個(gè)故事發(fā)生，而正是良好的動(dòng)態(tài)設(shè)計(jì)來(lái)幫助你講述這個(gè)故事。

為何動(dòng)態(tài)設(shè)計(jì)如此重要？

當(dāng)用戶(hù)跟你的產(chǎn)品產(chǎn)生交互時(shí)，他們可能會(huì)好奇下面幾個(gè)問(wèn)題：

“這里什么最重要?”

“我怎么知道下一步要做什么?”

“我怎么知道我已經(jīng)完成了我的任務(wù)?”

諸如這樣的問(wèn)題向我們揭示了使用動(dòng)態(tài)設(shè)計(jì)來(lái)提升用戶(hù)體驗(yàn)的好時(shí)機(jī)。通過(guò)這種設(shè)計(jì)便回答了以上問(wèn)題：

動(dòng)態(tài)能夠吸引用戶(hù)的注意力并會(huì)在用戶(hù)完成點(diǎn)擊/手勢(shì)操作后暗示將會(huì)發(fā)生什么。

它幫助你的用戶(hù)適應(yīng)用戶(hù)界面并在不同視圖間提供了指導(dǎo)焦點(diǎn)。

它提供了一種視覺(jué)反饋。

除此之外，動(dòng)態(tài)設(shè)計(jì)向用戶(hù)體驗(yàn)帶來(lái)了另一個(gè)重要的事情：愉悅感。相比于冰冷嚴(yán)肅的產(chǎn)品，我們都欣賞那些親切而令人愉悅的產(chǎn)品。這就是為何設(shè)計(jì)師們應(yīng)該嘗試找到某種解決方案，以使用戶(hù)在使用上感覺(jué)更自然流暢并能喚起用戶(hù)情感上的聯(lián)系的原因。

動(dòng)態(tài)設(shè)計(jì)語(yǔ)言

動(dòng)態(tài)設(shè)計(jì)允許我們接觸到更好的交互，并更容易的理解其變化過(guò)程。在動(dòng)態(tài)設(shè)計(jì)的元素中，我們可以看到各種各樣的形式，包括過(guò)渡轉(zhuǎn)場(chǎng)、動(dòng)畫(huà)和甚至是模擬3D深度的質(zhì)地紋理。

動(dòng)態(tài)設(shè)計(jì)的主要挑戰(zhàn)是如何使得用戶(hù)不從他們正在嘗試做的事情中分心出來(lái)。

吸引用戶(hù)的注意力

動(dòng)態(tài)可以將用戶(hù)的注意力吸引到某個(gè)特定位置——或者幫用戶(hù)從整體中區(qū)分出某個(gè)部分。優(yōu)秀的動(dòng)態(tài)設(shè)計(jì)能夠使得用戶(hù)界面更具預(yù)見(jiàn)性和更易導(dǎo)航。它可以幫助用戶(hù)的眼睛看到一個(gè)新的對(duì)象來(lái)自哪里或?qū)ο箅[藏到了哪里，同時(shí)為用戶(hù)提供了一定的線索，指示出要發(fā)生什么。

使界面元素間空間關(guān)系合乎邏輯

界面的狀態(tài)變化一般情況下會(huì)伴隨生硬的斷層，導(dǎo)致用戶(hù)在認(rèn)知上很難跟上進(jìn)度。在認(rèn)知科學(xué)中，這被稱(chēng)作“變化盲視”——即當(dāng)視覺(jué)刺激突然變化時(shí)，用戶(hù)卻無(wú)法觀察到的現(xiàn)象。用戶(hù)需要去理解眼前的事物從何而來(lái)，以及如何才能重新找到它們，這樣他們就不會(huì)感覺(jué)到前后之間的斷層。而這只是因?yàn)樵诂F(xiàn)實(shí)世界中這種斷層并不存在。

動(dòng)態(tài)設(shè)計(jì)通過(guò)定義了屏幕和元素的空間關(guān)系來(lái)填補(bǔ)了這塊理解上的缺口。它幫助用戶(hù)適應(yīng)這種圖形界面并確立其內(nèi)在的視覺(jué)關(guān)系。如下面的例子中，用戶(hù)被引導(dǎo)到下一個(gè)視圖和界面轉(zhuǎn)場(chǎng)，傳達(dá)了層次結(jié)構(gòu)關(guān)系:

確認(rèn)操作

動(dòng)態(tài)設(shè)計(jì)能夠強(qiáng)化用戶(hù)的操作體驗(yàn)。任何一個(gè)點(diǎn)擊過(guò)的按鈕或者要轉(zhuǎn)場(chǎng)的屏幕，都是使用動(dòng)態(tài)設(shè)計(jì)的好時(shí)機(jī)。視覺(jué)上的回應(yīng)可以吸引和取悅用戶(hù)。例如，讓我們看看當(dāng)iOS中輸入錯(cuò)誤的密碼時(shí)動(dòng)畫(huà)是如何幫助幫助用戶(hù)的:

第一眼看上去，這種晃動(dòng)的動(dòng)畫(huà)設(shè)計(jì)似乎要比更直接的顯示錯(cuò)誤標(biāo)示浪費(fèi)時(shí)間。然而，在實(shí)際中，一個(gè)用戶(hù)可能可能要花個(gè)幾秒鐘來(lái)定位錯(cuò)誤消息，進(jìn)而找出問(wèn)題究竟出在哪里，而不是注意到動(dòng)畫(huà)并立刻理解問(wèn)題。

帶來(lái)愉悅感

動(dòng)態(tài)設(shè)計(jì)可以促使你的用戶(hù)體驗(yàn)過(guò)程確實(shí)愉悅用戶(hù)甚至令人難忘。作為一名設(shè)計(jì)師，在工作中，你應(yīng)該盡量將自己融入其中，并設(shè)計(jì)出能夠令用戶(hù)喜愛(ài)和記住的具有獨(dú)特魅力的動(dòng)態(tài)設(shè)計(jì)。通過(guò)在設(shè)計(jì)中加入微妙的動(dòng)態(tài)效果，你能夠讓用戶(hù)感覺(jué)到他們是在跟一些有個(gè)性的東西在產(chǎn)生交互。

結(jié)論

動(dòng)態(tài)設(shè)計(jì)將是設(shè)計(jì)技術(shù)的下一階段。這是一個(gè)自然的交互方式，在未來(lái)的設(shè)計(jì)中絕對(duì)至關(guān)重要。 我們需要跟靜態(tài)的用戶(hù)界面說(shuō)再見(jiàn)，而去創(chuàng)造出更生動(dòng)自然的動(dòng)態(tài)界面。為你的程序創(chuàng)建一個(gè)動(dòng)態(tài)設(shè)計(jì)語(yǔ)言將會(huì)提升你的品牌并使設(shè)計(jì)上更加出色。

本文來(lái)自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián) 

標(biāo)簽：創(chuàng)新互聯(lián),手機(jī)建站,企業(yè)建網(wǎng)站,響應(yīng)式網(wǎng)站

名稱(chēng)欄目：用戶(hù)體驗(yàn)之動(dòng)態(tài)設(shè)計(jì)
分享地址：http://www.muchs.cn/news46/170246.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有用戶(hù)體驗(yàn)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)