當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內(nèi)容

設計知識,聊聊交互設計的相關事。

來源:優(yōu)設網(wǎng) 作者:陳子木 學習:2841人次

 

最近幾年,交互設計這個詞被提得非常頻繁?墒,UI設計見了一大把,你卻很少能見到真正的交互設計師。那么到底什么才是真正的交互設計呢?怎樣才能成為真正的交互設計師呢?今天,就讓我們圍繞著這兩個問題來聊聊交互設計。

什么是交互設計

交互設計的過程中,設計師會將富有邏輯操作和深思熟慮的動作引入界面中,打造出引人入勝的網(wǎng)頁和UI。成功的交互設計師善于使用技術和良好的交互規(guī)則來打造理想的用戶體驗。

近10年來涉及到網(wǎng)頁和APP的交互設計是談論的比較多的,但是更廣泛意義上的交互設計則提及較少。在探討交互設計的時候,被引用的最多的其實是Bob Baxley于2002年所寫的系列文章,這組由12篇組成的系列文章詳細界定了網(wǎng)頁交互設計。

這個名為“交互設計簡介”的系列文章將交互設計分割為5個主要的部分,這種劃分方式延續(xù)至今:

·人機溝通:設備和用戶之間信息的傳遞和翻譯。
·操作與反饋:當交互發(fā)生時一切是如何發(fā)生和展開的。
·狀態(tài):不同的狀態(tài)的存在,確保用戶了解正在發(fā)生什么,以及應用為何進入這種狀態(tài)。
·工作流:讓用戶明白誰可以做什么,以及接下來會發(fā)生什么。
·故障:故障是必然會發(fā)生的,必須納入考慮范疇以內(nèi)。

除此之外,在進行交互設計的過程中,還有一些其他的問題需要牢記。Usability.gov 這個網(wǎng)站中總結了基本的6大類總計14個不同的問題,它們可以幫你在設計過程中搭建起整個交互的體系。

·用戶是如何用鼠標、手指和手寫筆同界面進行交互的呢?
·用戶會向界面發(fā)出什么樣的交互指令(操作)?
·界面會用什么樣的提示來告知用戶它的功用?
·在用戶進行操作之前,作為交互設計師的你會如何讓用戶明白操作之后會發(fā)生什么?
·為了防止出錯你會提供怎樣的限制?
·報錯信息是否能告知用戶解決問題的方法?
·當一個操作發(fā)生的時候,用戶會得到怎樣的反饋?
·在用戶操作和界面反饋之間有多長的響應時間?
·界面元素的尺寸是否與交互方式相事宜?
·邊緣和角落是否被有意識有策略地放置交互元素?
·你是否遵循了設計標準?
·信息是否被(合理地)分割為幾個不同的條目?
·用戶終端是否盡可能簡單?
·你是否使用了(用戶)熟悉的格式?

交互設計師所扮演的角色

如果你發(fā)現(xiàn)自己經(jīng)?紤]以上的問題,或者經(jīng)常被問及上述問題,那就意味著你正在做著交互設計師的工作。

交互設計師是一個橫跨設計、開發(fā)、創(chuàng)意和營銷團隊的職位,你會幫助這些團隊來構建設計策略,確立產(chǎn)品的關鍵性交互,創(chuàng)建概念測試原型,保持技術更新,并確保產(chǎn)品緊跟趨勢。

似乎聽起來交互設計師這個職位是一個包含太多概念的模糊職位。簡單說起來,交互設計師就是確保數(shù)字產(chǎn)品能被用戶輕松玩轉(zhuǎn)的那個人。

而交互設計師的職業(yè)走向是多變的。有些正式的設計院校和培訓機構會教授交互設計,但是更多的交互設計知識是來自于項目實踐。不過交互設計師有個共性:他們對事物運作的規(guī)律有著極大的好奇心,不懼問題,善于視覺化的表達,善于將視覺元素和概念以新的型態(tài)呈現(xiàn)出來。

交互設計的概念和原則

那么,真正推動交互設計領域發(fā)展的是什么?有是什么讓交互設計區(qū)別于其他的設計?其實,界限很模糊。我們常常談及交互設計,是因為交互承載了許多東西,容易被關注到。事實上,要成就一個好的數(shù)字產(chǎn)品、網(wǎng)頁或者應用,交互設計只是成就它們的一個方面。

2009年UX Booth所出版的《Complete Beginner’s Guide to Interaction Design》(交互設計新手完全指南)仍然是一本很好的參考書。那些真正推動交互設計概念發(fā)展的工具和因素其實一直沒變。

接下來看一些有關交互設計的概念吧。

·目標驅(qū)動設計:為什么你的設計和交互會存在?它們的存在,是確保你的網(wǎng)站或者應用能做好要做的事情。
·界面的魔法:“最好的交互設計是不存在的,它們不會在加載和響應上耗時,不會令用戶思考,也不會給用戶糾結和悲傷的理由。”
·易用性:“界面能讓底層的系統(tǒng)易于被理解并且被用戶所青睞。”
·可供性:“最佳的工業(yè)設計和交互設計都能自圓其說,形式服務于功能。”
·易學性:“許多構成實用的交互界面的元素都頗為相似。……面對相似的問題,最好的交互設計師不會重復設計輪子,相反他們會遵循一些模式來設計。”

交互設計案例

說完概念,該看案例。

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

設計知識,聊聊交互設計的相關事。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!