新鄉市跑跑網絡技術有限公司

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

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

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

       其實這(zhè)種思維方法，就把平時(shí)面對的二維交互界面貼合用戶接觸的三維、四維空間(jiān)，達到模拟現實，增加用戶操作(zuò)的感知和(hé)理解。 

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

       何時(shí)出現，用戶什麽時(shí)候需要(yào)它？ 

       演員(yuán)在合适的時(shí)間(jiān)來到合适的位置上(shàng)，出現在哪裏才不會影響主角的風(fēng)采，也足夠醒目呢：它的出現會影響我主要(yào)功能(néng)嗎？它的出現用戶可(kě)以感知到嗎？ 它的出場是該漸漸顯露還是突然出現呢：轉場、 跳(tiào)轉、 浮出還是彈出合适？ 

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

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

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

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

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

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

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

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

思維方式四：創新

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

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