400-611-9921
2016-08-08
2395
在設(shè)計領(lǐng)域,動態(tài)設(shè)計常以精美流暢的體驗(yàn)過程來描述元素的空間關(guān)系、功能性以及意圖。可能聽起來像是一個很大的概念,但如果利用得當(dāng),它便是微妙而自然的。體貼的動態(tài)設(shè)計能夠提升用戶在傳統(tǒng)設(shè)計元素上的體驗(yàn)。
所以讓我們來談?wù)剟討B(tài)設(shè)計的基本要點(diǎn),為何以及何時你想在你的界面設(shè)計中用到它,它又是如何幫助你提升你的用戶體驗(yàn)的。
基于動態(tài)的設(shè)計
每一個動態(tài)設(shè)計都好似講述著一個生動鮮活的故事。它詮釋了一個程序是如何組織有序的,以及用戶能用它來做些什么。這種動態(tài)設(shè)計驅(qū)動了整個用戶界面的體驗(yàn)——它似乎重新定義了導(dǎo)航一樣,通過添加一個新的層級上的深度交互創(chuàng)建出一個更加自然的體驗(yàn)過程。對于每一次按鈕點(diǎn)擊和屏幕轉(zhuǎn)場來講,似乎都有一個故事發(fā)生,而正是良好的動態(tài)設(shè)計來幫助你講述這個故事。
為何動態(tài)設(shè)計如此重要?
當(dāng)用戶跟你的產(chǎn)品產(chǎn)生交互時,他們可能會好奇下面幾個問題:
“這里什么最重要?”
“我怎么知道下一步要做什么?”
“我怎么知道我已經(jīng)完成了我的任務(wù)?”
諸如這樣的問題向我們揭示了使用動態(tài)設(shè)計來提升用戶體驗(yàn)的好時機(jī)。通過這種設(shè)計便回答了以上問題:
動態(tài)能夠吸引用戶的注意力并會在用戶完成點(diǎn)擊/手勢操作后暗示將會發(fā)生什么。
它幫助你的用戶適應(yīng)用戶界面并在不同視圖間提供了指導(dǎo)焦點(diǎn)。
它提供了一種視覺反饋。
除此之外,動態(tài)設(shè)計向用戶體驗(yàn)帶來了另一個重要的事情:愉悅感。相比于冰冷嚴(yán)肅的產(chǎn)品,我們都欣賞那些親切而令人愉悅的產(chǎn)品。這就是為何設(shè)計師們應(yīng)該嘗試找到某種解決方案,以使用戶在使用上感覺更自然流暢并能喚起用戶情感上的聯(lián)系的原因。
動態(tài)設(shè)計語言
動態(tài)設(shè)計允許我們接觸到更好的交互,并更容易的理解其變化過程。在動態(tài)設(shè)計的元素中,我們可以看到各種各樣的形式,包括過渡轉(zhuǎn)場、動畫和甚至是模擬3D深度的質(zhì)地紋理。
動態(tài)設(shè)計的主要挑戰(zhàn)是如何使得用戶不從他們正在嘗試做的事情中分心出來。
吸引用戶的注意力
動態(tài)可以將用戶的注意力吸引到某個特定位置——或者幫用戶從整體中區(qū)分出某個部分。優(yōu)秀的動態(tài)設(shè)計能夠使得用戶界面更具預(yù)見性和更易導(dǎo)航。它可以幫助用戶的眼睛看到一個新的對象來自哪里或?qū)ο箅[藏到了哪里,同時為用戶提供了一定的線索,指示出要發(fā)生什么。
使界面元素間空間關(guān)系合乎邏輯
界面的狀態(tài)變化一般情況下會伴隨生硬的斷層,導(dǎo)致用戶在認(rèn)知上很難跟上進(jìn)度。在認(rèn)知科學(xué)中,這被稱作“變化盲視”——即當(dāng)視覺刺激突然變化時,用戶卻無法觀察到的現(xiàn)象。用戶需要去理解眼前的事物從何而來,以及如何才能重新找到它們,這樣他們就不會感覺到前后之間的斷層。而這只是因?yàn)樵诂F(xiàn)實(shí)世界中這種斷層并不存在。
動態(tài)設(shè)計通過定義了屏幕和元素的空間關(guān)系來填補(bǔ)了這塊理解上的缺口。它幫助用戶適應(yīng)這種圖形界面并確立其內(nèi)在的視覺關(guān)系。如下面的例子中,用戶被引導(dǎo)到下一個視圖和界面轉(zhuǎn)場,傳達(dá)了層次結(jié)構(gòu)關(guān)系:
確認(rèn)操作
動態(tài)設(shè)計能夠強(qiáng)化用戶的操作體驗(yàn)。任何一個點(diǎn)擊過的按鈕或者要轉(zhuǎn)場的屏幕,都是使用動態(tài)設(shè)計的好時機(jī)。視覺上的回應(yīng)可以吸引和取悅用戶。例如,讓我們看看當(dāng)iOS中輸入錯誤的密碼時動畫是如何幫助幫助用戶的:
第一眼看上去,這種晃動的動畫設(shè)計似乎要比更直接的顯示錯誤標(biāo)示浪費(fèi)時間。然而,在實(shí)際中,一個用戶可能可能要花個幾秒鐘來定位錯誤消息,進(jìn)而找出問題究竟出在哪里,而不是注意到動畫并立刻理解問題。
帶來愉悅感
動態(tài)設(shè)計可以促使你的用戶體驗(yàn)過程確實(shí)愉悅用戶甚至令人難忘。作為一名設(shè)計師,在工作中,你應(yīng)該盡量將自己融入其中,并設(shè)計出能夠令用戶喜愛和記住的具有獨(dú)特魅力的動態(tài)設(shè)計。通過在設(shè)計中加入微妙的動態(tài)效果,你能夠讓用戶感覺到他們是在跟一些有個性的東西在產(chǎn)生交互。
結(jié)論
動態(tài)設(shè)計將是設(shè)計技術(shù)的下一階段。這是一個自然的交互方式,在未來的設(shè)計中絕對至關(guān)重要。 我們需要跟靜態(tài)的用戶界面說再見,而去創(chuàng)造出更生動自然的動態(tài)界面。為你的程序創(chuàng)建一個動態(tài)設(shè)計語言將會提升你的品牌并使設(shè)計上更加出色。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技
標(biāo)簽:縱天,手機(jī)建站,企業(yè)建網(wǎng)站,廣州響應(yīng)式網(wǎng)站
關(guān)注我們:在查找公眾號中搜索:zomsky1688,或者掃描下方二維碼快速關(guān)注。
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com