用戶界面網頁設計原則

發布時間:2020-05-23 09:20:00

“網頁設計不是一個簡單的組合、編排甚至編輯;網頁設計是通過澄清、簡化、澄清、修改,使之莊重、有說服力,甚至有一點趣味,賦予其價值和意義?!薄A_·蘭德

用戶界面網頁設計原則

“網頁設計不是一個簡單的組合、編排甚至編輯;網頁設計是通過澄清、簡化、澄清、修改,使之莊重、有說服力,甚至有一點趣味,賦予其價值和意義?!薄A_·蘭德

一、“清晰”應該是網頁設計的首要問題。

對于任何界面,“清晰”是第一個也是最重要的一點。人們必須能夠識別它是什么,以便有效地使用您的網頁設計的界面。當網頁設計師設計網頁時,他們需要關心人們為什么使用這個應用程序,了解什么樣的界面可以幫助他們與之交互,預測人們使用它時的行為,并成功地反饋給他們。這樣做之后,接口中的推理和延遲響應是可以容忍的,但它們不能混淆用戶。清晰的界面讓用戶對進一步的操作充滿信心。即使一個應用程序有100頁,每一頁都是清晰的,比只有一頁卻毫無頭緒的應用程序要好得多。

二、存在用于交互的接口。

界面的存在是為了人們和我們的世界之間的互動。它可以幫助人們澄清、理解、使用和展示彼此之間的關系。它能把我們聚在一起,把我們分開,實現我們的價值,為我們服務。界面網頁設計不是藝術網頁設計。界面網頁設計不是用來炫耀網頁設計師的個人。界面的功能和效果是可以測量的。但他們不是功利主義者。優秀的界面不僅能讓我們高效地工作,還能激勵、激發和加強我們與世界的聯系。

三、為了生活在一個容易被打擾的世界,不惜一切代價吸引用戶的注意力。

我們很難在不受干擾的環境中閱讀。用戶的關注是非常有價值的。所以,不要把注意力分散在應用上,我們應該把網頁設計的最初目標放在首位。如果用戶正在閱讀,在彈出廣告之前讓他們仔細閱讀(如果他們必須投放廣告)。尊重用戶的注意力不僅會讓用戶開心,你自己的網頁設計也會產生很好的效果。如果用戶使用是界面網頁設計的首要目標,那么尊重用戶的注意力是前提。不惜一切代價保護它。

四、讓用戶控制一切。

人們會在他們能控制的環境中感到最舒適和放松。網頁設計的草率應用不僅剝奪了人們的這種舒適感,也迫使人們面對意想不到的互動、困惑的過程和意想不到的結果。通過定期梳理系統狀態,描述因果關系(如果這樣做,就會反映出來),并在操作的每一步都給出提示,讓用戶感覺操作的每一步都在自己的控制之下。別擔心,這不是“顯而易見”嗎?因為世界上從來沒有什么明顯的東西。

五、直觀的操作是最好的良好界面,它是無意識的,就像我們在現實生活中一樣感覺一樣。

這并不容易實現,而且隨著元素和信息的不斷增加,它變得更加困難,因此我們的web設計界面幫助我們與它們進行交互。很容易在屏幕上添加不必要的東西,比如華麗的按鈕、邊框、圖形、選項、首選項、窗口、附件和其他多余的東西。以至于我們陷入了處理接口元素細節的怪圈,忽略了最重要的事情。相反,你應該掌握直觀操作界面的最初目標網頁設計應該盡可能簡單,并且應該使用更容易識別的自然手勢。理想情況下,界面將非常微妙,用戶將有一個直觀的操作感。

六、我們的網頁設計每一個頁面和一個主操作界面都應該為用戶提供一個具有實際意義的單一操作。

這使得界面更快更容易操作。如有必要,添加或擴展更容易。如果一個屏幕上有兩個或多個主操作,用戶會立刻感到困惑。正如寫一篇文章需要單一而有力的論據一樣,界面頁面設計中的單一形象也應該有單一而清晰的操作,這也是它存在的原因。

七、讓次要位置屏幕中的次要操作包含一個主要操作和多個次要操作,但不要讓它們占主導地位!

就像你寫一篇文章讓人們閱讀和理解,而不是讓人們在社交網絡上轉載,把次要的動作放在次要的位置,減少它們的視覺沖擊,或者在主要動作完成后展示出來。

八、提供自然的下一步操作。

很少有交互故意放在最后,所以下一步的交互操作應該為用戶精心設計。您需要預測用戶的下一個交互是什么,并通過web設計實現它。就像我們每天的談話一樣,我們應該為進一步的談話開個好頭。當用戶完成了要做的操作時,不要讓他們無所適從地呆在那里,提供一個自然的下一步來幫助他們完成操作。

九、遵循界面外觀的用戶總是對預期的行為最滿意。

當某人或某事如我們所期望的那樣行動時,我們會感覺與他們關系良好。因此,網頁設計元素應該具有自己的特點。在具體操作中,這意味著只要用戶看到interface元素,他就應該能夠猜測該元素的作用。如果它看起來像一個按鈕,它應該有一個按鈕的功能。在基本的互動上不要太聰明,把你的創造力留給更高層次的需求。

