<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<p>Hello wonderful people,</p>
<p>Another week, another round of mock-ups</p>
<p>In this new iteration you will find some updated strings based on
your suggestions and a rethought approach to the manual
configuration step.</p>
<p><b>Manual Configuration</b><br>
</p>
<p>The Incoming and Outgoing columns will help us to organize all
those settings into a nice and compact grid.</p>
<p>It might be necessary to increase the width of the modal just a
bit in order to account for other languages with longer text. In
case the modal grows for whatever reason, the form fields should
expand to fill up the area in order to avoid leaving empty spaces.</p>
<p><b>Use same credentials option</b></p>
<p>TB will use the same credentials for receiving and sending
emails, but the user will have the option to opt-out once in the
manual config phase. If the user unchecks that option, 2 dedicated
username and password fields will be revealed.</p>
<p>In case the password changes after the setup as been completed, I
made a note to myself to create a bug in order to show this
checkbox in the password dialog prompted by TB.</p>
<p>In its tallest state, the modal reaches 643px of height. Still
manageable inside the 768px height of a small laptop, but also
allowing the manual config section to be scrollable will take care
of edge cases.</p>
<p><b>Buttons</b></p>
<p>A "re-test" button will allow the user to test as many times as
he wants until a successful connection gets established. The
"Done" button will save the account as it is allowing the user to
come back to this section at a later time.</p>
<p>Once a connection has been successfully established, a "Set Up
another account" button will appear to offer a shortcut to jump
back to the beginning of the modal.</p>
<p><b>Final Screen</b><br>
</p>
<p>If the user clicks "Done" and the connection was successful, a
new screen with some common "next steps" might be used to offer
easy shortcuts and guide a first time user. We could use something
like that to prevent a potential overwhelming feeling.<br>
</p>
<p><a class="moz-txt-link-freetext" href="https://presentator.ura.design/en/XP9IsbuQ?v=0&s=1&m=preview">https://presentator.ura.design/en/XP9IsbuQ?v=0&s=1&m=preview</a><br>
</p>
<p>As usual, let me know what you think, meanwhile I'll create some
mock-ups for the other 2 operating systems.</p>
<p>Cheers,<br>
</p>
<pre class="moz-signature" cols="72">--
Alessandro Castellani
Lead UX Architect</pre>
</body>
</html>