蕪湖阿寶蔥網絡技術有限公司

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

思維方式一：從“平面”到“舞台”的(de)設計

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

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

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

       何時(shí)出現，用(yòng)戶什(shén)麽時(shí)候需要它？ 

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

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

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

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

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

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

       如果你認可(kě)：設計是用(yòng)來(lái)解決問題的(de)。交互設計往往爲問題提供解決方案。那麽，熟知已有的(de)ui模式對(duì)于你用(yòng)來(lái)解決常見問題非常有用(yòng)。

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

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

思維方式四：創新

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

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