【プロダクトマネジメント】PdM１年目の振り返り

## はじめに
みなさん始めまして！

2023年1月より、Qiitaのプロダクトマネジメントをしている出口（@degudegu2510）です。

Qiitaでは、プロダクトオーナーという人はおらず、
主にエンジニア・デザイナー・マーケ組織のマネージャーがPdMとして、
2週間に1回程度話し合いながら、Qiitaのプロダクトマネジメントをしています。

Qiitaの2023年は、記事投稿していただいているユーザーに向けた機能開発・機能改善を中心におこなってきました。
そんな中で、PdM1年目私がやってきたこと・気をつけていたことをまとめました。

これから、PdMになる人やPdMになりたい人の参考にしていただけると嬉しいです。

## 今年やったこと・気をつけていたこと
### ⚪︎ エディタのアップデート
今年のQiitaはエディタを大きくアップデートしました。

|Before|After|
|----|----|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/f27cd62e-a624-84a1-d8de-209a5568803c.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/823973c8-25a3-2da1-ab23-fc7e4827f1cd.png)|

エディタをアップデートする際に気をつけたことは、以下の点です。

+ **小さくリリースすること**
+ **バグを起こさないこと**
+ **拡張性の高いUIにすること**

エディタをアップデートする際は、Betaユーザーに向けたリリースを3回行い、その後、全ユーザーに向けてリリースしました。

#### 1回目のリリース
|Before|After|
|----|----|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/f27cd62e-a624-84a1-d8de-209a5568803c.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/d9c40b22-68fb-ba1f-bb45-cb94b0dd51fc.png)|

１回目のリリース、`タイトル`・`タグ`・`ツールバー`・`本文`の部分を拡張性の高いUIにアップデートしました。
旧UIでは、画面を`タイトル`・`タグ` 部分の占める範囲が大きく、 `ツールバー` の部分がごちゃごちゃしており、`本文` を入力するエリアが狭く、書きにくいエディタになっていました。

そのため、`タイトル`・`タグ` の `font-size` や `margin`、`padding` を調整し、`ツールバー` を整理したことで、`本文` を入力するエリアを広く、拡張性の高いUIを目指しました。
*[リリースノート](https://qiita.com/release-notes/2023-04-18)*

#### 2回目のリリース
|Before|Aftr|
|----|----|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/51cd3c8d-7105-40d8-bb6b-c0602add0328.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/3374b765-4e2b-ff90-9975-e0f4ecdce133.png)

２回目のリリースでは、下書き保存がやりやすいように投稿ボタン（公開設定）と下書き保存を分けました。
こうすることで、下書き保存できる機能がわかりやすく、使いやすくすることを目指しました。
*[リリースノート](https://qiita.com/release-notes/2023-06-12)*

#### 3回目のリリース
|Before|Aftr|
|----|----|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/45729abf-58df-51a7-6723-4ccb525ae2a7.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/390720/f3572fce-cce5-a96d-761a-26b945fd0740.png)|

3回目のリリースは、公開設定ボタン・下書き保存ボタンを上部へ移動しました。
こうすることで、より `本文` を入力するエリアを広くすることを目指しました。
*[リリースノート](https://qiita.com/release-notes/2023-07-11)*


### ⚪︎ 投稿体験の改善
今年のQiitaは、投稿体験を大きく改善しました。

|投稿中の画面|投稿完了の画面|
|----|----|
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0a3ca06f-9f44-496e-434b-fe5f923499c9.gif)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/6522167a-1599-43c0-506c-f3b2852781e8.gif)

投稿体験を改善する際に気をつけたことをは以下の点です。

+ 現在の状態をユーザーに伝えること
+ 投稿後の文言を工夫すること
+ Qiitan（キャラクター）を可愛く見せること

この改善でQiitan（キャラクター）のアニメーションをたくさんつくりました。
これをリリースした後から以下のようなポストがX(Twitter)で多く見るようになりました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">かわいい。。。<a href="https://twitter.com/hashtag/QIita?src=hash&amp;ref_src=twsrc%5Etfw">#QIita</a> <a href="https://t.co/0zzlydMFrM">pic.twitter.com/0zzlydMFrM</a></p>&mdash; P∀M (@pam_5596) <a href="https://twitter.com/pam_5596/status/1706640214457024573?ref_src=twsrc%5Etfw">September 26, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

このように、リリースしたものがTwitterで言及されると嬉しいです。
*[リリースノート](https://qiita.com/release-notes/2023-09-14)*
*[リリースノート](https://qiita.com/release-notes/2023-08-10)*


### ⚪︎ 記事ページのMarkdownのスタイルの改善
今年のQiitaは、Markdownのスタイルも改善しました。

|変更前|変更後|
| :---: | :---: |
|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/3d4161d0-1b92-a856-ff24-242eb4ef62db.png)|![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/88/0fbcbc4c-09bb-bf0d-a93b-1eee8f2cba49.png)|

Markdownのスタイルを改善する際に気をつけたことは以下の点です。

+ 読みやすい `font-size` にすること
+ 記事をかいている時に余白を取りやすくすること

私がQiitaを使っていて、ずっとMarkdownのmarginやfont-sizeをもう少しいい感じにしたいと思っていたので、これがリリースできたのは良かったです。
*[リリースノート](https://qiita.com/release-notes/2023-10-20)*

## まとめ
PdM1年目としては、ユーザーのための改善を色々企画・設計・開発することができた1年目だったと思います。

来年からは、今までよりプロダクトへコミットできるチームをつくったり、ドックフォーディングできる組織にしながら、たくさんいろんな機能をリリースできるようにしたいと思っています。

また、PMとしてそこまでコミットできなかった売上・利益にもインパクトを出せるような機能を作っていきたいと思っています。（現在、絶賛企画中です。リリースをお楽しみにしてください。）

---

最後に、普段はHTMLやCSS、アクセシビリティ、デザインといったところを中心に
週1記事を目標にQiitaに記事を投稿しているので、ぜひQiitaのフォローとX(Twitter)のフォローをお願いします。

https://twitter.com/degudegu2510

また、「フロントエンドxデザイン」をテーマにDevトークを募集しているので、
興味がある方は、ぜひお話しましょう。
Qiitaの記事の内容でもアウトプットに関する内容でも構いません。

https://jobs.qiita.com/employers/qiita-inc/dev_talks/404?utm_source=link_share&utm_medium=social&utm_campaign=dev_talk_share&utm_content=dev_talk_show