一致性原則是說系統(tǒng)UI設計要需遵循平臺慣例,保持一致性,不應該讓用戶懷疑不同的話語、場景或行為是否在表達同樣的一件事情。下面,藍橙視覺就給大家分享一下如何做好一致性原則設計。
1、內(nèi)部一致
設計規(guī)范就是為保持產(chǎn)品內(nèi)部的一致性而生,不管是色彩間距、還是組件模塊,保持一致性不僅能讓用戶感覺使用的是同一個產(chǎn)品,還有助于品牌傳播,給用戶留下一定的印象。
對于業(yè)務非常復雜的大型產(chǎn)品,雖然各元素組件樣式繁多,但會從視覺風格和交互形式上來確保產(chǎn)品的一致性,這都可以減少用戶的思考負擔和學習成本。
2、外部一致
雖然很多產(chǎn)品都在呼吁創(chuàng)新、去同質(zhì)化,但差異化較大的設計雖然達到了去同質(zhì)化的目的,卻給用戶增加了更多的學習及思考成本。這里意思請大家不要誤解,并不是說不去創(chuàng)新,而是除非你的產(chǎn)品有足夠的影響力,對于較大的變動,企業(yè)能承擔起試錯成本、以及增加了額外學習成本可能造成的用戶流失,否則只能進行一些小的改動,循序漸進的跟隨主流。
對于同類型的產(chǎn)品,我們依然需要參考競品的一些設計形式,如下圖是音樂 APP 的播放頁面,其主要功能的優(yōu)先級排列、頁面布局基本相同,即便是創(chuàng)新也是從設計風格、氛圍以及微動效等方面做出差異化。
3、用戶使用習慣一致
以前有不少產(chǎn)品引用費茨定律“任意一點移動到目標中位置距離越短,所花費的時間就越少”這一原則,于是將左上角的返回按鈕搬到了左下角(側(cè)滑返回操作沒有影響),沒錯,對于現(xiàn)在的大屏手機來說,返回效率確實提升了,但卻違背了用戶的使用習慣,增加了誤操作的可能性。
返回按鈕放置左上角,與絕大多數(shù)產(chǎn)品保持一致的使用習慣,這意味著用戶只需付出更少的學習成本甚至無需學習即可快速上手。
總的來說,遵循一致性原則,就是讓同一產(chǎn)品具有統(tǒng)一的設計規(guī)范,并且其視覺樣式、交互形式都應該遵循基本的用戶習慣,保持功能、操作的一致性,確保用戶能夠輕松使用。