產品設計:如何為開發人員量身定制設計平臺網站?
本文筆者將通過需求分析、用戶分析、平臺特點分析、競品分析等板塊來與大家分享:如何為開發人員設計平臺網站?
近段時間,在為公司設計開發者平臺網站,目前很多公司已經有開發者平臺網站供我參考。在這個項目中,我主要是通過分析開發者人群的使用習慣和特點,并在已有競品的通用交互模式和原則基礎上,根據平臺的特點和功能做設計。
一、需求分析
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/
首先分析開發人員日常使用的工具特點:
- 多窗口——提高效率,注重功能的齊全;
- 深色底色,不同顏色區分:紅、綠、藍、白;
- 排列整齊 —— 表格排列;
- 左側索引、文件目錄;
- 錯誤提示;
- 輸入代碼提示;
- 長時間使用
其次,分析開發人員環境特點:多屏幕使用;長時間工作。
以及開發人員的性格特點主要是:清晰的思維技巧;快速的閱讀速度和理解能力;專注和創造力。
三、了解平臺特點
這里引入《《About face4交互設計精髓》的第九章內容:獨占姿態和暫時姿態。
獨占姿態是指:長時間占據用戶注意力的應用、網站等。
主要的設計原則有:鎖定中級用戶、慷慨試用屏幕空間、使用保守的視覺風格、豐富的視覺反饋、支持豐富的輸入方式和以文檔為中心。
開發者使用的工具就是獨占姿態,開發者會花大部分時間在開發者工具上。
而開發者平臺網站只是開發者暫時使用的平臺,開發者只有在需要的時候到網站上去查看文檔,創建應用,獲取APP key和SDK。一般不會在網站上花太多的時間和精力,屬于暫時姿態,設計原則有:明亮而清晰、保持簡一、記住用戶的選擇。
結合開發者使用工具特點、環境特點、開發者性格特點以及開發者使用工具及開發者平臺的區別總結:
- 開發者注重效率,邏輯,習慣多窗口、多屏幕使用,注重功能的齊全。
- 開發者有耐心,有快速學習和理解的能力,愿意花時間學習使用。
- 開發者平臺只是一個開發者短暫使用的平臺,遵循暫時姿態網站的設計原則。
四、競品分析
百度開發者平臺
華為開發者平臺
友盟
分析競品時發現,不同平臺的應用管理界面都有一個特點,就是工作臺的排列都是多模塊排列,和開發者使用的工具特點一致——多窗口,而且工作臺的左側都為導航,和開發者工具的左側索引一致。
我在做這個項目的時候,遵循用戶的使用習慣,保持多模塊排列和左側導航的排列方式,再根據平臺的特點和功能做差異化設計。
五、分析用戶使用流程、行為
根據用戶使用流程,可以從中提煉出用戶的習慣和一些機會點。例如在這個項目中,我發現:
1)用戶目的性很強:使用平臺的原因主要是該平臺有他需要的技術。所以首頁要展示平臺能提供的技術,這點和大部分開發者平臺網站都比較相似。
2)文檔是一個比較重要的板塊:不管是剛開始使用還是使用一段時間后,用戶都會反復去看文檔,了解其中的一些技術操作。所以文檔的入口應該明顯,讓用戶能快速找到并進入,并且文檔內容的設計也應該是有邏輯,有目錄,能夠幫助用戶快速定位需要的內容的。
3)用戶創建完應用后,主要會有幾個不同的操作:
- 去下載SDK;
- 復制key到開發者工具中,集成SDK;
- 查看開發文檔。具體需要依據用戶的習慣和使用場景而定,所以在應用創建成功頁面,我給出不同的操作入口,包括:復制key、下載SDK和查看開發文檔以及返回應用列表,用戶可以根據具體的情況去選擇操作。
總結
最后總結整個設計過程:
- 分析需求了解業務內容;
- 了解用戶使用習慣和行為,可以通過用戶調研和觀察法去總結。
- 了解平臺的特點,文中提到兩種類型的姿態,具體的可以去查閱《About face4交互設計精髓》的第九章內容。
- 競品分析,主要是去了解并總結競品的通用交互模式和原則。
- 分析用戶使用過流程、行為,總結并根據分析的結果再去做設計。
本文由 @Joya 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
不好意思沒看消息,可以的。加我joyyyya交流
看了以后受益匪淺,很多時候只知道抄人家的頁面但不知道為什么這樣做。最近在做開放平臺,可以交流一下嗎