中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

交互設計是一種思維過程

2019-04-03    來源:張雅秋博客

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

最近常常收到一些童鞋們的來信,經(jīng)常詢問的問題集中在:如何成為一位交互設計師?應該學習那些軟件?

我有時候不知道如何開始回答,大約在心中覺得交互設計師是一個對綜合能力要求很多的職業(yè),無法“說一不二”。工具固然很重要,現(xiàn)在很多大企業(yè)的設計部門都在制定設計標準,規(guī)范性的軟件工具掌握越來越受到關(guān)注。 不過,我以為然設計師要少些“匠氣”,多思考“為什么”,“怎么做”,也就是從“術(shù)”逐步轉(zhuǎn)化為“道”的層面。這么說起來似乎太玄。

這段時間我一直在想一個問題——設計,尤其是交互設計是否可以歸結(jié)為思維過程。

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

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

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

或許剛這樣說,可能還無法hold。舉個例子,在實際工作中,我們可能會和團隊一起討論這個頁面是否應該出現(xiàn)某功能,出現(xiàn)在哪里?以及這個功能元素如何出現(xiàn)?赡艽蠹覡幷摬恍荩l也沒有特別能服眾的理由。其實這個時候就可以使用這種思維方法,把這個功能元素當作演員,如果你是導演,那么這個演員應該在:

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

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

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

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

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

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

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

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

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

思維方式四:創(chuàng)新

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

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

這些都是我之前的一點理解,不敢說絕對正確,有些甚至是幾種不同的思維過程的集合。

感謝彪叔對我交互設計思維的啟發(fā)。

文章來源:張雅秋博客

標簽: 交互設計 平面設計 二維交互 

版權(quán)申明:本站文章部分自網(wǎng)絡,如有侵權(quán),請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:移動應用設計中應避免的10種錯誤

下一篇:困難重重的iOS開發(fā)現(xiàn)狀