設(shè)計知識,聊聊交互設(shè)計的相關(guān)事。
最近幾年,交互設(shè)計這個詞被提得非常頻繁。可是,UI設(shè)計見了一大把,你卻很少能見到真正的交互設(shè)計師。那么到底什么才是真正的交互設(shè)計呢?怎樣才能成為真正的交互設(shè)計師呢?今天,就讓我們圍繞著這兩個問題來聊聊交互設(shè)計。
什么是交互設(shè)計
交互設(shè)計的過程中,設(shè)計師會將富有邏輯操作和深思熟慮的動作引入界面中,打造出引人入勝的網(wǎng)頁和UI。成功的交互設(shè)計師善于使用技術(shù)和良好的交互規(guī)則來打造理想的用戶體驗。
近10年來涉及到網(wǎng)頁和APP的交互設(shè)計是談?wù)摰谋容^多的,但是更廣泛意義上的交互設(shè)計則提及較少。在探討交互設(shè)計的時候,被引用的最多的其實是Bob Baxley于2002年所寫的系列文章,這組由12篇組成的系列文章詳細界定了網(wǎng)頁交互設(shè)計。
這個名為“交互設(shè)計簡介”的系列文章將交互設(shè)計分割為5個主要的部分,這種劃分方式延續(xù)至今:
·人機溝通:設(shè)備和用戶之間信息的傳遞和翻譯。
·操作與反饋:當(dāng)交互發(fā)生時一切是如何發(fā)生和展開的。
·狀態(tài):不同的狀態(tài)的存在,確保用戶了解正在發(fā)生什么,以及應(yīng)用為何進入這種狀態(tài)。
·工作流:讓用戶明白誰可以做什么,以及接下來會發(fā)生什么。
·故障:故障是必然會發(fā)生的,必須納入考慮范疇以內(nèi)。
除此之外,在進行交互設(shè)計的過程中,還有一些其他的問題需要牢記。Usability.gov 這個網(wǎng)站中總結(jié)了基本的6大類總計14個不同的問題,它們可以幫你在設(shè)計過程中搭建起整個交互的體系。
·用戶是如何用鼠標、手指和手寫筆同界面進行交互的呢?
·用戶會向界面發(fā)出什么樣的交互指令(操作)?
·界面會用什么樣的提示來告知用戶它的功用?
·在用戶進行操作之前,作為交互設(shè)計師的你會如何讓用戶明白操作之后會發(fā)生什么?
·為了防止出錯你會提供怎樣的限制?
·報錯信息是否能告知用戶解決問題的方法?
·當(dāng)一個操作發(fā)生的時候,用戶會得到怎樣的反饋?
·在用戶操作和界面反饋之間有多長的響應(yīng)時間?
·界面元素的尺寸是否與交互方式相事宜?
·邊緣和角落是否被有意識有策略地放置交互元素?
·你是否遵循了設(shè)計標準?
·信息是否被(合理地)分割為幾個不同的條目?
·用戶終端是否盡可能簡單?
·你是否使用了(用戶)熟悉的格式?
交互設(shè)計師所扮演的角色
如果你發(fā)現(xiàn)自己經(jīng)?紤]以上的問題,或者經(jīng)常被問及上述問題,那就意味著你正在做著交互設(shè)計師的工作。
交互設(shè)計師是一個橫跨設(shè)計、開發(fā)、創(chuàng)意和營銷團隊的職位,你會幫助這些團隊來構(gòu)建設(shè)計策略,確立產(chǎn)品的關(guān)鍵性交互,創(chuàng)建概念測試原型,保持技術(shù)更新,并確保產(chǎn)品緊跟趨勢。
似乎聽起來交互設(shè)計師這個職位是一個包含太多概念的模糊職位。簡單說起來,交互設(shè)計師就是確保數(shù)字產(chǎn)品能被用戶輕松玩轉(zhuǎn)的那個人。
而交互設(shè)計師的職業(yè)走向是多變的。有些正式的設(shè)計院校和培訓(xùn)機構(gòu)會教授交互設(shè)計,但是更多的交互設(shè)計知識是來自于項目實踐。不過交互設(shè)計師有個共性:他們對事物運作的規(guī)律有著極大的好奇心,不懼問題,善于視覺化的表達,善于將視覺元素和概念以新的型態(tài)呈現(xiàn)出來。
交互設(shè)計的概念和原則
那么,真正推動交互設(shè)計領(lǐng)域發(fā)展的是什么?有是什么讓交互設(shè)計區(qū)別于其他的設(shè)計?其實,界限很模糊。我們常常談及交互設(shè)計,是因為交互承載了許多東西,容易被關(guān)注到。事實上,要成就一個好的數(shù)字產(chǎn)品、網(wǎng)頁或者應(yīng)用,交互設(shè)計只是成就它們的一個方面。
2009年UX Booth所出版的《Complete Beginner’s Guide to Interaction Design》(交互設(shè)計新手完全指南)仍然是一本很好的參考書。那些真正推動交互設(shè)計概念發(fā)展的工具和因素其實一直沒變。
接下來看一些有關(guān)交互設(shè)計的概念吧。
·目標驅(qū)動設(shè)計:為什么你的設(shè)計和交互會存在?它們的存在,是確保你的網(wǎng)站或者應(yīng)用能做好要做的事情。
·界面的魔法:“最好的交互設(shè)計是不存在的,它們不會在加載和響應(yīng)上耗時,不會令用戶思考,也不會給用戶糾結(jié)和悲傷的理由。”
·易用性:“界面能讓底層的系統(tǒng)易于被理解并且被用戶所青睞。”
·可供性:“最佳的工業(yè)設(shè)計和交互設(shè)計都能自圓其說,形式服務(wù)于功能。”
·易學(xué)性:“許多構(gòu)成實用的交互界面的元素都頗為相似。……面對相似的問題,最好的交互設(shè)計師不會重復(fù)設(shè)計輪子,相反他們會遵循一些模式來設(shè)計。”
交互設(shè)計案例
說完概念,該看案例。
Move Product by Barthelemy Chalvet (AgenceMe)
Weather App by Sergey Valiukh
Fiche by Barthelemy Chalvet
Material Design Animation
Mobile Animations & Interactions
Team Messages by Jan Losert
Float Label Form Interaction by Matt D. Smith
學(xué)習(xí) · 提示
相關(guān)教程