任何產(chǎn)品設(shè)計都是如此——呈現(xiàn)出來或者被用戶所感知的只是水面之上的冰山一角，更多沒被關(guān)注到的準(zhǔn)備工作，以及對產(chǎn)品的思考或許才是深海中浩瀚的冰川。
最近威廉參加了一個活動并且有幸獲得了最佳方案獎，很多朋友都很好奇我的作品，也想讓我分享一下設(shè)計思路，于是己干起了白天上班晚上寫文章的勾當(dāng)。
當(dāng)然這也好，一方面是自己對于這次活動做個完整的復(fù)盤，二次學(xué)習(xí)嘛；另一方面也是為了跟有興趣的朋友分享一下自己產(chǎn)品設(shè)計思路。
一、命題說明
諸葛io隸屬于北京諸葛云游科技有限公司，于2015年3月上線，是一個聚焦用戶全生命周期數(shù)據(jù)采集、分析和決策的平臺?；赨TSE用戶模型和開放靈活的技術(shù)平臺，賦能企業(yè)的數(shù)字化戰(zhàn)略發(fā)展，提升企業(yè)的運營和營銷效率。
參賽者可從以下方向（可選擇一個或多個）展開分析，或自行選擇問題角度切入設(shè)計：
- 手機端受屏幕空間限制，數(shù)據(jù)可視化的圖表傳遞信息的能力比PC瀏覽器弱很多，優(yōu)化App端的圖表，讓重要的信息得以有效傳遞。
- 當(dāng)數(shù)據(jù)查詢的條件較復(fù)雜時，從服務(wù)器獲取和數(shù)據(jù)會比較慢，用戶體驗較差，如何進行優(yōu)化？
- 團隊中會有很多基于數(shù)據(jù)進行協(xié)作的需求，比如市場總監(jiān)發(fā)現(xiàn)新增用戶量異常下降，可以標(biāo)注出來并分享給團隊同事，以便進行后續(xù)處理（此項需求可以從標(biāo)注、分享兩項基本功能入手設(shè)計，也可以自行分析梳理得出設(shè)計）
二、命題選擇
活動的出題一般都是命題或半命題作文，沒法讓你去自由發(fā)揮，這次也不例外，所以選擇一個好的命題尤為重要。好的命題不意味著是最簡單最好設(shè)計的命題——畢竟大家都想選簡單的，思路比較容易撞車，而且無法展開同時也無法充分展示能力。所以適合自己的、有一定挑戰(zhàn)的命題才是好的命題。
仔細分析三個命題，除了第一個命題比較明確是APP端之外，二三都沒強調(diào)APP或PC端，這樣使得設(shè)計會很開放。
再說第二個命題其實就是指“數(shù)據(jù)加載慢，用戶體驗差，如何去優(yōu)化？”，從產(chǎn)品角度來說可做的不多，無非是加載過度頁面之類的，其實更重要的還是通過技術(shù)手段去優(yōu)化，因此自己就不考慮這個方向了。
而第三個命題標(biāo)注和分享功能，這個對于我來說一直存在爭議的，剛拿到這個命題時包括在我寫文章時，我還在想這到底是不是一個真實的需求。無論是APP端還是PC端，都有外部的截圖編輯以及分享的功能，有沒有必要把這個功能做到諸葛ioAPP內(nèi)部來？更何況諸葛io和其他B端產(chǎn)品一樣講究角色和權(quán)限，而分享功能是否會在邏輯上存在相悖。所以當(dāng)時也沒有考慮這個命題。
到頭來，還是第一個命題更適合自己去發(fā)揮，就pick你了一號。
三、設(shè)計思路
命題有了，那就開始圍繞著命題展開發(fā)散性思考吧。如何解決在手機屏幕有限空間下的信息有效傳遞問題？
這讓我突然想到了一個房地產(chǎn)行業(yè)的問題，土地面積有限的情況下，通常開發(fā)商為了可以賣出更多的使用面積，都是通過建造高層建筑來提高空間面積。既然手機屏幕空間有限，那我不也可以通過將數(shù)據(jù)分層處理，在現(xiàn)有的空間的基礎(chǔ)上搭建多層空間，來達到極致的空間利用，通過層次感來解決空間限制。同時將不同的信息按照重要性、常用性等因素分別放置在不同的空間層區(qū)展示，這也就很好的做到了信息的有效傳遞。
除了對單一命題的設(shè)計思考外，還要將這一思考和現(xiàn)有產(chǎn)品功能相結(jié)合以及更加全局的考量，因此還得做兩手準(zhǔn)備：產(chǎn)品體驗和競品分析。
1. 產(chǎn)品體驗
二話不說就從AppStore下載了APP，打開一看，這不就是個demo嗎？只有參考作用，完全不存在借鑒意義，所以在命題的解題上就不能受到現(xiàn)有demo的局限，應(yīng)該跳脫出去，根據(jù)自己的思考和分析去重構(gòu)諸葛ioAPP。
與其要說是對app端的優(yōu)化，還不如說是冷啟動諸葛io APP端項目。
2. 競品分析
既然要從無到有，那就得多借鑒一下同行的設(shè)計，看看別人是怎么做的，取其精華，去其糟粕，于是又去App Store搜索諸葛io的競品例如Growing io、神策數(shù)據(jù)，結(jié)果同樣讓人“不寒而栗”，競?cè)粔焊紱]有，沒有競品可以借鑒這是真的難受。
（數(shù)據(jù)分析類產(chǎn)品看來還是受到終端限制十分嚴重，所以很多同類產(chǎn)品就徹底放棄移動端APP的開發(fā)，這也是我們這次所要解決的問題所在）
至此，我宣布：諸葛ioAPP項目冷啟動正式開始。
首先，我們需要了解什么是諸葛io？
通過諸葛io的官網(wǎng)可以了解到：諸葛io是一個聚焦用戶全生命周期數(shù)據(jù)采集、分析和決策的平臺。由于它是面向B端市場的產(chǎn)品，主要的用戶也是一些互聯(lián)網(wǎng)企業(yè)或者是傳統(tǒng)企業(yè)的互聯(lián)網(wǎng)部門，圍繞著廣告監(jiān)測、獲取分析、智能觸達三大場景提供數(shù)據(jù)分析支持。
這里做個分割線，上面說的是諸葛io的PC版，而我們這次要設(shè)計的是APP版，會是一樣嗎？
答案當(dāng)然是否定的。
就產(chǎn)品功能來講，諸葛ioAPP端由于受到手機屏幕的限制，無法承接和提供多如PC版的繁多功能，同時數(shù)據(jù)分析類產(chǎn)品受到其業(yè)務(wù)的制約，電腦辦公仍是作為它首要的使用終端，APP端的功能更加側(cè)重于實時的核心數(shù)據(jù)看板。
就用戶特點來講，什么樣的人需要使用到APP版？
肯定不是我們這些職場朝9晚6的基層搬磚員工，而是對關(guān)鍵核心數(shù)據(jù)需要實時掌控，即使下班，即使休假，即使出行，都需要關(guān)注的人，要么是領(lǐng)導(dǎo)要么是老板。這也可以解釋為啥這種市場上訴求相對而言不大的需求，會被如此重視，畢竟都是公司的核心人物。
做B端的同學(xué)都應(yīng)該知道，B端市場的開拓是一個公司一個公司的拿下。想拿下一家公司，就得滿足公司的需求，而公司的需求不在于廣大員工，而在于各個leader，或者是某個關(guān)鍵人物。正所謂擒賊先擒王，B端產(chǎn)品首先要滿足有話語權(quán)的人的需求。
就使用場景來講，上面兩點說明的時候其實把諸葛io APP版的使用場景都提到了，主要就是在移動出行場景。當(dāng)然如果深挖一下，還有其他場景，這里就不展開說了。
但要明白的一點：APP版主要還是對PC版無法覆蓋的場景的補充。
如此分析下來諸葛io APP的產(chǎn)品定位就相當(dāng)清晰了：一款滿足用戶在移動出行場景下的實時監(jiān)控核心數(shù)據(jù)的數(shù)據(jù)看板APP。
威廉一項貫徹不要讓用戶思考和MVP至上的產(chǎn)品設(shè)計理念，既然諸葛io APP的產(chǎn)品定位如此，那在設(shè)計上就要數(shù)據(jù)展示作為主角，其他功能都是配角，不必要的功能都要被淡化或者砍掉，讓數(shù)據(jù)看板回歸數(shù)據(jù)看板，用戶不需要過多的教育和學(xué)習(xí)，拿起就能用，就這么做。
四、產(chǎn)品設(shè)計
說了這么多，也該開始動手了，威廉以電商行業(yè)DEMO為例展開設(shè)計。
1. 主線任務(wù)
根據(jù)之前的思路，我只設(shè)計一個數(shù)據(jù)看板，不會增加任何的TAB，只將數(shù)據(jù)看板做成三層：第一層是實時核心數(shù)據(jù)概覽層，第二層是圖表展示層（數(shù)據(jù)分析層），第三層是詳細數(shù)據(jù)展示層。
重要信息的實時變化展示放在第一層，對于實時變化的圖表趨勢分析放在第二層，而更為詳細的數(shù)據(jù)展示放置在第三層，基本按照需求的強弱關(guān)系來安排層級，讓不同需求的人在不同的層級得以滿足各自對數(shù)據(jù)監(jiān)控的需求。
實時核心數(shù)據(jù)概覽層
在設(shè)計上，只要跟數(shù)據(jù)監(jiān)控?zé)o關(guān)的功能全部淡化或者砍掉，突出數(shù)據(jù)的核心地位，讓重要的數(shù)據(jù)躍然紙上，一目了然，再加上一些顏色的突出，保證了信息更加有效更加直觀的傳達。
頁面說明：
1.頁面分為四個部分：頂欄、更新時間欄、主指標(biāo)模塊、核心數(shù)據(jù)展示模塊。
2.頂欄：左側(cè)是個收納按鍵，點擊彈出左側(cè)抽屜操作欄；中部作為公司信息展示區(qū)。
3.更新時間欄：展示當(dāng)前頁面數(shù)據(jù)刷新的時間，保證了數(shù)據(jù)的實時性和準(zhǔn)確性，下拉頁面即刷新數(shù)據(jù)。
4.主指標(biāo)模塊：展示公司或者部門設(shè)定考核的核心指標(biāo)完成的相關(guān)數(shù)據(jù)和進度，用百分比和柱狀圖展示。
5.核心數(shù)據(jù)展示模塊：首頁只展示今日實時核心數(shù)值和昨日數(shù)值顯得更為簡潔，用戶理解更為清晰直接，同時通過綠色和紅色的顏色來表示相較于昨日數(shù)據(jù)是降低還是上漲十分直觀。
核心數(shù)據(jù)模版根據(jù)用戶使用的每周頻次自動排序，例如：用戶很關(guān)注活躍用戶，本周經(jīng)常點擊活躍用戶查看更多的數(shù)據(jù)，則次周，活躍用戶排序則上升至首位。通過點擊對應(yīng)的核心指標(biāo)進入下一層，數(shù)據(jù)分析層。
圖表展示層（數(shù)據(jù)分析層）
頁面說明：
1.以活躍用戶數(shù)據(jù)為例，通過首頁點擊活躍用戶數(shù)據(jù)進入，標(biāo)題展示為活躍用戶，帶有下拉按鈕，點擊展示下拉選項，點擊可以實現(xiàn)在數(shù)據(jù)分析頁面內(nèi)的其他核心指標(biāo)的切換，當(dāng)然用戶也可以選擇返回首頁通過點擊數(shù)據(jù)進行切換。
2.數(shù)據(jù)分析頁面也展示數(shù)據(jù)更新的最新時間，下拉頁面可以進行數(shù)據(jù)刷新。
3.數(shù)據(jù)分析頁面以圖表展示為主，主要是對首頁單個數(shù)據(jù)進行具體化。以活躍用戶為例，默認展示近7日和近30日的兩種數(shù)據(jù)圖表，讓用戶可以進一步看到一段時期內(nèi)數(shù)據(jù)的走勢變化，本demo只是以折線圖為示例。
4.在圖表中，黃色點代表今日，藍色點代表歷史時間，通過點擊可以查看具體的數(shù)值。點擊查看更多，則展開圖表數(shù)據(jù)的表格展示形式。圖表展示右上角有橫豎屏切換按鈕，點擊即可進入下一層：詳細數(shù)據(jù)展示層。
詳細數(shù)據(jù)展示層?
頁面說明：
1.是為了滿足對數(shù)據(jù)監(jiān)控需求要求高的用戶，數(shù)據(jù)展示和圖表信息更為具體。
2.支持雙指觸碰拖拽和放大頁面信息，橫拉刷新數(shù)據(jù)，展示同維度上期歷史數(shù)據(jù)，例如活躍用戶近30天數(shù)據(jù)，橫拉可以看到近60天的。
3.橫豎屏切換按鈕：懸浮始終展示在屏幕右上角，點擊即可返回上一層，也就是豎屏模式。
4.標(biāo)注功能：懸浮始終展示在屏幕右上方，展示在第三層里，可以點擊標(biāo)注功能，對圖表重要信息進行標(biāo)注。
2. 支線任務(wù)
左側(cè)抽屜欄頁面
作為一個能夠正常使用的APP，光有個核心功能當(dāng)然不夠，總得有些輔助的功能做支撐。而左側(cè)抽屜欄就是所有跟數(shù)據(jù)監(jiān)控?zé)o關(guān)的輔助功能的收納盒，通過點擊首頁的收納按鍵，從左側(cè)彈出。
頁面說明：
1.頁面分為信息展示和功能操作兩塊。
2.信息展示：主要是同步PC版的賬號信息，展示默認頭像，用戶姓名、賬號權(quán)限信息、公司名稱。
3.功能操作：數(shù)據(jù)配置點擊進入數(shù)據(jù)配置頁面，客服點擊聯(lián)系在線客服，而設(shè)置進入則是諸葛ioAPP版本以及相關(guān)信息展示，賬號退出和切換。
這里再多說一點關(guān)于數(shù)據(jù)配置頁面，這里主要是對首頁核心數(shù)據(jù)模塊的添加和刪減，這些數(shù)據(jù)的來源操作在APP里沒有，而是根據(jù)PC版的信息同步而來。
總結(jié)
作為活動的最佳方案的復(fù)盤，產(chǎn)品設(shè)計的內(nèi)容也就不在這展開了，文章就寫到這里了；主要是和大家分享此次產(chǎn)品設(shè)計的思路。
“少做就是多做”不論是馬爸爸還是蘇杰都說過這句話。威廉也認為好的產(chǎn)品經(jīng)理并不在于能夠想到做到多少功能，而是盡可能了解用戶的真實的需求，做真正核心且性價比高的功能，用25%的資源做個50%的功能，能夠滿足到用戶100%的需求，如此四兩撥千斤，才是最有成就感的。當(dāng)然，這很難，但卻是每個產(chǎn)品經(jīng)理理應(yīng)追求和向往的。
反觀，如果沒有明確自己產(chǎn)品的定位，僅聽用戶說的，僅憑自己YY的，把很多不必要的功能全部雜糅到一個應(yīng)用之中，我想不光是技術(shù)該磨刀了，用戶也不一定會買賬，心里還想，這個四不像的應(yīng)用是個什么玩意兒。要知道功能是永遠做不完的，況且大哥聽我說一句，你給別的APP一些活路吧，所有功能你都做了別人還做啥？
作為一個冷啟動的項目而言，大而全的產(chǎn)品只會增加我們試錯的成本，或許小而美的產(chǎn)品才是真正適合我們的，打磨好核心功能，迅速去驗證和迭代，才是一條正道。
最后，話說回來復(fù)盤真的是一個神奇而又有意義的事情，對于任何一個產(chǎn)品經(jīng)理來說，都是有必要的。
站在上帝視角，回過頭來看，會發(fā)現(xiàn)自己在這次產(chǎn)品設(shè)計的思考中有些許火花，同時更多的是不足是不夠完美。
現(xiàn)在能想到很多當(dāng)時未曾想到的好想法，現(xiàn)在也會考慮的比當(dāng)時更加完善和周全，或許這也算做是一種成長和提升吧。
作者：迷路的威廉，微信公眾號：產(chǎn)品Lab（ID：championidea）
本文由 @迷路的威廉?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自 Unsplash，基于 CC0 協(xié)議
愛盈利-運營小咖秀(www.jza6.com) 始終堅持研究分享移動互聯(lián)網(wǎng)App運營推廣經(jīng)驗、策略、全案、渠道等純干貨知識內(nèi)容；是廣大App運營從業(yè)者的知識啟蒙、成長指導(dǎo)、進階學(xué)習(xí)的集聚平臺；
想了解更多移動互聯(lián)網(wǎng)干貨知識，請關(guān)注微信公眾號運營小咖秀（ID: yunyingshow）
