堅持為客戶提供有價值的服務和內容

UI設計有哪些準則?

sqy | 2019-12-31 | 分享至:

  當我們接到需要呈現大量內容的產品設計任務時(如新聞、入口網站),該思考哪些要點呢?另外,使用者會不會因為大量內容而造成使用上的困擾?

  為何要談設計準則 ?如果網頁上有太多區塊或細節,使用者相當容易迷失方向。以下提供幾項設計準則 ,可讓繁雜的資訊更容易理解并與讀者(使用者)互動。

  1. 清晰的資訊層(Hierarchy of Information)

  當使用者初訪網站,設計者必須要讓他們清楚知道 “應該要先看哪邊”?另外,研究結果指出:平均一個頁面的瀏覽時間低于一分鐘。所以你必須讓使用者輕易地找到他們所想找的(所想看的內容)。

  首先,他們需要知道眼前這頁面是他所要的,這部分可以靠 header 或導航列來提示。接著,他們也需要知道這些頁面間的組織與這些頁面可如何被操作?;旧?,最好能讓使用者藉由掃視(scan)就能大致了解這些資訊,而不需要仔細閱讀內容。

  當設計完你的頁面架構后,還必須知道一件事情:就是閱讀的 F模式。意指使用者會由左至右、由上而下的掃視,而呈現出 F型的視覺動線圖。因此,最重要的資訊應該要安排于最上方與左側。

  2. 什么是使用者在那當下想要看到的?

  透過研究、調查網頁上的使用者們,當下最急迫想執行的動作是什么?而這些調查后的資訊也能幫助你組織其頁面的內容,并優先提供與使用者最有關的內容。這個簡單的方法可讓使用者更輕易、快速地完成任務。譬如說,在 email 系統中,讓 “撰寫" 這個使用者最需要的核心功能總是出現且明顯被看到,盡管使用者處于閱讀其他的信件頁面。


UI設計有哪些準則?


  3. 隱藏更多細節

  在靜態頁面上展示所有的細節將會顯得擁擠雜亂,所以先提供使用者足夠的資訊就好,再設計讓使用者進一步了解資訊的機制。

  有幾個方法:

  使用 “小提示" 來顯示更多細節或說明。隱蔽過長的文字內容,可判斷內容的重要程度,以 ‘…’ 取代。提供檢索或篩選機制,若還有提供檢索建議和自動推薦的功能,就更具效率了。

  4. 明顯的導航(Navigation)

  一個網站應該要讓使用者 “總是" 知道他們在網站中的位置、某頁面怎么連過去、怎么回到首頁 … 等。我們可以透過一些簡單的視覺手法,讓導航這件事變得更具體。例如:使用者點選了一個新頁面,而這個頁面由左側滑入,就知道這個頁面取代了原本的,成為你現在正在瀏覽的頁面。此外,Google 推出的 Material Design 利用了 “紙" 的特性(實體及空間感),讓導航與層變得更具體且具邏輯性。

  只要一展開導航列,其呈現的項目能讓使用者有足夠的資訊來判斷所對應的內容,且讓網站的導航列清楚易見,使用者便能更快且輕松的理解你的網站。

  5. 讓可操作的元素顯而易見

  若某個元素(文字、icon、圖片)可被點擊或編輯,應該不需再解釋它,只需透過 “視覺上” 的差異來提供線索即可。如按鈕要讓它看起來可被點擊,并做出狀態上的差異(如游標覆蓋)。

  在編輯內容時,使用者也應該獲得這些內容狀態的視覺回饋。例如:當他們在填寫表格時,可讓他們注意到輸入的內容是否符合規范?是否有錯誤?或是已被修改過? (清楚的狀態回饋)。

  6. 預防錯誤發生

  身為設計師,我們要避免使用者犯下一些錯誤。例如:雖然 icon 能表示一些功能或資訊,但如果 icon 不能直覺地被辨識,使用它就是弊大于利。此時,若在游標覆蓋 icon 時出現小提示,將可避免使用者錯誤點擊。再者,相較于只使用 icon,"描述性" 的文字更能傳遞動作訊息,所以更應該被使用。例如,跳出視窗上的按鈕文字表示 “存檔" 或 “好",哪個較能讓使用者知道系統 “將" 進行何項行為?當然是前者。

  假使我們知道使用者可能會犯錯,就可以在流程中打斷他們,透過預防錯誤的彈出視窗再次確認他們的行為及告知后果,這個方式同樣適用于可能會因為不可逆而造成傷害的行為上。例如,假如使用者想要刪除一份與其他人分享的檔案,系統應該要提醒他,刪除檔案可能會影響其他人。

掃二維碼與項目經理溝通

7*24小時為您服務

解答:網站優化,網站建設,APP開發,小程序開發,H5開發,品牌推廣,新聞推廣,輿情監測等

  非常感謝您有耐心的讀完這篇文章:"UI設計有哪些準則?",更多內容請繼續瀏覽,我們將為您提供更多參考使用或學習交流的信息。我們還可為您提供:網站建設與開發、網站優化、品牌推廣、APP開發、小程序開發、新聞推廣等服務,我們以“降低營銷成本,提高營銷效果”的服務理念,自創立至今,已成功服務過不同行業的1000多家企業,獲得國家高新技術企業認證,且擁有11項國家軟件著作權,將力爭成為國內企業心目中值得信賴的互聯網產品及服務提供商。如您需要合作,請掃碼咨詢,我們將誠摯為您服務。
我要咨詢
姓名 :
電話 :
文章分類
11选5高手是怎么赢钱的 波叔一波中特官方网站 吉祥棋牌游戏大厅 韩国福彩快乐8 金蟾捕鱼版本购买 百盛期货配资 南京麻将双七对 推荐几个玩现金的棋牌 王中王单双资料准 股票价格指数是什么 大地棋牌唯一官网