新鄉市(shì)龍海網絡技(jì)術(shù)有限公司

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

思維方式一(yī)：從(cóng)“平面”到(dào)“舞台”的設計

       一(yī)位交互設計前輩曾說設計思維的局限有時在于太拘泥于面前的那個(gè)“方塊”，如果你把面前的二維方形界面轉化一(yī)個(gè)思維，将它翻轉一(yī)下(xià)，看(kàn)成一(yī)個(gè)舞台，你需要的元素都是你的演員(yuán)，什麽時候轉場，什麽時候出現那位角色，如何出現……很多(duō)事(shì)情都會(huì)豁然開(kāi)朗。 

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

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

       何時出現，用戶什麽時候需要它？ 

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

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

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

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

思維方式三：“術(shù)”的過程

       這裡(lǐ)的說的“術(shù)”，不僅包含交互設計的初期需要掌握快速原型的方法（紙(zhǐ)上(shàng)快速表現也不錯(cuò)哦），更多(duō)的是對常見(jiàn)交互模式的熟知。

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

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

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

思維方式四：創新

       記得讀(dú)研的時候，做裝置藝術(shù)的一(yī)位導師(shī)說：“所謂設計的創新就(jiù)是把本應該大的東西(xī)做小(xiǎo)，本應該小(xiǎo)的東西(xī)放(fàng)大。”現在想來，其實可以擴散開(kāi)來，把一(yī)些常規的組合打散，把一(yī)些元素重新組合。擺脫常規就(jiù)是一(yī)種創新。

       比如之前看(kàn)到(dào)的一(yī)個(gè)按鈕，把loading狀态和取消組合在一(yī)起了，這就(jiù)不同于我們常見(jiàn)的長(cháng)條狀進度條，右側取消按鈕的模式。這種把不同元素重新組合一(yī)起就(jiù)是一(yī)種創新。