正視UI設計 讀 軟體觀念革命 二

2021-09-08 14:33:12 字數 2227 閱讀 5879

【設計方法】

在前面,我們看了很多從理論對如何做乙個有優秀ui的軟體的描述。但歸於實際,很多問題會比較難以操作。比如,使用者的目標怎麼發掘,其心智模型怎麼**等等。諸如此類的問題,都會需要有一套切實可行的實踐指導方案。

書中提出了一整套完整的解決方法,指導程式設計師進行ui設計。實踐、理解並合理運用這套方案,可以使你的ui設計變得更加的容易。

在書中的18~19頁,對ui設計的整體步驟有詳盡的描述。粗略的說,分成5個階段,按時間排序,分別是研究、建模、需求、框架和優化,相鄰兩個過程互相迭代。具體而言,先需要對所面對的軟體問題做定性研究。就是通過各種人種學手段,對使用者的基本情況,使用者對問題的理解,和其對產品的要求等等資訊了解清楚。然後,進入到使用者建模過程。在這個過程中,有兩個重要的概念。乙個是使用者角色,所謂角色就是對所有使用者的資訊做乙個抽象,將類似的資訊的使用者抽象提取歸為乙個角色;另乙個是目標,了解了角色,就需要具體確定該角色想利用該軟體完成的具體目標。這是目標導向設計的關鍵。了解了使用者目標,最後還需要利用一些手段將目標轉化成為設計。這個手段就是指令碼提綱。顧名思義,指令碼提綱,是對使用者日常使用該軟體的過程進行詳細的描述。就像寫故事一樣,記錄下使用者使用軟體的整個過程和其中的種種細節。當然,這個過程是你通過你調查獲得的資訊虛構出來的。

這方法,讓我想起了《.net設計規範》中fcl設計師們設定類庫介面的方法。他們會先邀請(或虛擬)一些使用者,讓他們寫一些**模擬他們完成某個功能的過程,然後按對場景的重要性進行一些排序,最終用以輔助完成類庫介面的設計。這種從使用者虛擬做為起點,反向抽取設計方案的方法,確實值得借鑑。

【軟體姿態】

學過設計模式的人都知道,在gof那麼巨作中,提出了三大設計原則,還有23種經典的設計模式。這23種模式應用於不同的場景,每當我們碰到類似於某個模式場景問題的時候,我們都會考慮並靈活應用該模式。從而減輕了我們的設計負擔,因為我們站在巨人的肩膀上。

在ui設計中,我們已經看到了前面那些基本理論和思想。但要真正快速的應用與實踐中,我們還需要一些固有的模式。其中,一種模式的劃分方式就是按照軟體姿態。所謂軟體的姿態,就是軟體向使用者表達自身資訊的方式。通常,我們可以把桌面應用程式劃分成一下幾種姿態:

1.獨佔姿態

獨佔姿態,就是全屏的,需要長時間占用使用者注意力的程式。比如office套件,visual studio之類的。使用這類軟體的人,基本上,絕大多數都是永遠的中間使用者(恩,想想看,有幾個人敢說自己精通word,又有幾個用過word的人不會用word打字)。因此在軟體設計中,我們應該十分充分的考慮他們的感受。對於新手和專家而言,我們應該在滿足了中間使用者的需求下,盡量滿足他們的需求。對於乙個獨佔姿態的程式來說,應該將自己的空間視為整個螢幕,充分利用螢幕的每乙個畫素。有些輔助工具條,只要有用,不要怕放的太多。在視覺方面,應該使用少一點、保守一點的顏色,提供多的非模式反饋,鮮豔明亮的顏色也許很酷,但它會讓長期使用的人感到不適。要豐富你的輸入手段,比如選單、工具條、快捷鍵、因為對於中間使用者來說,他們希望能快速的按他們喜歡的方式進行輸入。此外應該盡量擴大你的文件區域(就是主要功能部分),因為這是使用者真正需要的,他們需要不費力氣的把握整體狀況。

2.暫時姿態

暫時姿態的程式開啟又關閉,用一套非常有限的附加控制項,展示一些單一的功能。比如,windows的音量調節,計算器等,還包括所有的對話方塊。對於暫態的程式而言,應該使用明亮清晰的顏色,控制項盡量的大而簡潔。因為使用者很可能是新手(對於暫態程式而言,存在大量很少使用的中間使用者,他們也會暫時退化成新手的),只有這種介面才能幫助他們快速上手。除非是十分的必要,否則只要使用乙個視窗或檢視(比如對話方塊疊對話方塊的設計都是不大好的),否則會增加使用者的上手難度。此外,暫態程式應該記住上次使用的狀態,幫助使用者在下次啟動時能快速完成他需要做的事情。這一點對於暫態程式是十分有效的,因為沒有使用者會希望在暫態程式上花費太多的時間。

3.精靈姿態

精靈姿態就是指那些靜靜的默默的在後台執行的程式,很多應用程式在不需要互動的時候都會轉化成這種姿態。windows作業系統中,基本上大部分精靈姿態的程式都會在工作列托盤中留下乙個標誌,這基本上就是精靈姿態程式的所有ui了^_^。

4.輔助姿態

混合了暫時和獨佔姿態的程式具有輔助姿態。比如迅雷的浮動提示視窗。它們像獨佔程式一樣長期占用螢幕空間,但占用的空間很小,並且只起到輔助作用。它存在的目的是通過有限的視窗,向使用者提供最需要的關於它工作狀況的資訊。因此,它提供的資訊必須簡潔,且非常顯眼。

關於web程式和其他程式的姿態,理解出來的不多,就不廢話了。書中後面對web程式的涉及也比較有限,畢竟這不是一本關注與web設計的書籍。

正視UI設計 讀 軟體觀念革命 一

書籍資訊 軟體觀念革命 互動式設計精髓 about face 2.0 the essentials of interaction design 詹健鋒,張知非 alan cooper,robert reimann 電子工業出版社 2005 讀書感觸 一本讓我激動 羞愧 深思的書。就像上課坐的太靠前被...

ui設計用什麼軟體

ui設計用什麼軟體?作為ui設計師,你必須要熟練的使用以下幾款設計軟體,不然可能也無法勝任ui設計師的職位。ui設計除了要學習一些基本的操作軟體,如ps ai ae axure 以外呢,還要學習比如配色,排版,字型設計,三大構成,消費心理學,溝通學,以及思維導圖,原型圖,還有互動邏輯,規範,切圖,了...

學習ui設計軟體有哪些

學習ui設計,想成為優秀的ui設計師,我們必須要有足夠的ui知識和熟練使用各類設計軟體。那麼ui設計軟體有哪些呢?學習ui設計的工具軟體推薦 photoshop ai ae axure fireworks coreldraw flash 1 photoshop 給各位建議還是使用較新的版本的軟體哦!...