如何佈局設計複雜介面

才智咖 人氣:2.84W

很多產品的資訊量很大,又因為各種各樣的原因設計師不能對內容進行輕易刪減。如果不好好整理資訊,會讓介面越來越凌亂。那麼如何佈局設計複雜介面,下面我們一起來看看吧。

如何佈局設計複雜介面

如何佈局設計複雜介面

1. 把需要展示的資訊都列出來

先不考慮資訊之間的關係和順序,大致列出即可。主要資訊一定要列出,優先順序較低的資訊不用100%覆蓋也沒有關係。

以Facebook為例,首頁需要展示的資訊有:

Logo、搜尋、使用者資訊、導航、Explore功能列表、發帖發圖、最新動態、朋友推薦、語言選擇、網站宣告、聊天板、我建立的、設定、登出…

2. 從產品策略的角度整理資訊

與對這個產品比你更瞭解的`人討論(如產品經理),從產品策略的角度將這些資訊進行分組歸納(這時還不需要過多考慮使用者):

基礎功能:搜尋、導航、設定、登出

基礎資訊:Logo、使用者資訊

主要功能:發帖發圖

主要資訊(不斷更新):最新動態

重要功能:聊天板

重要資訊:朋友推薦

輔助功能:我建立的、Explore功能列表

輔助資訊:語言選擇、網站宣告

3. 從使用者的角度整理資訊

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

可能是我使用這個東西的唯一目的:最新動態

我常用的東西,越方便越好:發帖發圖

必須有,但我通常不會仔細去看:Logo、搜尋、使用者資訊

如果有動態我就感興趣:聊天板、我建立的

我想要時才回去找:設定、登出、語言選擇

我不關心,偶爾可能看一眼:朋友推薦、Explore功能表

4. 根據使用者心理調整按照產品策略整理的資訊

產品策略中的重要功能“聊天板”根據使用者反饋,除非有動態否則不會關心。所以放到輔助功能裡。

產品策略中的重要資訊“朋友推薦”根據使用者反饋,並不會主動去看,所以放到輔助資訊裡。

再將其餘的資訊結合使用者關心的優先順序前後排列。

調整後,資訊的分類變成了這樣:

基礎功能:導航、搜尋、設定、登出

基礎資訊:Logo、使用者資訊

主要功能:發帖發圖

主要資訊(不斷更新):最新動態

輔助功能:聊天板(策略重要)、我建立的、Explore功能列表

輔助資訊:朋友推薦(策略重要)、語言選擇、網站宣告

TAGS:佈局 介面