做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

設計原則之一致性

2024-5-22    ui設計分享達人

目錄
一、什么是一致性呢?
二、  為什么一致性很重要呢?
三、  生活中一致性的案例
四、  UI設計一致性的體現(xiàn)
五、  交互設計一致性的體現(xiàn)
六、  總結
設計原則之一致性
 
 
一、什么是一致性呢?
一致性的字面意思和使用的場景不同代表的含義也會有區(qū)別,這里主要使用在UI/UX設計中。
UI/UX設計中一致性是指在整個應用程序或網(wǎng)站中使用相同的設計元素和模式。它涉及在所有頁面和屏幕上使用相同的視覺語言、布局和交互,以創(chuàng)造一致且直觀的用戶體驗。一致性有助于用戶了解如何瀏覽應用程序或網(wǎng)站,消除困惑和沮喪,并使他們更容易學習和記住如何使用產(chǎn)品。
設計并非孤立的實踐。它與其他領域交織在一起,其中之一就是心理學。在設計中發(fā)揮根本作用的心理學原理是重復定律。
這一定律的起源可以追溯到 20 世紀早期,當時德國心理學家赫爾曼·艾賓浩斯進行了開創(chuàng)性的研究。他的工作對理解人類記憶具有革命性意義。艾賓浩斯最著名的貢獻是“遺忘曲線”,它表明如果不嘗試保留信息,信息會隨著時間的推移而丟失。然而,他還發(fā)現(xiàn),反復接觸信息會極大地影響我們記憶信息的能力。從本質上講,重復可以強化回憶。
 
設計原則之一致性
 
 
艾賓浩斯的重復實驗主要關注學習和記憶的過程,但其影響遠不止于此。這讓人們認識到,重復的元素更容易被記住,從而引導觀眾的注意力和焦點。很明顯,重復可以用來引導行為和理解。
通過重復顏色、形狀和圖案等特定元素,設計師可以創(chuàng)造一種統(tǒng)一感和節(jié)奏感。這種重復還使設計師能夠強調基本元素或信息。
重復不僅僅是一種設計原則,更是生活的一個基本方面。在自然界中,重復以各種方式體現(xiàn),從雪花的對稱性到海浪拍打海岸的韻律圖案,從貝殼的螺旋到一年四季的循環(huán)。這種自然的重復帶來了節(jié)奏、結構和可預測性,創(chuàng)造了一種舒適和熟悉的感覺。
人類是自然的一部分,天生就能夠識別和響應這些模式。我們的大腦是出色的模式識別機器,我們傾向于認為重復的模式令人感到舒適和熟悉。這種認知特征解釋了為什么設計中的重復模式(無論是在數(shù)字界面、實體產(chǎn)品、建筑還是營銷中)會引起我們的共鳴。
設計原則之一致性
 
 
二、  為什么一致性很重要?
在 iOS 的設計指南中,一致性被視為讓設計融入 iOS 生態(tài)的關鍵,它幫助用戶在不同應用間建立起一種熟悉感。遵循規(guī)范的一致性可以「help your design feel at home in iOS」,保持一致性是為用戶帶來產(chǎn)品愉悅感的重要方式。
在經(jīng)典交互設計原則中,「一致性」一直是重要的設計準則。在幾乎可以稱為「設計師必讀」的雅各布·尼爾森的十條可用性原則中,一致性(Consistency and standards)位列第四,原則建議設計者在界面和交互上遵循既定的規(guī)則,無論是在應用內部還是跨平臺之間。
在具體的執(zhí)行中,內部一致性通常指應用內應當使用統(tǒng)一的視覺風格和交互語言,相同的功能和操作應該在體驗上保持一致。而外部一致性則更強調用戶應該遵循平臺和系統(tǒng)的設計規(guī)范,保持用戶在同一平臺不同應用間體驗的相似性。
一致性在UI/UX(用戶界面/用戶體驗)中非常重要,因為它對于提供良好的用戶體驗和用戶界面的可用性至關重要。下面詳細說明一致性的幾個重要原因:
 
設計原則之一致性
 
 
1、  用戶學習曲線:
一致的UI/UX設計可以降低用戶的學習曲線。當用戶在應用程序或網(wǎng)站中遇到一致的元素、布局和交互方式時,他們可以快速理解并準確預測如何與界面進行交互。這減少了用戶的混淆和困惑,提高了他們的效率和滿意度。
2、  提升可用性:
一致性使用戶界面更加易于使用。當用戶在不同的頁面或功能之間找到相似的設計元素和交互模式時,他們可以輕松地將已有的知識和經(jīng)驗應用于新的情境中。這種一致性幫助用戶快速完成任務,減少錯誤和迷失,提供更好的導航和流暢的體驗。
3、  品牌認可度:
一致的UI/UX設計有助于樹立品牌形象和增強品牌認可度。通過在不同的渠道和平臺上保持一致的設計元素、標識和視覺風格,品牌可以建立起獨特而可識別的形象。用戶在不同的觸點上都能感受到品牌的一致性,從而增加品牌的信任和忠誠度。
4、  用戶滿意度:
一致性直接影響用戶的滿意度。當用戶在使用應用程序或網(wǎng)站時感受到一致的設計和交互方式時,他們會感到更加舒適和自信。一致性傳遞了專業(yè)和質量的信號,讓用戶感到被關注和重視。這種積極的用戶體驗有助于提升用戶滿意度,并促使他們持續(xù)使用和推薦你的產(chǎn)品或服務。
 
