淺談幾個(gè)在交互設(shè)計(jì)實(shí)踐中的誤區(qū)
傳統(tǒng)的設(shè)計(jì),主要走的是視覺路子,這塊兒東西挖得很深;講究傳達(dá),把設(shè)計(jì)師想表達(dá)的東西、情感、境界通過設(shè)計(jì)的內(nèi)容傳達(dá)給用戶;而現(xiàn)代設(shè)計(jì),除了表達(dá)這些元素之外,更講究“用戶體驗(yàn)”“沉浸式”“用戶行為和操作”,這些元素都必須綜合的加以考慮,才能得到用戶的認(rèn)可。
簡單來說,主要就是加入了“交互”概念。現(xiàn)在各種概念有很多,簡單來說,就是這個(gè)設(shè)計(jì)好的東西,對用戶操作,“有反應(yīng)”,這種“反應(yīng)”將賦予內(nèi)容新的內(nèi)涵,擁有生命。 但在實(shí)踐中設(shè)計(jì)師經(jīng)常會遇到幾個(gè)誤區(qū): 有些交互設(shè)計(jì)師往往會覺得現(xiàn)在有的交互方式都太老土了,想方設(shè)法創(chuàng)造出一套自己的交互方式來,然后自己多用了幾遍就覺得真的很順手。殊不知破壞了很多經(jīng)典的交互方式,且用戶操作起來非常地困惑。 小建議:可以還是多看看蘋果和谷歌發(fā)布的最基本的交互設(shè)計(jì)的法則,虛心想想他們?yōu)槭裁磿?guī)定這樣做設(shè)計(jì)呢?如果不是這樣,會帶來什么問題啊?慢慢學(xué)會走了,那你跑啊,跳啊都沒有問題,否則怎么都容易摔跟頭。 有些設(shè)計(jì)師在設(shè)計(jì)手機(jī)頁面的時(shí)候,從來不在手機(jī)上去檢查頁面上元素的位置和尺寸。所有設(shè)計(jì)都是在電腦上完成。看著覺得位置差不多了,就這樣吧。直到最后放到手機(jī)上一看,按鈕太小,行距太小,字體太小,什么都得重來。 小建議:先在紙上畫原型圖,手機(jī)拍照存到手機(jī)中,然后用一個(gè)手機(jī)端的簡單的工具,比如Prototype on Paper(POP)之類的將頁面大小調(diào)到與手機(jī)屏幕一樣。再進(jìn)行點(diǎn)擊操作(POP提供簡單的交互操作),看按鈕的位置和大小沒有太大的問題了,將原型圖導(dǎo)入電腦中進(jìn)行設(shè)計(jì)細(xì)化。在電腦上設(shè)計(jì)細(xì)化的過程中也應(yīng)該不斷地在手機(jī)上進(jìn)行檢查,是否適用于手機(jī)頁面。 確實(shí)做交互設(shè)計(jì)往往涉及到較為復(fù)雜的操作方式和展示行為,往往都需要前端程序員、Flash程序員、HTML5程序的支持,光憑設(shè)計(jì)師往往是不能單獨(dú)完成的。 小建議:市面上已經(jīng)有很多工具,例如 Axure, Balsamiq,Visio等,可以幫助設(shè)計(jì)師輕松地實(shí)現(xiàn)交互效果,做一些簡單的靜態(tài)的原型是足夠了。如果設(shè)計(jì)師希望功能更加強(qiáng)大一些,可以嘗試最近比較紅的VXPLO互動大師,一款免費(fèi)的交互編輯軟件,幾乎所有復(fù)雜的交互都可以通過這個(gè)工具來快速實(shí)現(xiàn)。如果你實(shí)在是沒有時(shí)間學(xué)習(xí)代碼,或是對代碼很感冒,直接用工具是個(gè)事半功倍的方法。 交互設(shè)計(jì)有很多的邏輯在其中,天生邏輯感強(qiáng)的人一定是有優(yōu)勢的。 小建議:天道酬勤這句話在什么行業(yè)內(nèi)都適用。如果你每天都有很多時(shí)間在思考一些好的案例邏輯,泡在各種高手論壇里面交流,最重要的是,多實(shí)踐!不需要界面做得多好看,哪怕只是在紙上畫草圖,但也要記錄交互的每個(gè)步驟。初期也可以把一些好的交互案例模擬地畫出來,仔細(xì)研究。最后,記得要把你的作品拿給小白用戶使用,收集他們的交互反饋,甚至是面部表情(是的?。缓笤俾倪M(jìn)。 交互設(shè)計(jì),是一個(gè)“創(chuàng)意+思考實(shí)現(xiàn)方式+實(shí)踐+用戶反饋”的過程,整個(gè)過程是可以閉環(huán)的,當(dāng)然這也給交互設(shè)計(jì)創(chuàng)造更多的實(shí)踐價(jià)值。其中“思考實(shí)現(xiàn)方式”的過程,有點(diǎn)像做數(shù)學(xué)題,一旦證明了之后,這種成就感會讓你快樂很長一段時(shí)間! 本文由作者 @VXPLO互動大師 授權(quán)發(fā)布,轉(zhuǎn)載請注明來源 @人人都是產(chǎn)品經(jīng)理 并注明本文鏈接?“我覺得這樣的交互有創(chuàng)意且順手”。
對著電腦屏幕:“這個(gè)按鈕放在這里正合適”。
?“交互設(shè)計(jì)太難了,做得好一定要會代碼才行”。
“我天生邏輯差,應(yīng)該不適合做交互設(shè)計(jì)吧”。
…
拖得再明顯點(diǎn)