本文筆者將通過(guò)需求分析、用戶分析、平臺(tái)特點(diǎn)分析、競(jìng)品分析等板塊來(lái)與大家分享：如何為開(kāi)發(fā)人員設(shè)計(jì)平臺(tái)網(wǎng)站？

近段時(shí)間，在為公司設(shè)計(jì)開(kāi)發(fā)者平臺(tái)網(wǎng)站，目前很多公司已經(jīng)有開(kāi)發(fā)者平臺(tái)網(wǎng)站供我參考。在這個(gè)項(xiàng)目中，我主要是通過(guò)分析開(kāi)發(fā)者人群的使用習(xí)慣和特點(diǎn)，并在已有競(jìng)品的通用交互模式和原則基礎(chǔ)上，根據(jù)平臺(tái)的特點(diǎn)和功能做設(shè)計(jì)。

一、需求分析

1. 分析產(chǎn)品需求和用戶需求

參考阿里TXD團(tuán)隊(duì)寫(xiě)的一篇文章：http://theventurebank.com/pd/2113084.html

可以使用里面提到使用5W2H模型：

• WHAT： 要做的研發(fā)工具是什么？（是什么？）
• WHY：為什么要做？（需求淶源&背景）
• WHO：給誰(shuí)用的？（核心用戶）
• WHEN：用戶什么時(shí)候用？（工作習(xí)慣&接觸點(diǎn)訴求）
• WHERE：具體的接觸點(diǎn)是什么（使用場(chǎng)景）
• HOW：產(chǎn)品邏輯如何實(shí)現(xiàn)？不做會(huì)怎樣？做了又會(huì)怎樣？（用戶研發(fā)模式有何差異？）
• HOW：要做成什么樣？達(dá)到什么目標(biāo)？（項(xiàng)目目標(biāo)、用戶訴求、設(shè)計(jì)目標(biāo)）

在這個(gè)項(xiàng)目中，我分析出該項(xiàng)目的產(chǎn)品目標(biāo)和用戶目標(biāo)：

產(chǎn)品目標(biāo)：前期目標(biāo)：讓合作伙伴成功使用我們的技術(shù)。

最終目標(biāo)：銷售技術(shù)，讓更多開(kāi)發(fā)者付費(fèi)使用我們的技術(shù)和平臺(tái)。

合作伙伴用戶目標(biāo)：快速學(xué)會(huì)使用平臺(tái)，了解使用規(guī)范并成功將技術(shù)使用到自己的應(yīng)用中。

潛在合作伙伴用戶目標(biāo)：找到自己需要的技術(shù)，判斷平臺(tái)是否是自己需要的。

2. 了解業(yè)務(wù)內(nèi)容

開(kāi)發(fā)者平臺(tái)中會(huì)有很多專業(yè)名詞，需要去了解這些名詞的含義，以及所涉及到的業(yè)務(wù)內(nèi)容，比如：SDK、API key。

關(guān)于這些內(nèi)容是具體怎么使用的需要了解清楚，可以通過(guò)做用戶調(diào)研，與開(kāi)發(fā)人員溝通了解專業(yè)名詞的含義和內(nèi)容，并觀察開(kāi)發(fā)者使用平臺(tái)的行為和習(xí)慣。

二、了解用戶使用習(xí)慣、特點(diǎn)

來(lái)源：http://theventurebank.com/pd/2113084.html

來(lái)源：https://developer.apple.com/

來(lái)源：https://developer.apple.com/

首先分析開(kāi)發(fā)人員日常使用的工具特點(diǎn)：

1. 多窗口——提高效率，注重功能的齊全；
2. 深色底色，不同顏色區(qū)分：紅、綠、藍(lán)、白；
3. 排列整齊 —— 表格排列；
4. 左側(cè)索引、文件目錄；
5. 錯(cuò)誤提示；
6. 輸入代碼提示；
7. 長(zhǎng)時(shí)間使用

其次，分析開(kāi)發(fā)人員環(huán)境特點(diǎn)：多屏幕使用；長(zhǎng)時(shí)間工作。

以及開(kāi)發(fā)人員的性格特點(diǎn)主要是：清晰的思維技巧；快速的閱讀速度和理解能力；專注和創(chuàng)造力。

三、了解平臺(tái)特點(diǎn)

這里引入《《About face4交互設(shè)計(jì)精髓》的第九章內(nèi)容：獨(dú)占姿態(tài)和暫時(shí)姿態(tài)。

獨(dú)占姿態(tài)是指：長(zhǎng)時(shí)間占據(jù)用戶注意力的應(yīng)用、網(wǎng)站等。

主要的設(shè)計(jì)原則有：鎖定中級(jí)用戶、慷慨試用屏幕空間、使用保守的視覺(jué)風(fēng)格、豐富的視覺(jué)反饋、支持豐富的輸入方式和以文檔為中心。

