如何布局設(shè)計復(fù)雜界面

　　很多產(chǎn)品的信息量很大，又因為各種各樣的原因設(shè)計師不能對內(nèi)容進行輕易刪減。如果不好好整理信息，會讓界面越來越凌亂。那么如何布局設(shè)計復(fù)雜界面，下面我們一起來看看吧。

　　如何布局設(shè)計復(fù)雜界面

　　1. 把需要展示的信息都列出來

　　先不考慮信息之間的關(guān)系和順序，大致列出即可。主要信息一定要列出，優(yōu)先級較低的信息不用100%覆蓋也沒有關(guān)系。

　　以Facebook為例，首頁需要展示的信息有：

　　Logo、搜索、用戶信息、導(dǎo)航、Explore功能列表、發(fā)帖發(fā)圖、最新動態(tài)、朋友推薦、語言選擇、網(wǎng)站聲明、聊天板、我創(chuàng)建的、設(shè)置、注銷…

　　2. 從產(chǎn)品策略的.角度整理信息

　　與對這個產(chǎn)品比你更了解的人討論(如產(chǎn)品經(jīng)理)，從產(chǎn)品策略的角度將這些信息進行分組歸納(這時還不需要過多考慮用戶)：

　　基礎(chǔ)功能：搜索、導(dǎo)航、設(shè)置、注銷

　　基礎(chǔ)信息：Logo、用戶信息

　　主要功能：發(fā)帖發(fā)圖

　　主要信息(不斷更新)：最新動態(tài)

　　重要功能：聊天板

　　重要信息：朋友推薦

　　輔助功能：我創(chuàng)建的、Explore功能列表

　　輔助信息：語言選擇、網(wǎng)站聲明

　　3. 從用戶的角度整理信息

　　與用戶(或潛在用戶)交流，觀察他們對這些信息的真實想法。因為越貼近真實心理越好，所以可以用一些口頭話、感性的表達方式：

　　可能是我使用這個東西的唯一目的：最新動態(tài)

　　我常用的東西，越方便越好：發(fā)帖發(fā)圖

　　必須有，但我通常不會仔細(xì)去看：Logo、搜索、用戶信息

　　如果有動態(tài)我就感興趣：聊天板、我創(chuàng)建的

　　我想要時才回去找：設(shè)置、注銷、語言選擇

　　我不關(guān)心，偶爾可能看一眼：朋友推薦、Explore功能表

　　4. 根據(jù)用戶心理調(diào)整按照產(chǎn)品策略整理的信息

　　產(chǎn)品策略中的重要功能“聊天板”根據(jù)用戶反饋，除非有動態(tài)否則不會關(guān)心。所以放到輔助功能里。

　　產(chǎn)品策略中的重要信息“朋友推薦”根據(jù)用戶反饋，并不會主動去看，所以放到輔助信息里。

　　再將其余的信息結(jié)合用戶關(guān)心的優(yōu)先級前后排列。

　　調(diào)整后，信息的分類變成了這樣：

　　基礎(chǔ)功能：導(dǎo)航、搜索、設(shè)置、注銷

　　基礎(chǔ)信息：Logo、用戶信息

　　主要功能：發(fā)帖發(fā)圖

　　主要信息(不斷更新)：最新動態(tài)

　　輔助功能：聊天板(策略重要)、我創(chuàng)建的、Explore功能列表

　　輔助信息：朋友推薦(策略重要)、語言選擇、網(wǎng)站聲明

【如何布局設(shè)計復(fù)雜界面】相關(guān)文章：

區(qū)域活動的環(huán)境布局如何設(shè)計08-09

書房風(fēng)水如何布局10-11

家居燈光如何巧妙布局09-22

客廳設(shè)計布局要點09-18

AutoCAD2015如何設(shè)置鎖定經(jīng)典操作界面10-04

如何布局關(guān)鍵詞最合理?09-05

如何使用CAD布局空間視口06-27

不同備考階段如何布局托福寫作08-30

CAD如何在布局中處理圖形07-06

辦公室設(shè)計布局要點11-02