我認(rèn)為交互設(shè)計(jì)四大策略（刪除、組織、隱藏、轉(zhuǎn)移）中成本最少、損失最小、操作最便捷的方式是組織。通過(guò)重新的設(shè)計(jì)，用戶對(duì)產(chǎn)品的注意力提高。這種方式常用于頁(yè)面的布局設(shè)計(jì)，從頁(yè)面風(fēng)格、內(nèi)容、搜索功能來(lái)探討組織。

一、頁(yè)面風(fēng)格

對(duì)于頁(yè)面的調(diào)整，可以從分塊、尺寸、顏色考慮。

1. 分塊

頁(yè)面的設(shè)計(jì)離不開分塊，將多項(xiàng)功能分別組織到不同的菜單模塊中，形成清晰的層次結(jié)構(gòu)，類似于決策方法中層次分析法。先思考探究的決策目標(biāo)是什么，確定決策準(zhǔn)則，細(xì)分決策對(duì)象。

將決策的目標(biāo)、考慮的因素（決策準(zhǔn)則）和決策對(duì)象按它們之間的相互關(guān)系分為最高層、中間層和最低層，繪出層次結(jié)構(gòu)圖。最高層是指決策的目的、要解決的問(wèn)題。

• 最低層是指決策時(shí)的備選方案。
• 中間層是指考慮的因素、決策的準(zhǔn)則。
• 對(duì)于相鄰的兩層，稱高層為目標(biāo)層，低層為因素層。

按照兩兩之間的關(guān)系畫出框架圖。

以樹林的茂盛情況，可以從樹木生長(zhǎng)情況、種植間距、自然條件等方面來(lái)進(jìn)行考慮。自生長(zhǎng)情況包括樹木的高度、樹冠大小、樹徑等因素。

對(duì)于頁(yè)面的分塊也是如此，探究用戶的行為習(xí)慣進(jìn)行組織，用戶想做什么、先做什么、后做什么？

一步一步地思考，將每一個(gè)步驟所涉及的內(nèi)容分為一個(gè)版塊，將每一個(gè)版塊按照步驟的順序進(jìn)行排列。

比如微軟的excel界面，打開頁(yè)面，用戶可以進(jìn)行插入、頁(yè)面布局、數(shù)據(jù)等操作；將每一個(gè)版塊分細(xì)，開始菜單下有字體調(diào)整、對(duì)齊方式等。依次類推，頁(yè)面的架構(gòu)逐漸清晰。

版塊的數(shù)目盡量少，提供給用戶的選擇越少，產(chǎn)生的負(fù)擔(dān)越輕。為什么微信發(fā)朋友圈最多發(fā)出九張圖呢？而不是四張呢？

理論上，人的大腦瞬間能夠記住的最大數(shù)字是“7加減1”。

適當(dāng)?shù)卦偬砑右豁?xiàng)，講究排列的對(duì)稱性與美感，用戶對(duì)此感知較弱。長(zhǎng)期使用其他產(chǎn)品，用戶對(duì)九宮格的設(shè)計(jì)較為習(xí)慣，比如九宮格輸入法。并且，九張圖的選擇較少了用戶的思考時(shí)間。

在設(shè)計(jì)一款產(chǎn)品的時(shí)候，首先思考產(chǎn)品的功能架構(gòu)圖和信息架構(gòu)圖，理清頁(yè)面的整個(gè)布局，再產(chǎn)出原型圖。沒(méi)有邏輯的思考，原型圖的布局將會(huì)非常凌亂，后期的修改會(huì)變得復(fù)雜許多。

在總覽全局時(shí)，我們按照理想的方式設(shè)計(jì)，有一定的偏差，用戶可能會(huì)選擇其他捷徑。以親身感受為例，第一次使用實(shí)習(xí)僧投遞簡(jiǎn)歷，我根本不知道哪里查看投遞情況。

作為求職者，我很希望能夠快速看到求職情況。實(shí)習(xí)僧將查看投遞的按鈕隱藏在“消息”菜單下的右上角隱藏懸浮框中。按照自己規(guī)劃圖中清晰的線條和整潔的布局所迷惑，忽略用戶的感受。簡(jiǎn)單的組織意味著你在使用產(chǎn)品會(huì)對(duì)什么感覺(jué)不錯(cuò)，不是你在規(guī)劃看到了什么邏輯。

2. 尺寸

頁(yè)面通常會(huì)有國(guó)字形、廠字形設(shè)計(jì)風(fēng)格，將頁(yè)面分成多個(gè)小框架。每一個(gè)框架的比例應(yīng)該相同，使用按鈕的格式統(tǒng)一。在利用網(wǎng)格來(lái)區(qū)分小框架時(shí)，要注意以下情況。