開(kāi)發(fā)者使用的工具就是獨(dú)占姿態(tài)，開(kāi)發(fā)者會(huì)花大部分時(shí)間在開(kāi)發(fā)者工具上。

而開(kāi)發(fā)者平臺(tái)網(wǎng)站只是開(kāi)發(fā)者暫時(shí)使用的平臺(tái)，開(kāi)發(fā)者只有在需要的時(shí)候到網(wǎng)站上去查看文檔，創(chuàng)建應(yīng)用，獲取APP key和SDK。一般不會(huì)在網(wǎng)站上花太多的時(shí)間和精力，屬于暫時(shí)姿態(tài)，設(shè)計(jì)原則有：明亮而清晰、保持簡(jiǎn)一、記住用戶的選擇。

結(jié)合開(kāi)發(fā)者使用工具特點(diǎn)、環(huán)境特點(diǎn)、開(kāi)發(fā)者性格特點(diǎn)以及開(kāi)發(fā)者使用工具及開(kāi)發(fā)者平臺(tái)的區(qū)別總結(jié)：

1. 開(kāi)發(fā)者注重效率，邏輯，習(xí)慣多窗口、多屏幕使用，注重功能的齊全。
2. 開(kāi)發(fā)者有耐心，有快速學(xué)習(xí)和理解的能力，愿意花時(shí)間學(xué)習(xí)使用。
3. 開(kāi)發(fā)者平臺(tái)只是一個(gè)開(kāi)發(fā)者短暫使用的平臺(tái)，遵循暫時(shí)姿態(tài)網(wǎng)站的設(shè)計(jì)原則。

四、競(jìng)品分析

百度開(kāi)發(fā)者平臺(tái)

華為開(kāi)發(fā)者平臺(tái)

友盟

分析競(jìng)品時(shí)發(fā)現(xiàn)，不同平臺(tái)的應(yīng)用管理界面都有一個(gè)特點(diǎn)，就是工作臺(tái)的排列都是多模塊排列，和開(kāi)發(fā)者使用的工具特點(diǎn)一致——多窗口，而且工作臺(tái)的左側(cè)都為導(dǎo)航，和開(kāi)發(fā)者工具的左側(cè)索引一致。

我在做這個(gè)項(xiàng)目的時(shí)候，遵循用戶的使用習(xí)慣，保持多模塊排列和左側(cè)導(dǎo)航的排列方式，再根據(jù)平臺(tái)的特點(diǎn)和功能做差異化設(shè)計(jì)。

五、分析用戶使用流程、行為

根據(jù)用戶使用流程，可以從中提煉出用戶的習(xí)慣和一些機(jī)會(huì)點(diǎn)。例如在這個(gè)項(xiàng)目中，我發(fā)現(xiàn)：

1）用戶目的性很強(qiáng)：使用平臺(tái)的原因主要是該平臺(tái)有他需要的技術(shù)。所以首頁(yè)要展示平臺(tái)能提供的技術(shù)，這點(diǎn)和大部分開(kāi)發(fā)者平臺(tái)網(wǎng)站都比較相似。

2）文檔是一個(gè)比較重要的板塊：不管是剛開(kāi)始使用還是使用一段時(shí)間后，用戶都會(huì)反復(fù)去看文檔，了解其中的一些技術(shù)操作。所以文檔的入口應(yīng)該明顯，讓用戶能快速找到并進(jìn)入，并且文檔內(nèi)容的設(shè)計(jì)也應(yīng)該是有邏輯，有目錄，能夠幫助用戶快速定位需要的內(nèi)容的。

3）用戶創(chuàng)建完應(yīng)用后，主要會(huì)有幾個(gè)不同的操作：

1. 去下載SDK；
2. 復(fù)制key到開(kāi)發(fā)者工具中，集成SDK；
3. 查看開(kāi)發(fā)文檔。具體需要依據(jù)用戶的習(xí)慣和使用場(chǎng)景而定，所以在應(yīng)用創(chuàng)建成功頁(yè)面，我給出不同的操作入口，包括：復(fù)制key、下載SDK和查看開(kāi)發(fā)文檔以及返回應(yīng)用列表，用戶可以根據(jù)具體的情況去選擇操作。

總結(jié)

最后總結(jié)整個(gè)設(shè)計(jì)過(guò)程：

1. 分析需求了解業(yè)務(wù)內(nèi)容；
2. 了解用戶使用習(xí)慣和行為，可以通過(guò)用戶調(diào)研和觀察法去總結(jié)。
3. 了解平臺(tái)的特點(diǎn)，文中提到兩種類型的姿態(tài)，具體的可以去查閱《About face4交互設(shè)計(jì)精髓》的第九章內(nèi)容。
4. 競(jìng)品分析，主要是去了解并總結(jié)競(jìng)品的通用交互模式和原則。
5. 分析用戶使用過(guò)流程、行為，總結(jié)并根據(jù)分析的結(jié)果再去做設(shè)計(jì)。

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

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