三、  生活中一致性的案例
設計原則之一致性
 
 
生活中的案例保持一致性的有很多,
a、例如紅綠燈,在學習駕照或老師教學時會統(tǒng)一講解紅燈停,綠燈行。
b、向左向右箭頭符號的使用,在日常生活中都會保持一致。
c、我們乘坐地鐵時,地鐵的線路圖也會保持一致性,每個站的點大小,文字,到站和未到站以及行駛過的站點都有清晰統(tǒng)一的設計和交互操作。
 
四、  UI設計一致性的體現(xiàn)
 
設計原則之一致性
 
 
1、  顏色
顏色是一種物理現(xiàn)象和感官體驗,是光波在人眼視網(wǎng)膜上的反射或吸收所形成的視覺效果。
設計中的顏色選擇代表了一個項目的品牌,例如常見的餓了么藍,美團的黃,京東的紅等等,顏色的一致性有助于營造良好的視覺體驗,強化品牌形象,提升可用性和無障礙性,最終改善用戶的整體交互感受。這對于產(chǎn)品的成功至關重要。在設計時顏色(品牌色)會延續(xù)到按鈕,圖標,字體、標簽,背景,banner等模塊使用。
設計原則之一致性
 
 
2、  字體
字體是一種特定的文字樣式,它描述了文字的形狀、大小、粗細、間距等視覺特征。
字體是設計中非常重要的元素之一,不同類型的字體,字體的粗細,有襯線字體和有襯線字體,字體的字重等,這些不一致會造成頁面混亂,字體的選擇和使用會對用戶的視覺體驗、信息感知、品牌聯(lián)系和情感體驗產(chǎn)生重要影響。
開發(fā)實現(xiàn)上如果字體使用較多,會影響加載速度,沒有統(tǒng)一的字體制定規(guī)則后期更新迭代也會比較繁瑣,造成資源浪費。
 
設計原則之一致性
 
 
3、  圖標
圖標是一種簡化的、具有視覺表現(xiàn)力的符號圖形,在用戶界面設計、信息傳達等領域廣泛應用。
在眾多APP中,常使用APP的你肯定可以感受到,圖標除了準確的表達某個含義,還需要在設計時保持一致性,圖標的大小,設計的風格例如線型圖標、填充圖標、簡約圖標、立體圖標、卡通圖標等,如果這些圖標風格進行混合使用就會造成混亂,影響用戶體驗,看起來很不專業(yè)也會影響用戶使用時對于安全性的擔憂。
設計原則之一致性
 
 
4、  按鈕樣式
按鈕是一種常見的交互界面元素,用于觸發(fā)某種操作或功能。
設計中的按鈕有很多樣式,因為項目類型的不同按鈕樣式也不同,按鈕的樣式有圓形按鈕,矩形按鈕,圓角矩形按鈕,菱形按鈕等,同一個項目中建議使用統(tǒng)一的按鈕樣式,除了可以體現(xiàn)專業(yè)性,還可以讓用戶增加信任度,按鈕樣式使用很多,用戶除了使用體驗不友好,還會覺得是不是跳出了這個產(chǎn)品去到了另一個地方。
 
設計原則之一致性
 
 
5、  排版
排版是指在印刷或數(shù)字媒體中,對文本、圖像等內容進行有規(guī)則的布局和格式化的過程。
設計中排版的一致性,使用戶能夠快速適應和理解界面的結構,降低學習成本,用戶對于熟悉的排版模式產(chǎn)生更強烈的歸屬感和安全感,使內容更易讀,用戶可以依照熟悉的視覺動線快速找到所需信息,提高信息獲取效率。
五、  交互設計一致性的體現(xiàn)
 
