新鄉市閑租網絡科技有限公司

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

交互設計是(shì)一種思維過程

  • 閱讀:9842
  • 發布時間:2016/7/29 10:28:12
  • 來源:轉載
  • 分享:

熱門

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


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

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

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

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

       何時出現(xiàn),用戶什麽時候需要它? 

       演員(yuán)在合适的時間來到合适的位置上,出現(xiàn)在哪裏才不會影響主角的風采,也足夠醒目呢:它的出現(xiàn)會影響我主要功能嗎(ma)?它的出現(xiàn)用戶可以感知(zhī)到嗎(ma)? 它的出場是(shì)該漸漸顯露還是(shì)突然出現(xiàn)呢:轉場、 跳(tiào)轉、 浮出還是(shì)彈出合适? 


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

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

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


思維方式三:“術”的過程

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

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

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

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


思維方式四:創新

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

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

上一篇:新鄉市閑租網絡科技有限公司官方網站改版成功!!!

下一篇:淺析——平面與網頁設計的差異性