user-interface - dribbbb - dribbble註冊




設計一個GUI (8)

作為一個很少或沒有藝術傾向的開發者,你將如何為應用程序設計一個GUI? 特別是,我正在考慮桌面應用程序,但也歡迎與Web應用程序相關的任何內容。 我發現設計一些我和潛在用戶都喜歡的東西是非常困難的。 我可以在網上查找配色方案,但我怎麼知道在哪裡放置按鈕/文本框/等?

更新:澄清,我不是指什麼控制和使用。 相反,有什麼指導方針/提示,當我應該按鈕,組合,文本框等? 他們應該在多長時間,我會把他們放在表格上?


Joel Spolsky擁有相當不錯的高級設計技巧:

http://www.joelonsoftware.com/uibook/chapters/fog0000000057.html

在此之上,最重要的是只是嘗試一些東西,製作實物模型。 也許是紙上的最初的東西,但是在某種程度上,只是試圖把一個圖形用戶界面放在一起,而不用把代碼粘在後面。 看看你的想法,嘗試一些改變,詢問其他人的意見,只是試驗。 最好的設計技巧是獲得人們的反饋,如果可能的話,最好從目標受眾那裡得到反饋




在本頁面所說的所有其他內容之上,我會補充一點,你注意到GUI越少越好

我的意思是,當用戶界面不被用戶感知時,這是因為用戶正在完成他/她的工作。 用戶注意到圖形用戶界面時,(a)它是美麗的(想想蘋果)或者(b)它是蹩腳的(想想你使用過的任何GUI都讓你感到沮喪)。


我從來沒有把GUI設計看作是一項基本的藝術活動。 確實,設計良好的用戶界面可以通過藝術元素進行增強,但設計底層用戶界面確實是一項工程工作。 當然,在大型項目中,GUI專家是一個自然的專業化,就像建立專家等一樣。但是我認為這是一個罕見的軟件工程師,當他們有時間和資源的時候,不能創建一個有效的GUI。

我們中的大多數人通過認識現有系統中的善良,然後捲起袖子和創新,並堅持下去,直到它的工作,了解了我們所了解的關於構建系統的大部分內容。 GUI也不例外。


我開發的應用程序每小時點擊數千次,所以一切都歸功於效率。 我喜歡把它看作是一種能夠產生許多有用的公理的貨幣:

如果它保存了點擊,則+1。

如果它花費了點擊,-1。

如果用戶浪費時間弄清楚它是如何工作的,-1。 (大多數自定義UI元素)

如果它基本上直觀,+1。 (Cover Flow功能)

如果它保存了第一次用戶點擊+1。 (奇才)

如果它花費長期用戶一個點擊,-1。 (奇才)

(因此,為什麼你必須確保你的鍵盤快捷鍵和製表命令是有意義的。)

等等。

等等。

一切都得到主觀加權和記錄,你妥協的地方,你必須。 最終,這可能是一個天真的哲學,但它給了我很好的服務。 外推,如你所見。


你需要做的第一件事是擺脫你的開發者觀點。 我們傾向於從形式,控制,按鈕,列表,網格等方面進行思考。而這往往會將我們推向對用戶來說並不總是最佳的解決方案。

用戶不想使用我們的軟件。 (除非你在編程遊戲)他們只是想要完成的東西。 所以當設計UI和用戶交互時,從這裡開始是有意義的。 寫下用戶想要用你的軟件做什麼。 考慮用戶如何去做這些事情,以及你的應用程序可以做些什麼來簡化事情。

嘗試使用不同於您用於編程的工具。 這些讓你再次在UI小部件中思考。 從一支鉛筆和一張紙開始畫素描,還要考慮行為和佈局等。如果你已經清楚地知道你想要建立什麼,你可以開始思考你是如何去建立它。 這是小部件,按鈕和頁面進來的時候。


UI模式網站上提供了一些UI模式,您可能會覺得有用

一般來說,如果你正在設計窗體的形式遵循各種微軟的指導方針

我記住的一個原則是使用現有的行為模式(雙擊執行/激活一個項目等),因為人們已經知道這些模式。







desktop