中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

對于數據類頁面來說，首要注重的應該是頁面信息，其次再是各種功能操作。那么頁面信息又有什么搭建框架與要點呢？筆者將為我們進行分析。

信息才是頁面的主角，不要讓功能操作喧賓奪主。

而數據展示類頁面比較特殊，相較于常規頁面信息量更大，設計方法與常規頁面還是略有不同，總結了一些設計思路，結合實例分享一下。

這種頁面設計比較考驗產品能力，如果只是擺數據就沒意思了，產品經理需要讓數據類信息清晰易獲取，且簡單易懂，才能讓用戶用起來。

一、明確信息點-用戶關注什么？

注意是用戶的關注點，不是數據項。

數據是產品設計中的產物，而用戶期望的并不是數據，而是獲取最終處理后的信息，也就是用戶的關注點。所以先整理出用戶的關注點，不要直接將數據項羅列出來。

一個頁面往往承載多類信息，建議將信息分類梳理，逐步細化。

1. 明確大類信息點

信息是分層級的，為了避免遺漏，我們先找到大的關注點，也就是大類信息點，然后逐層拆解。

如何明確大類信息點？取決于用戶需求和產品目的，也就是用戶需要什么 和你想讓他看到什么？據此確定功能的關注點，這一步建議多花時間想想，否則后續都是白搭。

直接上例子，這是一個作業查閱頁面-教師查閱學生們單詞學習計劃的完成情況，這樣一個頁面教師的關注點是：計劃做沒做 和 做得怎么樣，也就是計劃完成情況和單詞掌握情況。

2. 拆解大類信息點

大類信息點往往是比較籠統的，不具有落地效果，需要進一步拆解，用子信息點來支撐大類信息點。

如何拆解？

原則就是尋找能支撐大類信息點的子信息點。不同的業務會有不同的拆分維度，但原則是一樣的，拆解成可落地的子信息點。

如下圖，將上述大類信息點拆解成子信息點，采用 總體 和 當日 作為拆分維度，最終拆解出對應的子信息點。

二、搭建信息面-將信息點組織為有效信息

零散的信息點是無效的，將信息點有組織地呈現給用戶，才有價值，也就是信息面。

先說一下我所理解的信息面，信息面=能清晰且完整地表達出信息價值的信息點組合。

信息點是存在關聯的，我們需要明確組織成什么樣的信息面給用戶才是最高效的，在常見的設計中，一般可以分為重要信息面和次要信息面。

• 重要信息面：用戶關注度很高，一般是對頁面具有高度概括性，讓用戶可以快速獲取頁面概況，又或者是特殊關注的重要信息；
• 次要信息面：用戶關注度一般，對概況信息起到詳解或補充的作用，可以全面闡述頁面信息。

這是常見頁面的信息面層級劃分，并不是所有頁面都這樣，有些頁面也會是同等級的信息面，這個取決于你的業務需求和產品目標，可以靈活調整。

需要注意的是，一個頁面可能會同時存在多個同等級信息面，比如兩個次要信息面，就是兩個同等重要但表達不同內容的信息面，這種情況我們就需要根據業務需求，再排列優先級，在設計中體現出側重。

回到上面的例子，搭建起兩個信息面：重要和次要信息面：

重要信息面是是全班信息面，次要信息面是個人信息面，在后續的設計中，要利用整理好的這份信息框架，讓信息點支撐起全班信息面和個人信息面，這對用戶來說才是一組有效信息，而不是雜亂無章的信息噪點。

三、確定數據項-建立信息點和數據項的關聯性

從信息點整理出了信息面，那么信息點又從哪里來呢？

一開始也有說，數據只是產品設計的產物，并不是用戶想要的，但我們終須從數據出發，將其轉化為信息點，這就需要我們建立起數據和信息點的關聯。

要做的就是，確定什么數據項能代表這個信息點。

如下圖，產品經理根據對業務的理解，確定各信息點的對應數據項，這樣就完整地將原始數據轉化為可讀的信息點了，最終再搭建為易讀的信息面。

四、設計頁面-將信息框架落地到頁面上

最后一步，有了整理好的信息框架，接下來該如何落地到頁面上？

根據自己的設計經驗，有以下幾個方法論分享一下，目的只有一個：讓用戶高效獲取到想要的信息。

1. 信息有結構，就像寫文章一樣

好的頁面信息就像寫文章一樣，是有類似于“總分總”或者“總分”結構的，讀者可以很自然地讀懂這篇文章。

頁面就是文章，信息就是文字，頁面信息怎么鋪就是文章結構，“總分總”還是“總分”結構好，看你對業務和用戶習慣的理解。

前面我們梳理了一份信息框架，接下來就開始轉化為實際頁面：

• 首先，將全班信息面（重要信息面）放在了頂部，作為整頁信息的概況；
• 然后，將個人信息面（次要信息面）放在了下面的卡片中，作為概括信息的詳解，但沒有將原始的次要信息（右圖）冰冷地擺給用戶，而是進一步提煉了用戶想要的信息，所以在左圖中你很少看到數字，更多的是可視化圖表和重點關注用戶名稱，這樣可以讓用戶更高效地獲取信息；
• 最后，將又臭又長又啰嗦的表單放在了二級頁面，讓那些少數具有高階數據需求的用戶也可以獲取到最全面的信息。

不知道你有沒有看出來，我在用“總分”結構呈現這個頁面，將信息從一個點逐漸拆給用戶，類似于金字塔結構。

一個好的頁面一定是有結構的，將梳理好的信息面有結構地鋪在頁面上，這樣就完成了從數據項->信息點->信息面->實際頁面的完整流程！

2. 數據可視化，不要直接擺數據

字不如表，表不如圖，是亙古不變的的道理，從原始數據里去獲取信息是很累的事情，可以嘗試通過可視化圖表來呈現數據，比如解決上述例子中的個人信息面-學生掌握詞量的信息呈現問題，用下圖所示這種類似于成績分布圖，可以讓用戶快速獲取到班內學生的掌握詞量分布，這是用數據項很難傳達出來的。

要善于使用可視化圖表，盡量避免讓用戶自行處理復雜難懂的數據項。

五、最后，總結一下

數據類頁面設計方法：

1. 明確信息點，找到用戶關注什么，從大到小逐層細化；
2. 搭建信息面，將信息點組織為信息面，使其成為有效信息；
3. 確定數據項，建立信息點和數據項之間的關聯；
4. 設計頁面，將整理好的信息框架有結構、可視化地落地到頁面上。

本文由 @十八線產品 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。