Improve Screenshots in "Creating a GitHub App" Page

[sarina]

Code of Conduct

• I have read and agree to the GitHub Docs project's Code of Conduct

What article on docs.github.com is affected?

https://docs.github.com/en/developers/apps/building-github-apps/creating-a-github-app

What part(s) of the article would you like to see updated?

Problem

On this page, we are looking to find the "GitHub Apps" option in the left sidebar. Step 2 does indeed say to click on "Developer Settings", but it's easy to miss - I've missed that on three separate occasions and now someone on my team just did, so I think it needs to be better called out. Why is this a problem? Currently, there is a GitHub Apps link on the left sidebar as a first class member, and it looks very similar to the screenshot in Step 3.

Instructions the document provides:

The "incorrect" GitHub Apps sidebar option that we accidentally click on:

Proposed Solution

I suggest Step 2 have the following screenshot:

and Step 3 is updated to what you actually see:

This will prevent confusion of people like me!!

Additional information

I would be happy to fix this but I suspect you have some standards around images that my screenshots may not be enough.

[kdmccormick]

I can attest that I was thrown off by this part of the (otherwise very helpful!) page.

[ramyaparimi]

@sarina
Thanks so much for opening an issue! I'll triage this for the team to review 👀

[mchammer01]

Thanks for raising this issue with our docs @sarina ✨
And thank you for confirming that the current instructions are also confusing for you @kdmccormick 👍🏻
I am going to transfer this issue to our internal repo for one of the Docs team members to take a look at, as this touches screenshots, and the content you're asking us to amend is used in various other articles.

[dynamatikzgr]

N|₺n bu kadar çok il|tim raporu alıyorum