十、一致性的重要性遵循前面的規則。

在圖片中,視覺元素的外觀不應該相同,除非它們的功能相似。如果它們是具有相同或相似功能的元素,則它們的外觀應該相似。否則,如果它們的功能不同,它們的外觀也應該不同。為了安全一致的,新手的網頁設計師通常使用相同的視覺處理(重用代碼)方法對元素進行不同的處理。

十一、強烈的視覺層次會使效果更好,強烈的視覺層次會使圖片有清晰的瀏覽順序。

也就是說,當用戶每次以相同的順序瀏覽相同的東西時,微小的視覺層次讓用戶不知道該關注哪里,最后只會讓用戶感到困惑和困惑。在不斷變化的網頁設計環境中,由于所有元素的視覺權重是相對的,很難保持很強的視覺水平:當所有文本都是粗體時,就沒有所謂的“粗體”。如果你想在屏幕上添加一個強烈的視覺元素,網頁設計師應該重新調整頁面上所有元素的權重分布,以達到強烈的視覺效果。大多數人沒有注意到視覺的重要性,但實際上這是增強(削弱)網頁設計的最簡單方法。

十二、巧妙的布局減少了用戶的認知負擔。

正如John Maeda在他的書simplicity中所說,在屏幕上正確地排列元素可以幫助其他人更快地理解web設計的界面,而這僅僅是因為您已經清楚地解釋了它們與web設計的關系。同樣的元素可以通過方向和方向的排列自然地連接在一起。通過巧妙地安排內容,用戶可以減輕他們的認知負擔。他們不再需要花時間思考元素之間的關系,因為你做得很好。不要強迫用戶認為直接向他們展示你的網頁設計。

十三、重點不是總是用顏色來強調物體的顏色會隨著光線的變化而變化。

當太陽高照,太陽落山時,同一棵樹也會呈現出不同的景象。在自然世界中,顏色很容易被環境改變,所以在網頁設計中,顏色不應該占很大的比例。作為輔助,我們可以使用突出顯示的顏色來吸引注意力,但這不是區分這些的唯一方法。在長時間閱讀或長時間面對電腦屏幕的情況下,可以使用柔和的背景,降低亮度,當然也可以使用明快明亮的顏色作為背景,但要確保它適合你的讀者。

十四、逐步說明屏幕上只顯示必要的信息。

如果用戶需要做出決定,只需提供足夠的信息供他們選擇,然后他們將轉到下一頁以查找更多詳細信息。避免一次呈現或解釋所有信息,如果可能,在后面的屏幕中顯示選擇。這將使您的界面交互更加清晰。

十五、在理想的界面web設計中,內置幫助是不必要的,因為界面操作是指導性的。

“幫助”的下一步實際上是在上下文中嵌入“幫助”,只有在用戶真正需要時才能顯示。通常應該隱藏起來。讓用戶請求幫助,。確保用戶能夠順利使用您的界面是很重要的。

十六、重要時刻:第一次在初始狀態下使用界面的經驗是非常重要的,這常常被網頁設計師忽略。

為了讓用戶更快地開始,最好在設計網頁時保持初始狀態,即尚未使用的狀態。這種狀態不是一塊空白的畫布,它應該為用戶快速進入狀態提供方向和指導。在最初的相互作用過程中可能會有一些摩擦。一旦用戶了解了規則,他們將有很高的成功機會。

十七、好的網頁設計是看不見的。

好的網頁設計有一個奇怪的特點,通常被用戶忽略。其中一個原因是網頁設計非常成功,用戶完全專注于自己想要實現的目標,而不是用戶成功實現目標時的界面,他們會感到滿意,不需要反映任何問題。作為一個網頁設計師,這很難,因為我們很少收到積極的回應,我們很少知道哪些網頁設計是好的。但是一個好的網頁設計師對一個好的界面很滿意,他們知道滿意的用戶通常是沉默的。

十八、從其他網頁設計領域開始視覺、平面網頁設計、排版、文案、信息架構和視覺網頁設計所有這些學科都是界面網頁設計的一部分。

它們可以涉獵和研究。不要試圖與他們劃清界限,也不要輕視其他領域:從他們身上學到很多東西可以幫助你的工作促進你的成長,或者從看似不相關的學科中學習,接觸那些你不熟悉的領域我們可以從出版、編程、書籍裝訂、滑板、消防、空手道中學到什么?

十九、界面的存在將用于大多數web設計領域。

界面web設計的成功在于用戶的使用。就像一把漂亮的椅子。雖然很漂亮,但是坐起來很不舒服,所以用戶不會選擇。這只是一個失敗的網頁設計。因此,界面的存在就是要創造盡可能多的有用環境供用戶使用,就像你的網頁設計一樣是一件有用的工藝品。網頁設計師網頁設計作品如果只滿足自己的虛榮心,那是遠遠不夠的:必須要用!


聯系我們,談您的需求

立即咨詢
推广微信支付还能赚钱 捕鸟达人 广西快3今天走势图 中超最大牌外援 2018正规网络兼职平台 网上真人赌钱麻将 江西11选5走势图 捕鱼达人4无限内购破解版 十一运夺金走势图 福州全民麻将下载 怎么找有潜力的股票