B端產(chǎn)品設(shè)計(jì)和評(píng)審的指導(dǎo)原則
由于B端產(chǎn)品本身存在業(yè)務(wù)邏輯造成的理解壁壘,在做判斷時(shí),容易陷入無休止的糾結(jié)或各說各話的無限爭吵之中。設(shè)計(jì)和評(píng)審時(shí),需要依據(jù)一定的指導(dǎo)原則。
一、清晰
界面主次分明:很容易區(qū)分主要功能和次要功能、關(guān)鍵信息和補(bǔ)充信息、主要控件和次要控件;
對(duì)于核心用戶,很容易判斷自己在當(dāng)前頁面能干什么,不會(huì)感到迷惑和不知所措;
頁面的核心信息清晰易懂,語句簡潔無歧義,對(duì)于難以理解的專業(yè)名詞有必要的解釋和說明;
二、高效
能夠讓系統(tǒng)依靠內(nèi)部或設(shè)定的業(yè)務(wù)邏輯自動(dòng)進(jìn)行關(guān)聯(lián)的操作或判斷,就不要讓用戶來進(jìn)行;
能夠在當(dāng)前頁面完成的任務(wù)或操作,盡量不需要去到其他頁面;
對(duì)于80%的操作或需要的信息,需要3次點(diǎn)擊以內(nèi)就能夠到達(dá);
能夠識(shí)別核心用戶行為,并在他們進(jìn)行操作時(shí)給予對(duì)應(yīng)的推薦。
三、一致性
業(yè)務(wù)邏輯的一致性:不同模塊或頁面的同類功能,是否有同樣的操作?同樣的定義是否使用了同樣的標(biāo)題或文案?
結(jié)構(gòu)層和框架層的一致性:即各級(jí)導(dǎo)航菜單的結(jié)構(gòu)、頁面的框架和布局等。如:“更多”的入口是彈窗還是跳轉(zhuǎn)?菜單是下拉還是側(cè)滑?操作區(qū)域是位于頁面右側(cè)還是下方等;
表現(xiàn)層的一致性:即核心控件、元素、交互動(dòng)作是否一致:包括視覺與交互樣式,如常用控件:按鈕、圖標(biāo)、toast提示、彈窗、遮罩層、菜單等;常見交互動(dòng)作:點(diǎn)擊效果、滑動(dòng)效果、轉(zhuǎn)場動(dòng)效等等;
四、美觀
頁面信息的易讀讀性;
色彩的統(tǒng)一性與協(xié)調(diào)性;
布局的協(xié)調(diào)性,主次分明;
