新鄉市逗號網絡技術有限公司

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

交互設計是一種思維過程

  • 閱讀:14543
  • 發布時間:2026-03-24 21:45:22
  • 來源:轉載
  • 分享:

熱門

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


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

       一位交互設計前輩曾說設計思維的局限有時在於太拘泥於麵前的那個“方塊”,如ru果guo你ni把ba麵mian前qian的de二er維wei方fang形xing界jie麵mian轉zhuan化hua一yi個ge思si維wei,將jiang它ta翻fan轉zhuan一yi下xia,看kan成cheng一yi個ge舞wu台tai,你ni需xu要yao的de元yuan素su都dou是shi你ni的de演yan員yuan,什shen麼me時shi候hou轉zhuan場chang,什shen麼me時shi候hou出chu現xian那na位wei角jiao色se,如ru何he出chu現xian……很多事情都會豁然開朗。 

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

       或許剛這樣說,可能還無法hold。jugelizi,zaishijigongzuozhong,womenkenenghuihetuanduiyiqitaolunzhegeyemianshifouyinggaichuxianmougongneng,chuxianzainali?yijizhegegongnengyuansuruhechuxian。kenengdajiazhenglunbuxiu,shuiyemeiyoutebienengfuzhongdeliyou。qishizhegeshihoujiukeyishiyongzhezhongsiweifangfa,bazhegegongnengyuansudangzuoyanyuan,ruguonishidaoyan,namezhegeyanyuanyinggaizai:

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

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


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

       上述的思維方式還幫助我們思考“何時出現”,這就是交互設計中非常重要的“時間線”的de設she計ji。設she計ji都dou是shi有you時shi間jian的de,可ke能neng很hen多duo設she計ji師shi包bao括kuo我wo自zi己ji都dou經jing常chang忽hu略lve到dao這zhe點dian。用yong戶hu是shi從cong開kai始shi到dao後hou麵mian有you時shi間jian流liu逝shi活huo動dong的de對dui象xiang,隨sui著zhe時shi間jian的de推tui移yi,交jiao互hu介jie質zhi和he交jiao互hu場chang景jing都dou會hui發fa生sheng轉zhuan化hua。 即使同一個元素,不同時間狀態上展示的方式都應該有所不同。關於這一點舉個簡單的例子你就會馬上明白。

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


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

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

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

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

       更多關於設計模式的可以參考《常見UI設計模式》。除了這些平時需要多看不同的產品界麵,接觸越多拿出手的才能越多。 


思維方式四:創新

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

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

上一篇:新鄉市逗號網絡技術有限公司官方網站改版成功!!!

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