2014-08-18 分類: 網站建設
如果你建造一所房子在一個堅實的基礎,可以原諒–允許你嘗試一遍又一遍,直到你的故事吧。但一個有缺陷的基礎?你可以雇傭最杰出的建筑師和可憐的人最終會失敗。
當涉及到我們的網站和應用程序,用戶界面包括基礎知識。這是我們所看到和認識。這是我們所記住的。本文強調了一些,用戶界面設計的關鍵原則,所有的設計師都應該牢記,當設計圖形用戶界面的東西。
視覺分塊
設計師應該在視覺上分離–或“塊”–功能,本質上是不同的。這給他們的界面清晰、整潔,功能結構一致。最重要的是,它允許用戶將一種任務與特定地區的屏幕。
識別的第一步是確定哪些功能接口組提供。四、基本組:編輯、瀏覽、共享和顯示。例如生產力應用程序,通常由三塊(他們通常不包括共享功能):
•一個工具可以讓用戶瀏覽到某一個點在他們的項目中,通常通過縮略圖或部分。
•工具欄允許用戶編輯自己的項目,并
•畫布顯示當前狀態的一個項目。
微軟Word 2010作為一個很好的例子:
而這個規則很簡單,有一件事要避免:混合區。數字,例如,一些分布在界面編輯工具:
看到紅色區域?他們打破了其他功能結構一致的接口。
但不要停在大元素。同樣,分塊原則對項目發現在頁面的區域。注意圖標工具欄上分成小的、有意義的群體,如“表工具”(表,函數,類細胞)和“插入工具”(圖表、文本框、形狀、評論)–雖然我個人會包括媒體按鈕插入工具。
同樣的,四個功能模式(瀏覽、顯示、編輯、分享)在這些桌面應用程序顯示適用于我們的網站,也:
•要瀏覽,我們經常點擊鏈接的標題或側邊欄。
•大部分的頁面是用以顯示內容。
•評論/反饋形式是用來編輯網站,和
•社交媒體按鈕是用來分享信息。
另一個經驗法則:集團的地區,但不要把它們混合。例如,導航按鈕和社交媒體按鈕為不同的目的,因此應該承擔彼此的相似性很小。
這種模式使我們能夠更智能地組織的功能在我們的網站/應用程序。為了組織內容,雖然,了解了解分類模式學習什么最適合我們的觀眾。
我們有分組功能和我們的內容之后,接下來的問題是如何在視覺上顯示出來。不回答呢。
尊敬的裝置
現在比以往任何時候,用戶使用各種設備的創建、瀏覽、分享和消費內容–各有自己的形狀,大小,和輸入方法。因此,我們必須考慮我們的用戶設備的優勢和劣勢(S) 之前設計決策。
當設計水平裝置,我們應該利用水平空間提供,放置元件彼此相鄰而不是在另一個之上。為了說明不堅持定制工程水平裝置會影響用戶體驗,考慮微軟的Ribbon界面。
的Ribbon界面,在它的核心,一套復雜的菜單被放置在頁面頂部的視圖。它的水平擴展,因此,拿走的垂直空間,垂直空間很重要,因為它可以(也應該)被用來顯示多行我的當前頁面–最重要的界面元素在文字處理器。
相反,考慮KWord:
注意,沒有屏幕房地產是浪費;用戶可以看到更多他們的當前頁面。側邊欄提供了必要的工具來幫助用戶編輯沒有視覺上的競爭焦點。
設置界面元素在30英寸(寬)的屏幕可以相當簡單。然而,對于一個sub-10-inch移動裝置的設計使得它很難整合功能或內容沒有視覺擁擠的界面。這就引出了下一個提示:
去除雜波,沒有特點
許多用戶界面設計師堅持哲學稱為吻或“保持簡單,愚蠢的。”這一原則的倡導者有一點,然而,在我的經驗中,用戶不選擇應用,因為它們簡單易用。他們選擇基于他們是否能完成一個特定的任務。
設計師將許多有用的功能盡可能簡潔的界面。要做到這一點,他們可能會采用標簽,下拉菜單,或其他智能,上下文敏感的解決方案。他們應該理解用戶意圖和顯示只有工具或信息,是最有可能幫助。
例如:(1)提示是看不見的除非我將鼠標光標懸停在一個項目,(2)全屏控件通常都是看不見的除非我移動光標。標簽、按鈕和下拉菜單也朝這個目標努力。作為一個經驗法則,是上下文敏感的。
否則,空間效率和需要訪問特定信息的點擊量之間的妥協:
•如果一個命令或內容(類)可能會使它成為一個按鈕訪問頻繁,鏈接,否則做一下拉條目。
•如果一組指令有可能被訪問的頻繁,它們存儲在標簽,否則存儲組類別下拉。
•當提供互斥的選項,使用單選按鈕。
•當提供獨立的選擇,使用復選框。
盡管好的設計語境,所以,上述規則往往是由以下兩重寫:
•如果容易點擊標簽、按鈕、鏈接不超過一定數量的總量,使用標簽、按鈕、鏈接而不是么。金額將屏幕大小不同,輸入設備(觸摸屏需要更大的UI控件),你是否覺得你仍然顯示足夠的實際內容。
•如果屏幕房地產在特定情況下是最關鍵的,而不是使用下拉菜單按鈕/標簽/鏈接/單選按鈕。
給予足夠的空間,使用鏈接:
然而,如果空間吃緊或類別是不經常訪問,只需使用下拉菜單:
除了基本的UI原則,設計師也要注意細節。這導致在最后–和最重要的–良好的界面設計原則。
移情
許多公司進行了廣泛的可用性測試,找出為什么用戶采用或拒絕他們的申請,他們如何能提高他們的。有時候他們會很不滿意的答案,用戶無法區別點是什么困擾著他們,只是不習慣使用一個特定的應用程序。
這不一定是一個用戶疑難案件。相反,看似瑣碎的設計決策來影響用戶在一個很深的、潛意識的層面。當蘋果發布OS X Lion的郵件為例,他們為三欄視圖,收到了很好的新聞:
老實說,它看起來不光滑?這方面的設備的方位放置三大界面元素相映成趣;它不浪費一個像素的屏幕房地產;和三列的安排是嚴格的邏輯,他們準確地反映當前的文件夾層次結構(第一列:主文件夾,子文件夾,第二欄:第三欄:所選文件的子文件夾內)。
然而,許多 用戶,幾天后釋放,張貼 咨詢如何恢復視圖模式回到經典的看法,即使是最理想的。為了找到原因,你只需要簡單地移情與最終用戶。
使用郵件時,大部分的時間,我,顧名思義,閱讀郵件。這意味著,大部分時間我在看郵件列。然而,在新的布局的郵件列放置在應用程序窗口的右邊緣。這可能不是第一次但我會慢慢厭倦了看我的屏幕邊緣的打擾我。
相反,我看最多的地區應該在應用程序的中心:
如果你想測試你的移情能力,嘗試以下:忘記無論是頭欄和導航欄,問問你自己,如果你只看連續多小時郵件列,你喜歡哪種界面。
總之
為了提供用戶體驗,用戶界面設計師緊跟非常基本的–但仍然重要的–原則是很重要的:
首先,給界面干凈和一致的結構,通過視覺分離地區代表內在不同的功能。這給用戶提供了一個清晰易懂的地圖里找什么。
其次,尊重你所設計的裝置的特性。每一個設備都有它的長處和短處。分析和利用他們的用戶優勢。
第三、消除雜波的特點,不。畢竟,特點是(表面上)為什么用戶拿起你的應用程序放在第一位。使用標簽,下拉菜單,和智能,上下文敏感的解決方案只提供工具和信息用戶很可能需要在特定的情況下。
第四、最后,理解用戶。不要輕易做出設計決定。要知道,即使是最小的設計決策可以影響用戶對一個很深的、潛意識的層面。把自己放在他們的位置,試圖創建一個接口,從長遠來看,不僅是視覺上的光滑而且使用方便。
遵循這些基本原則并不容易,但,最終,它節省了設計師、開發商和客戶一樣的時間和金錢。這是一件好事,對嗎
創新互聯設計文章推薦:
廣漢做網站買域名空間服務器
網站欄目:用戶界面設計,享受最基本的權利
網頁URL:http://m.newbst.com/news/20236.html
成都網站建設公司_創新互聯,為您提供建站公司、面包屑導航、軟件開發、企業網站制作、營銷型網站建設、移動網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容