新鄉市佰柯技術服務有限公司

行業觀點
當前位置:首頁 > 觀點 > 文章詳情

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

  • 閱讀:10380
  • 發(fā)布時間:2016/7/29 10:28:12
  • 來源:轉載
  • 分享:

熱門

       交互設計師是一個對(duì)綜合能(néng)力要求很多的職業,無法“說一不二”。工具固然很重要,現在很多大企業的設計部門都(dōu)在制定設計标準,規範性的軟件工具掌握越來越受到關注。 不過(guò)我認爲設計師要少些“匠氣”,多思考“爲什麼(me)”,“怎麼(me)做”;也就是從“術”逐步轉化爲“道(dào)”的層面(miàn)。這(zhè)麼(me)說起(qǐ)來似乎太玄。這(zhè)段時間我一直在想一個問題—設計,尤其是交互設計是否可以歸結爲思維過(guò)程。


思維方式一:從“平面(miàn)”到“舞台”的設計

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

       其實這(zhè)種(zhǒng)思維方法,就把平時面(miàn)對(duì)的二維交互界面(miàn)貼合用戶接觸的三維、四維空間,達到模拟現實,增加用戶操作的感知和理解。 

       或許剛這(zhè)樣(yàng)說,可能(néng)還(hái)無法hold。舉個例子,在實際工作中,我們可能(néng)會和團隊一起(qǐ)讨論這(zhè)個頁面(miàn)是否應該出現某功能(néng),出現在哪裡(lǐ)?以及這(zhè)個功能(néng)元素如何出現。可能(néng)大家争論不休,誰也沒(méi)有特别能(néng)服衆的理由。其實這(zhè)個時候就可以使用這(zhè)種(zhǒng)思維方法,把這(zhè)個功能(néng)元素當作演員,如果你是導演,那麼(me)這(zhè)個演員應該在:

       何時出現,用戶什麼(me)時候需要它? 

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


思維方式二:交互設計是關于“時間”的

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

       app store 對(duì)于軟件的安裝中,你會發(fā)現,當你第一次安裝的時候,狀态顯示的是“免費”,即向(xiàng)用戶表明這(zhè)是一款什麼(me)性質的app。當已經(jīng)安裝但是有新的更新,則顯示“更新”,表示當前app有更新,可以點擊更新。當用戶已經(jīng)安裝新版本後(hòu),則顯示置灰的“已安裝”,告訴用戶你已經(jīng)安裝過(guò)了,不用再操作了。置灰是防止用戶誤操作的好(hǎo)方法,這(zhè)個在《容錯性設計》中有描述這(zhè)裡(lǐ)就不多說啦。 


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

       這(zhè)裡(lǐ)的說的“術”,不僅包含交互設計的初期需要掌握快速原型的方法(紙上快速表現也不錯哦),更多的是對(duì)常見交互模式的熟知。

       如果你認可:設計是用來解決問題的。交互設計往往爲問題提供解決方案。那麼(me),熟知已有的ui模式對(duì)于你用來解決常見問題非常有用。

       例如,平行面(miàn)闆模式(手風琴模式)可以收起(qǐ)(一次隻顯示一個),也可以展開(kāi)(同時顯示全部)。這(zhè)種(zhǒng)模式适合組織大量類似或相互影響的信息,讓用戶在同一頁面(miàn)獲得信息。應用在:需要申請者需要填寫各種(zhǒng)沒(méi)有順序的類别目錄。

       更多關于設計模式的可以參考《常見UI設計模式》。除了這(zhè)些平時需要多看不同的産品界面(miàn),接觸越多拿出手的才能(néng)越多。 


思維方式四:創新

       記得讀研的時候,做裝置藝術的一位導師說:“所謂設計的創新就是把本應該大的東西做小,本應該小的東西放大。”現在想來,其實可以擴散開(kāi)來,把一些常規的組合打散,把一些元素重新組合。擺脫常規就是一種(zhǒng)創新。

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

上一篇:新鄉市佰柯技術服務有限公司官方網站改版成(chéng)功!!!

下一篇:淺析——平面(miàn)與網頁設計的差異性