十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問題一站解決
交互設(shè)計(jì)工作核心在于信息架構(gòu)和交互細(xì)節(jié)設(shè)計(jì)。信息架構(gòu)包括信息分類以及信息展示邏輯設(shè)計(jì);交互細(xì)節(jié)則多表現(xiàn)為控件的選擇,交互效果的定義等。在信息設(shè)計(jì)中,遇到最棘手的問題就是信息量太多而顯得設(shè)計(jì)結(jié)果不盡人意,那么在砍不掉需求的前提下(信息太多,也許是需求本身還有被精簡(jiǎn)的可能性),如何解決這類問題呢?
通常來(lái)說,信息設(shè)計(jì)的時(shí)候有很對(duì)可遵循的關(guān)系在,信息間互斥,信息間相輔相成,信息間屬于包含與被包含關(guān)系等。那么今天要探討的是”父子關(guān)系”。所謂”父子關(guān)系”也就是核心信息與輔助信息(同類信息),重點(diǎn)信息與次要信息(非同類信息)在界面設(shè)計(jì)上的對(duì)比關(guān)系。
一、 “父子關(guān)系”在設(shè)計(jì)中的意義
如果你不能做到讓一個(gè)頁(yè)面不言而喻,那么至少應(yīng)該讓它自我解釋,這是由Krug先生在《Don’t make me think》中提及的觀點(diǎn)。而“父子”關(guān)系的體現(xiàn),則是向用戶解釋哪些是需要被關(guān)注的,哪些是當(dāng)前最重要的,以保證主路徑的暢通無(wú)阻(即便是廣告,如果是定制化的也是有積極意義的)。
二、如何在設(shè)計(jì)中找到“父子關(guān)系”
設(shè)計(jì)師首先需要判斷需要設(shè)計(jì)的信息間關(guān)系。而判斷依據(jù)可以是業(yè)務(wù)邏輯,可以是用戶操作邏輯。
比如一個(gè)成功反饋?lái)?yè)面。如果業(yè)務(wù)邏輯到此為止結(jié)束,沒有下一步動(dòng)作,那么反饋信息顯得比較重要;如果業(yè)務(wù)邏輯中這個(gè)成功反饋只是邏輯中的一個(gè)環(huán)節(jié),那么下一步動(dòng)作的引導(dǎo)則強(qiáng)于反饋信息。
三、 如何在設(shè)計(jì)中體現(xiàn)“父子關(guān)系”
第一步:信息分類
將所有的信息按照某種邏輯(card sorting)歸類。歸類前將所有信息設(shè)置為相同字號(hào),字體,顏色。
分類的設(shè)計(jì)方法:
線:設(shè)計(jì)輔助線,實(shí)線,虛線等
面:背景底色,背景框
留白:通過信息間空白區(qū)域來(lái)分割
比如郵箱驗(yàn)證成功頁(yè)面,按照業(yè)務(wù)不同,將信息劃分為三種:
原有頁(yè)面
第二步:信息在頁(yè)面的排列順序
不同信息在頁(yè)面排列的順序是特定的,這個(gè)順序可能一種規(guī)范,比如該頁(yè)面成功反饋肯定出現(xiàn)在頁(yè)面頂部,引導(dǎo)排后。那么將之前分類好的信息以類為單位,按照這個(gè)順序陳列在頁(yè)面上。