設計原則之一致性
 
 
1、  操作一致
根據(jù)文字意思就是用戶才操作時候的流程保持一致,操作保持一致,例如大家常見的下單購買商品流程,
用戶在購買商品時:點擊商品——商品詳情——付款購買,其他商品也應該是這樣流程,
如果每個商品流程不同就會很亂,例如:
點擊A商品————商品詳情——付款購買;
點擊B商品——付款購買——查看商品詳情;
點擊C商品——同類商品列表——商品詳情——付款購買,
這樣就會很亂,用戶不知道點擊下一個商品會是什么樣子。
例如:
設計原則之一致性
 
 
1、APP中的視頻瀏覽是上下滑動,進入新的模塊后視頻瀏覽變成了左右滑動。
2、需要確認某些操作時,確認按鈕一會在右側,一會確認又在左側。
用戶在操作時會除了體驗很亂,也很難培養(yǎng)用戶習慣。
設計原則之一致性
 
 
2、  文案符號一致
文案和標點符號的一致比較好理解,例如常見的輸入框,“請您輸入帳號”,“請輸入你的密碼”,同一頁面場景下文案和稱呼不統(tǒng)一,會造成用戶操作遲疑,是不是這個不重要才用了“你”,重要的才用“您”,為了避免用戶進行不必要的思考文案保持一致,符號亦是如此。
設計原則之一致性
 
 
3、  反饋一致
當我們看到下一步按鈕時,有些地方交互是進入了新的頁面,有的是分步式使用。建議使用一種保持統(tǒng)一,避免用戶產(chǎn)生誤導。
操作反饋后的彈窗,相同功能反饋的彈窗樣式不一致:一會是圖文彈窗,一會純文字提示,用戶也會很亂,包括交互時出現(xiàn)的樣式也需要保持一致,劇中或從下向上彈出。
六、  總結
一致性在UI/UX中的重要性在于提供清晰、高效、易用和令人愉悅的用戶體驗。通過保持設計元素、布局和交互方式的一致性,可以降低用戶的認知負荷,提高用戶的學習效率,增強品牌形象,提升用戶滿意度,并最終實現(xiàn)更好的業(yè)務成果,詳細分為以下七點:
設計原則之一致性
 
 
1、提高用戶學習速度
一致性允許用戶借鑒他們在應用程序或網(wǎng)站的一個部分學到的知識,并將其應用于其他部分。這減少了學習新操作所需的時間和努力,因為用戶可以預測未知界面的行為。
2、增強用戶效率
當用戶熟悉一個系統(tǒng)的操作模式后,他們可以更快地完成任務,因為不需要在每個新界面或功能上重新學習如何操作。這種熟悉感減少了思考和決策時間,直接提高了操作效率。
3、降低用戶錯誤率
一致的界面和交互邏輯可以減少用戶犯錯的可能性。用戶更容易記住和理解一致的操作模式,從而減少誤操作和混淆。
4、增加用戶滿意度和信任
用戶傾向于對看起來和行為一致的系統(tǒng)感到更舒適,更有信心。這種信任感是用戶繼續(xù)使用產(chǎn)品的重要因素,也是提高用戶滿意度的關鍵。
5、促進品牌一致性
在不同的產(chǎn)品、服務或平臺中保持視覺和功能一致性有助于加強品牌識別。用戶通過一致的設計元素(如顏色、字體、布局)來識別和聯(lián)想品牌,這增強了品牌的整體形象和市場競爭力。
6、減少開發(fā)和維護成本
一致的設計和代碼庫可以減少開發(fā)時間,簡化測試過程,降低長期的維護成本。當所有部分遵循同樣的規(guī)則時,對系統(tǒng)進行修改或添加新功能變得更加簡單和快捷。
7、改善可訪問性
一致性也有助于改善產(chǎn)品的可訪問性。一個一致的界面讓那些有視覺障礙或認知障礙的用戶更容易理解和使用,因為他們可以依靠重復和預測性的模式來導航。
 
參考文獻:
 
https://blog.prototypr.io/the-3cs-of-design-consistency-clarity-content-e58d58825626
https://bootcamp.uxdesign.cc/crafting-consistency-the-role-of-design-systems-in-ui-ux-eddb7e31570f
https://medium.com/as-a-product-designer/how-to-write-ux-guideline-%E5%BB%BA%E7%AB%8B%E7%94%A2%E5%93%81%E7%9A%84%E4%B8%80%E8%87%B4%E6%80%A7-47e0118baf4fhttps://medium.com/@pennylanedesign/design-documentation-a-key-pillar-for-consistent-and-collaborative-ui-development-68fce178b403
https://medium.com/super-jump/mass-effect-how-to-indoctrinate-users-with-ux-consistency-1aaff84afe68
https://medium.com/kubo/the-law-of-similarity-creating-visual-consistency-77d59957f14chttps://medium.com/weavedesign/the-law-of-repetition-designing-for-consistency-63ea3ff7920e
 


作者:CANAAN8
鏈接:https://www.zcool.com.cn/article/ZMTYyMDQ3Mg==.html
來源:站酷
著作權歸作者所有。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處。
 

藍藍設計(m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網(wǎng)站設計平面設計,以及相關的軟件開發(fā)服務,咨詢電話:01063334945。

關鍵詞:UI咨詢UI設計服務公司軟件界面設計公司、界面設計公司、UI設計公司UI交互設計公司數(shù)據(jù)可視化設計公司用戶體驗公司高端網(wǎng)站設計公司

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計軌道交通界面設計地理信息系統(tǒng)GIS UI界面設計航天軍工軟件UI界面設計醫(yī)療行業(yè)軟件UI界面設計教育行業(yè)軟件UI界面設計企業(yè)信息化UI界面設計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

日歷

鏈接

個人資料

藍藍設計的小編 http://m.91whvog3.cn

存檔