【SDC46期設計講座】對交互界面的動效感到好奇?看上去舒適的緩動效果都是怎么實現(xiàn)的?前期又是怎么規(guī)劃設計的?本期嘉賓新浪微博品牌視覺設計師@二毛角 案例實操手把手教你交互界面動效的設計與實現(xiàn)
1:請老師做一下簡單的自我介紹吧? 生曦?,F(xiàn)職于新浪微博用戶研究體驗設計中心,品牌設計師。
2:請問老師您目前主要的工作內容是什么? 主要是負責微博移動客戶端品牌推廣,包括各移動平臺的開機畫面、功能引導、以及上線推廣宣傳以及重要事件和產品重要功能的推廣。還包括其他項目的設計展示,動效實現(xiàn)等。
3:能簡單介紹下您目前所在的團隊嗎? 用戶體驗設計中心主要是負責新浪微博無線產品、網頁以及周邊等所有產品的用戶研究、體驗設計,品牌視覺、以及推廣宣傳等 我所在品牌部門,主要是打造微博自身品牌形象,提高品牌認知辨識度,提高品牌質量。也會支持其他的產品部門提高用戶體驗以及運營部門提高推廣效率等。
4:老師您的作品偏向交互,在做這些項目的過程當中,應當多注意哪些,可以提出幾個小點嘛? 因為比較擅長于做一些可交互的設計展示,所以有部分項目中會結合視覺設計師和工程設計師實現(xiàn)開發(fā)工作,所有積累了一些有關與交互界面的設計方法,不僅僅是對交互有一些幫助,而且應該對視覺更有意義。設計師應該共同進步。在項目過程中有幾個應該注意的問題:1,應該注意設計成本,以及對實現(xiàn)效果的預判,從而選擇合適的設計工具和展示方式。2,應該注意實現(xiàn)成本,避免設計后期的返工、實現(xiàn)成本過大化。3,應該注意體驗一體化,避免局部完成度高,而整體性完成度低。
5:老師,怎么樣才能讓交互做的更舒服、更適應用戶? 我覺得讓用戶更舒服應該是設計體驗的提升。應該包括兩個方面。1從效率角度上講,讓用戶感覺速度更快、反應過程更加靈敏、邏輯更加清晰。從。2從情感上講,要循序基本的交互規(guī)則。合理的利用人機交互的特點,借鑒真實操作體驗數(shù)字模擬到交互體驗,做到越自然越好。
6:老師,需求邏輯有沖突時,應該聽誰的,如何避免反復和爭執(zhí)? 如果已經發(fā)生,需要盡快讓各部門的認知達到一致。通過溝通、測試確定問題點,針對問題提出解決方法,重新確定需求邏輯。 如果沒有發(fā)生,在產品研發(fā)中,通過盡可能的體現(xiàn)高保真的交互原型,以及更加真實的產品操作體驗來模擬產品最終形態(tài)來讓各個設計與實現(xiàn)部門在前期達到認知一致。減少或者避免研發(fā)過程的中的大范圍調整和返工帶來的成本。 不過這些都是在所難免的,也是企業(yè)的成本所在,盡量減少和避免問題,也是團隊磨合的重要過程。
7:老師可以推薦幾本您喜歡的交互設計書籍或者站點呢? <交互設計精髓>(這個比較基礎); <給設計師看的交互程序設計書>(用數(shù)學的方法去解釋運動狀態(tài))這本書非常有意思,如有有as基礎的朋友可以關注,很多有一意思的變形曲線,運動方式可以通過一定的計算得到。只要計算可以得到就意味著可以被應用到交互中; Meaningful transitions(動效在界面中的應用) 這個是非常久之前的一個梳理,對于移動界面的拓展以及動效設計非常有借鑒,當然現(xiàn)在已經有更多的新形勢出現(xiàn)。為了能更好的理解這些內容,我從今天開始還原和補充里面中的一些形勢。并且利用這些功能去實現(xiàn)一些好的設計。是一個不錯的學習空間。
部分作品展示: