如何抓住用戶的注意力妒蔚，引導(dǎo)用戶關(guān)注于頁面的主要任務(wù)呢？
分解用戶任務(wù)
要突出主要任務(wù)吆你，首先要明確用戶使用產(chǎn)品時要完成的任務(wù)有哪些，并詳盡地分解出這些任務(wù)俊犯。
如何進行任務(wù)分解妇多？
從用戶的行為出發(fā)，詳細描述用戶的使用過程燕侠，將用戶任務(wù)分解為具體的行為操作者祖。這些用戶行為就可以稱作這個任務(wù)的子任務(wù)。
排列任務(wù)優(yōu)先級
要突出用戶的主要任務(wù)绢彤，就要對這些子任務(wù)所對應(yīng)功能的優(yōu)先級進行排列七问。確定優(yōu)先級不是憑感覺的事，我們要有可以量化的標準來衡量哪些功能優(yōu)先級高茫舶，哪些功能優(yōu)先級低械巡。大多數(shù)用戶需要用到的功能和使用頻率很高的功能，需要重點突出饶氏。對用戶目標和商業(yè)目標的影響大小坟比，可以表示為此項功能的重要程度。所以嚷往，我們可以通過使用人數(shù)葛账、使用頻率和重要程度這 3 個維度來排布優(yōu)先級。
通過對使用人數(shù)皮仁、使用頻率籍琳、重要程度這3個維度的分析，我們可以將子任務(wù)的優(yōu)先級分為3個層次贷祈。
第一優(yōu)先級：瀏覽影片列表趋急，選定要觀看的影片，選擇觀影區(qū)域势誊、電影院呜达、日期、場次粟耻、座位圖查近，輸入手機號，點擊“確認購票”按鈕挤忙。
第二優(yōu)先級：瀏覽票房排行霜威、優(yōu)惠推薦、瀏覽生成的訂單册烈。
第三優(yōu)先級：瀏覽影片詳情戈泼、評論詳情，觀看預(yù)告片。
注意大猛，優(yōu)先級并不是出現(xiàn)的先后次序扭倾，而是在頁面中的重要程度。這些任務(wù)的出現(xiàn)次序挽绩，要按照主行為流的次序排列吆录。比如，“瀏覽影片列表”一定在“點擊‘確認購票’按鈕”前面琼牧，“點擊‘確認購票’按鈕”一定在“瀏覽生成的訂單”前面，等等哀卫。
組織合并相關(guān)任務(wù)
我們可以看到巨坊，一個簡單的在線購票，就包含了15項子任務(wù)此改。如果將這些任務(wù)毫無組織地呈現(xiàn)在用戶面前趾撵，肯定是雜亂無章的。設(shè)計師需要將這些任務(wù)按一定的意義組織起來共啃，便于用戶理解和使用占调。就像設(shè)計一個洗衣機面板。首先要將所有按鈕放在一個統(tǒng)一的區(qū)域內(nèi)移剪，再在這個區(qū)域內(nèi)將操作和功能相似的按鈕擺放在一起究珊，然后畫個圈把它們?nèi)橐唤M。同樣地纵苛，我們可以將次序相同剿涮、操作類似、界面類似的任務(wù)組合起來攻人，合并為同一組模塊展現(xiàn)在用戶面前取试。
由于最終要呈現(xiàn)給用戶的是界面，我們可以直接將分解出的子任務(wù)轉(zhuǎn)化為界面怀吻。在這里瞬浓，只需粗略地想好每個頁面的大致設(shè)計，只要能表示出這是一個列表頁蓬坡、這是一個選擇器就可以了猿棉。因為這里的界面模塊，主要是為了組織用戶任務(wù)屑咳，如圖6-23所示铺根。
注意，優(yōu)先級并不是出現(xiàn)的先后次序乔宿，而是在頁面中的重要程度位迂。這些任務(wù)的出現(xiàn)次序，要按照主行為流的次序排列。比如掂林，“瀏覽影片列表”一定在“點擊‘確認購票’按鈕”前面臣缀，“點擊‘確認購票’按鈕”一定在“瀏覽生成的訂單”前面，等等泻帮。
組織合并相關(guān)任務(wù)
我們可以看到精置，一個簡單的在線購票，就包含了15項子任務(wù)锣杂。如果將這些任務(wù)毫無組織地呈現(xiàn)在用戶面前脂倦，肯定是雜亂無章的。設(shè)計師需要將這些任務(wù)按一定的意義組織起來元莫，便于用戶理解和使用赖阻。就像設(shè)計一個洗衣機面板。首先要將所有按鈕放在一個統(tǒng)一的區(qū)域內(nèi)踱蠢，再在這個區(qū)域內(nèi)將操作和功能相似的按鈕擺放在一起火欧，然后畫個圈把它們?nèi)橐唤M。同樣地茎截，我們可以將次序相同苇侵、操作類似、界面類似的任務(wù)組合起來企锌，合并為同一組模塊展現(xiàn)在用戶面前榆浓。
由于最終要呈現(xiàn)給用戶的是界面，我們可以直接將分解出的子任務(wù)轉(zhuǎn)化為界面撕攒。在這里哀军，只需粗略地想好每個頁面的大致設(shè)計，只要能表示出這是一個列表頁打却、這是一個選擇器就可以了杉适。因為這里的界面模塊，主要是為了組織用戶任務(wù)柳击，如圖6-23所示猿推。
組織合并之后，15項用戶任務(wù)轉(zhuǎn)化為了8個界面模塊捌肴，被規(guī)劃到3個頁面中蹬叭。下面可以根據(jù)這些模塊的優(yōu)先級，將它們排布到頁面中去状知。在頁面中秽五，對于不同級別的任務(wù)，要有不同的展現(xiàn)形式饥悴。一級任務(wù)一級展現(xiàn)坦喘，二級任務(wù)二級展現(xiàn)盲再。我們可以利用人們從左上到右下的閱讀規(guī)律及自上而下的直線式邏輯，將重要的任務(wù)放置在頁面的左上部瓣铣，使用較大的視覺區(qū)域進行展示答朋。使用較強烈的對比度突出重要信息和操作，如圖6-24所示棠笑。
運用此方法將所有頁面進行布局之后梦碗，我們可以得到大致的頁面原型，如圖6-25所示蓖救。
