產品設計:如何為開發人員量身定制設計平臺網站?

2 評論 10847 瀏覽 41 收藏 9 分鐘

本文筆者將通過需求分析、用戶分析、平臺特點分析、競品分析等板塊來與大家分享:如何為開發人員設計平臺網站?

近段時間,在為公司設計開發者平臺網站,目前很多公司已經有開發者平臺網站供我參考。在這個項目中,我主要是通過分析開發者人群的使用習慣和特點,并在已有競品的通用交互模式和原則基礎上,根據平臺的特點和功能做設計。

一、需求分析

1. 分析產品需求和用戶需求

參考阿里TXD團隊寫的一篇文章:http://www.aharts.cn/pd/2113084.html

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

  • WHAT: 要做的研發工具是什么?(是什么?)
  • WHY:為什么要做?(需求淶源&背景)
  • WHO:給誰用的?(核心用戶)
  • WHEN:用戶什么時候用?(工作習慣&接觸點訴求)
  • WHERE:具體的接觸點是什么(使用場景)
  • HOW:產品邏輯如何實現?不做會怎樣?做了又會怎樣?(用戶研發模式有何差異?)
  • HOW:要做成什么樣?達到什么目標?(項目目標、用戶訴求、設計目標)

在這個項目中,我分析出該項目的產品目標和用戶目標:

產品目標:前期目標:讓合作伙伴成功使用我們的技術。

最終目標:銷售技術,讓更多開發者付費使用我們的技術和平臺。

合作伙伴用戶目標:快速學會使用平臺,了解使用規范并成功將技術使用到自己的應用中。

潛在合作伙伴用戶目標:找到自己需要的技術,判斷平臺是否是自己需要的。

2. 了解業務內容

開發者平臺中會有很多專業名詞,需要去了解這些名詞的含義,以及所涉及到的業務內容,比如:SDK、API key。

關于這些內容是具體怎么使用的需要了解清楚,可以通過做用戶調研,與開發人員溝通了解專業名詞的含義和內容,并觀察開發者使用平臺的行為和習慣。

二、了解用戶使用習慣、特點

來源:http://www.aharts.cn/pd/2113084.html

來源:https://developer.apple.com/


來源:https://developer.apple.com/

首先分析開發人員日常使用的工具特點:

  1. 多窗口——提高效率,注重功能的齊全;
  2. 深色底色,不同顏色區分:紅、綠、藍、白;
  3. 排列整齊 —— 表格排列;
  4. 左側索引、文件目錄;
  5. 錯誤提示;
  6. 輸入代碼提示;
  7. 長時間使用

其次,分析開發人員環境特點:多屏幕使用;長時間工作。

以及開發人員的性格特點主要是:清晰的思維技巧;快速的閱讀速度和理解能力;專注和創造力。

三、了解平臺特點

這里引入《《About face4交互設計精髓》的第九章內容:獨占姿態和暫時姿態。

獨占姿態是指:長時間占據用戶注意力的應用、網站等。

主要的設計原則有:鎖定中級用戶、慷慨試用屏幕空間、使用保守的視覺風格、豐富的視覺反饋、支持豐富的輸入方式和以文檔為中心。

開發者使用的工具就是獨占姿態,開發者會花大部分時間在開發者工具上。

而開發者平臺網站只是開發者暫時使用的平臺,開發者只有在需要的時候到網站上去查看文檔,創建應用,獲取APP key和SDK。一般不會在網站上花太多的時間和精力,屬于暫時姿態,設計原則有:明亮而清晰、保持簡一、記住用戶的選擇。

結合開發者使用工具特點、環境特點、開發者性格特點以及開發者使用工具及開發者平臺的區別總結:

  1. 開發者注重效率,邏輯,習慣多窗口、多屏幕使用,注重功能的齊全。
  2. 開發者有耐心,有快速學習和理解的能力,愿意花時間學習使用。
  3. 開發者平臺只是一個開發者短暫使用的平臺,遵循暫時姿態網站的設計原則。

四、競品分析

百度開發者平臺

華為開發者平臺

友盟

分析競品時發現,不同平臺的應用管理界面都有一個特點,就是工作臺的排列都是多模塊排列,和開發者使用的工具特點一致——多窗口,而且工作臺的左側都為導航,和開發者工具的左側索引一致。

我在做這個項目的時候,遵循用戶的使用習慣,保持多模塊排列和左側導航的排列方式,再根據平臺的特點和功能做差異化設計。

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

根據用戶使用流程,可以從中提煉出用戶的習慣和一些機會點。例如在這個項目中,我發現:

1)用戶目的性很強:使用平臺的原因主要是該平臺有他需要的技術。所以首頁要展示平臺能提供的技術,這點和大部分開發者平臺網站都比較相似。

2)文檔是一個比較重要的板塊:不管是剛開始使用還是使用一段時間后,用戶都會反復去看文檔,了解其中的一些技術操作。所以文檔的入口應該明顯,讓用戶能快速找到并進入,并且文檔內容的設計也應該是有邏輯,有目錄,能夠幫助用戶快速定位需要的內容的。

3)用戶創建完應用后,主要會有幾個不同的操作:

  1. 去下載SDK;
  2. 復制key到開發者工具中,集成SDK;
  3. 查看開發文檔。具體需要依據用戶的習慣和使用場景而定,所以在應用創建成功頁面,我給出不同的操作入口,包括:復制key、下載SDK和查看開發文檔以及返回應用列表,用戶可以根據具體的情況去選擇操作。

總結

最后總結整個設計過程:

  1. 分析需求了解業務內容;
  2. 了解用戶使用習慣和行為,可以通過用戶調研和觀察法去總結。
  3. 了解平臺的特點,文中提到兩種類型的姿態,具體的可以去查閱《About face4交互設計精髓》的第九章內容。
  4. 競品分析,主要是去了解并總結競品的通用交互模式和原則。
  5. 分析用戶使用過流程、行為,總結并根據分析的結果再去做設計。

 

本文由 @Joya 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 不好意思沒看消息,可以的。加我joyyyya交流

    回復
  2. 看了以后受益匪淺,很多時候只知道抄人家的頁面但不知道為什么這樣做。最近在做開放平臺,可以交流一下嗎

    回復