新鄉市逗號網(wǎng)絡(luò )技術(shù)有限公司

行業(yè)觀(guān)點(diǎn)
當前位置:首頁(yè) > 觀(guān)點(diǎn) > 文章詳情

交互設計是一種思維過(guò)程

  • 閱讀:10388
  • 發(fā)布時(shí)間:2016/7/29 10:28:12
  • 來(lái)源:轉載
  • 分享:

熱門(mén)

       交互設計師是一個(gè)對綜合能力要求很多的職業(yè),無(wú)法“說(shuō)一不二”。工具固然很重要,現在很多大企業(yè)的設計部門(mén)都在制定設計標準,規范性的軟件工具掌握越來(lái)越受到關(guān)注。 不過(guò)我認為設計師要少些“匠氣”,多思考“為什么”,“怎么做”;也就是從“術(shù)”逐步轉化為“道”的層面。這么說(shuō)起來(lái)似乎太玄。這段時(shí)間我一直在想一個(gè)問(wèn)題—設計,尤其是交互設計是否可以歸結為思維過(guò)程。


思維方式一:從“平面”到“舞臺”的設計

       一位交互設計前輩曾說(shuō)設計思維的局限有時(shí)在于太拘泥于面前的那個(gè)“方塊”,如果你把面前的二維方形界面轉化一個(gè)思維,將它翻轉一下,看成一個(gè)舞臺,你需要的元素都是你的演員,什么時(shí)候轉場(chǎng),什么時(shí)候出現那位角色,如何出現……很多事情都會(huì )豁然開(kāi)朗。 

       其實(shí)這種思維方法,就把平時(shí)面對的二維交互界面貼合用戶(hù)接觸的三維、四維空間,達到模擬現實(shí),增加用戶(hù)操作的感知和理解。 

       或許剛這樣說(shuō),可能還無(wú)法hold。舉個(gè)例子,在實(shí)際工作中,我們可能會(huì )和團隊一起討論這個(gè)頁(yè)面是否應該出現某功能,出現在哪里?以及這個(gè)功能元素如何出現??赡艽蠹覡幷摬恍?,誰(shuí)也沒(méi)有特別能服眾的理由。其實(shí)這個(gè)時(shí)候就可以使用這種思維方法,把這個(gè)功能元素當作演員,如果你是導演,那么這個(gè)演員應該在:

       何時(shí)出現,用戶(hù)什么時(shí)候需要它? 

       演員在合適的時(shí)間來(lái)到合適的位置上,出現在哪里才不會(huì )影響主角的風(fēng)采,也足夠醒目呢:它的出現會(huì )影響我主要功能嗎?它的出現用戶(hù)可以感知到嗎? 它的出場(chǎng)是該漸漸顯露還是突然出現呢:轉場(chǎng)、 跳轉、 浮出還是彈出合適? 


思維方式二:交互設計是關(guān)于“時(shí)間”的

       上述的思維方式還幫助我們思考“何時(shí)出現”,這就是交互設計中非常重要的“時(shí)間線(xiàn)”的設計。設計都是有時(shí)間的,可能很多設計師包括我自己都經(jīng)常忽略到這點(diǎn)。用戶(hù)是從開(kāi)始到后面有時(shí)間流逝活動(dòng)的對象,隨著(zhù)時(shí)間的推移,交互介質(zhì)和交互場(chǎng)景都會(huì )發(fā)生轉化。 即使同一個(gè)元素,不同時(shí)間狀態(tài)上展示的方式都應該有所不同。關(guān)于這一點(diǎn)舉個(gè)簡(jiǎn)單的例子你就會(huì )馬上明白。

       app store 對于軟件的安裝中,你會(huì )發(fā)現,當你第一次安裝的時(shí)候,狀態(tài)顯示的是“免費”,即向用戶(hù)表明這是一款什么性質(zhì)的app。當已經(jīng)安裝但是有新的更新,則顯示“更新”,表示當前app有更新,可以點(diǎn)擊更新。當用戶(hù)已經(jīng)安裝新版本后,則顯示置灰的“已安裝”,告訴用戶(hù)你已經(jīng)安裝過(guò)了,不用再操作了。置灰是防止用戶(hù)誤操作的好方法,這個(gè)在《容錯性設計》中有描述這里就不多說(shuō)啦。 


思維方式三:“術(shù)”的過(guò)程

       這里的說(shuō)的“術(shù)”,不僅包含交互設計的初期需要掌握快速原型的方法(紙上快速表現也不錯哦),更多的是對常見(jiàn)交互模式的熟知。

       如果你認可:設計是用來(lái)解決問(wèn)題的。交互設計往往為問(wèn)題提供解決方案。那么,熟知已有的ui模式對于你用來(lái)解決常見(jiàn)問(wèn)題非常有用。

       例如,平行面板模式(手風(fēng)琴模式)可以收起(一次只顯示一個(gè)),也可以展開(kāi)(同時(shí)顯示全部)。這種模式適合組織大量類(lèi)似或相互影響的信息,讓用戶(hù)在同一頁(yè)面獲得信息。應用在:需要申請者需要填寫(xiě)各種沒(méi)有順序的類(lèi)別目錄。

       更多關(guān)于設計模式的可以參考《常見(jiàn)UI設計模式》。除了這些平時(shí)需要多看不同的產(chǎn)品界面,接觸越多拿出手的才能越多。 


思維方式四:創(chuàng )新

       記得讀研的時(shí)候,做裝置藝術(shù)的一位導師說(shuō):“所謂設計的創(chuàng )新就是把本應該大的東西做小,本應該小的東西放大?!爆F在想來(lái),其實(shí)可以擴散開(kāi)來(lái),把一些常規的組合打散,把一些元素重新組合。擺脫常規就是一種創(chuàng )新。

       比如之前看到的一個(gè)按鈕,把loading狀態(tài)和取消組合在一起了,這就不同于我們常見(jiàn)的長(cháng)條狀進(jìn)度條,右側取消按鈕的模式。這種把不同元素重新組合一起就是一種創(chuàng )新。

上一篇:新鄉市逗號網(wǎng)絡(luò )技術(shù)有限公司官方網(wǎng)站改版成功?。?!

下一篇:淺析——平面與網(wǎng)頁(yè)設計的差異性