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