<p></p>
<blockquote>
<p dir="auto">I suggest we use Figma, tool that we used to author the screenshots, since it offers easy zoom-in/out, and allows modifications of the design.</p>
</blockquote>
<p dir="auto">Thanks, I just tried it and it works great.</p>
<p dir="auto">I updated my comment above.</p>
<hr>
<p dir="auto">Looking at the flow again <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/milan-cvetkovic/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/milan-cvetkovic">@milan-cvetkovic</a> I think there is an area that can be improved from a UX point of view if the right code path can be found: <a href="https://www.figma.com/file/RqpiQmshkhjTew2Y1MvDn9/OSM-SSO?type=design&node-id=3-5876&mode=design&t=NodWVPMfzEMZfT9J-0" rel="nofollow">Screen 201</a> is the page after it was checked if the user is currently logged in or not. However, we don't know if the user has an account already. It looks like you assume that most users of your app will have an OSM account, because you link to the sign up page. Quite a few users will just add there data to this form, even if they are not signed up. The error case would be to show "unknown user/password".</p>
<p dir="auto">I wonder how this error case can be improved.</p>
<ul dir="auto">
<li>Some apps say "there is no email address for this account, do you want to sign up". However that makes it easier to mass check email-addresses. We would have to check if we consider this an issue (or maybe its possible already via some flow).</li>
<li>One could make the error message a bit more special like "Unkown user/password. Do you <strong>want to sign up</strong>" and create a link that will auto-fill the email+passwort on the signup page. This way the data given by the users will not be lost</li>
</ul>
<p dir="auto">Another thing could be to make the page 201 even more focussed on the OSM social login and make sure that the flow behind this handles both cases (sign up and sign in) the same way. For example to hide the input fields behind a "or use email+password instead" link.</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/4128#issuecomment-1676219390">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLI6U4SMOLEMUJPXREDXVBITFANCNFSM6AAAAAA26A5CQI">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLKVZ5MD5IO3MJPC2TTXVBITFA5CNFSM6AAAAAA26A5CQKWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTTD5EJ74.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/issues/4128/1676219390</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/4128#issuecomment-1676219390",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/4128#issuecomment-1676219390",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>