3. 顏色

頁(yè)面使用的顏色過(guò)多，學(xué)習(xí)的時(shí)間變長(zhǎng)。整個(gè)設(shè)計(jì)中的顏色應(yīng)該完全統(tǒng)一，對(duì)重點(diǎn)的內(nèi)容進(jìn)行特別標(biāo)注。色標(biāo)系統(tǒng)是一條簡(jiǎn)化設(shè)計(jì)的捷徑，使用顏色分層和顏色標(biāo)記有細(xì)微的差別。

在做色標(biāo)系統(tǒng)的前，應(yīng)該思考用戶停留的時(shí)間長(zhǎng)短。如果用戶屬于臨時(shí)用戶，色標(biāo)系統(tǒng)的設(shè)計(jì)是不太合理的，他們沒(méi)有時(shí)間去區(qū)別顏色所代表的含義。在確保用戶會(huì)花很長(zhǎng)的時(shí)間去學(xué)習(xí)并重復(fù)使用設(shè)計(jì)時(shí)，色標(biāo)系統(tǒng)的價(jià)值會(huì)非常大。

正如紅綠燈的紅、綠、黃色標(biāo)，我們看到顏色能夠條件反射出它代表的意思。假設(shè)我們出差到一家酒店，廁所的男女門分別為紅色、綠色。無(wú)條件、無(wú)環(huán)境的設(shè)計(jì)適得其反在，在緊張、匆忙的情況下，人的思考會(huì)弱化很多。

二、內(nèi)容

按照字母表的方式對(duì)內(nèi)容進(jìn)行排序，看起來(lái)簡(jiǎn)單，卻經(jīng)常不可行。如果不知道查找的內(nèi)容，進(jìn)行大面積排查的方式會(huì)浪費(fèi)很多時(shí)間。比如，在數(shù)據(jù)庫(kù)中查找九寨溝，頁(yè)面未分類顯示文章、圖片、視頻，到底想看哪一個(gè)呢？

從頭查找顯得很麻煩。按照格式排序來(lái)對(duì)內(nèi)容進(jìn)行排序，是一種比較好的分類方法。

對(duì)于專有名詞進(jìn)行字母排序建立索引是可以的。比如在數(shù)據(jù)庫(kù)中查找中報(bào)考英語(yǔ)考試的人。使用姓氏排除會(huì)節(jié)省許多時(shí)間。

對(duì)于會(huì)議安排可以按照時(shí)間順序組織，特別是持續(xù)時(shí)間相差不多的活動(dòng)。用戶不用是不是地查看時(shí)間和日記表，通過(guò)時(shí)間表能夠?qū)顒?dòng)安排一目了然。

對(duì)于一些實(shí)體對(duì)象可以按照空間組織，比如走進(jìn)一個(gè)房子，里面分為臥室、廚房、書房等。

對(duì)于同一個(gè)類型下的產(chǎn)品進(jìn)行分類，可以從功能、選項(xiàng)、配件三個(gè)角度進(jìn)行分類。以功能舉例：電商類產(chǎn)品有淘寶、京東、蘇寧，社交類產(chǎn)品有微信、QQ、一罐、Soul，閱讀類產(chǎn)品有網(wǎng)易蝸牛閱讀、微信閱讀、當(dāng)當(dāng)閱讀、掌閱。簡(jiǎn)單的分類指重復(fù)交叉最少的分類方法。

三、搜索

對(duì)內(nèi)容進(jìn)行有效的組織后，考慮如何設(shè)計(jì)搜索。無(wú)論是設(shè)計(jì)還是使用，搜索與搜索的最優(yōu)適用條件不同。一般情況下，直接點(diǎn)擊符合意愿的鏈接是最簡(jiǎn)單的選擇，不用考慮需要輸入什么關(guān)鍵詞。

當(dāng)用戶看到鏈接時(shí)一下子明白當(dāng)前程序可以做什么時(shí)，他們是不會(huì)去看幫助文檔。在網(wǎng)站沒(méi)有提示有效導(dǎo)航欄或者需要從大量類似中找到一個(gè)已知項(xiàng)的情況下，用戶才會(huì)使用搜索。

如何實(shí)現(xiàn)搜索的內(nèi)容與關(guān)鍵詞有最大程度的匹配是技術(shù)的話題，不予討論。

本文由 @.lemon～萌小2 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于CC0協(xié)議。