<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
</head>
<body smarttemplateinserted="true" text="#000000" bgcolor="#FFFFFF">
<div id="smartTemplate4-template">
<style>
#ag, #ag p {
font-family: Cambria, Georgia, serif !important;
}</style>
</div>
<div id="smartTemplate4-quoteHeader">
<style type="text/css" scoped="">
#newHeaderAG1 b { font-weight:bold; color: #990033; min-width: 4.5em; max-width:none; display:inline-block;}
</style>
<blockquote type="cite" style="margin-bottom: -20px !important;
padding-bottom:20px !important;">
<div id="newHeaderAG1" style="font-size: x-small; padding:1em;
background-color:rgba(220,220,240,0.4); border-radius:3px;"> <b>Subject:</b>Re:
UI mock-up - Account Setup<br>
<b>From:</b>Mark Banner <a class="moz-txt-link-rfc2396E" href="mailto:mbanner@mozilla.com"><mbanner@mozilla.com></a><br>
<b>To:</b><a class="moz-txt-link-rfc2396E" href="mailto:tb-planning@mozilla.org"><tb-planning@mozilla.org></a> <br>
<b>Sent: </b>Tuesday, 4/30/2019, 09:24 09:24 GMT DT +0100
[Week 18]<br>
</div>
</blockquote>
</div>
<blockquote type="cite"
cite="mid:05d5f23e-8012-cda2-590a-af21ae3998f5@mozilla.com"
id="mid_05d5f23e_8012_cda2_590a_af21ae3998f5_mozilla_com" class="
cite">
<blockquote type="cite"
cite="mid:7ce8c5c6-601a-98c2-7fba-53d9c1c816a5@beonex.com"
id="mid_7ce8c5c6_601a_98c2_7fba_53d9c1c816a5_beonex_com" class="
cite">
<div class="moz-cite-prefix">For example, I like your style.
However, the error messages <b>must</b> appear on screen and
cannot be hidden in a tooltip that shows only on mouse over.</div>
</blockquote>
<p>Looking at the images it is unclear to me what the intention
here with respect to the tooltips, maybe Alessandro can clarify.
My immediate thought was that the informational tooltips could
be display on hover, but if you make a mistake, then the error
tooltips immediately pop-up at least for an amount of time. That
would satisfy your requirement that they get displayed, but also
allow them to look nice and not affect the layout significantly.</p>
</blockquote>
<p>Yes. It <i>looks like </i>an "on hover" popup, but it could be
activated when leaving the textbox (blur event) to be there
permanently (and hidden again when the text field gets focus
again, to avoid obstruction) - I think that's actually superior to
a panel below or validation list at the bottom of the dialog (as
seen on many web forms) because through the callout bubble &
proximity provides the strongest context. <br>
</p>
<p>One thing that is missing for me is an option to Cancel the
dialog and set up later, I would suggest to make that a choice
replacing "Get a New Email Address" (if that one is not desired).
In my opinion having that as explicit choice is better than
leaving the user with the uncertainty of "what happens if I just
close window?"</p>
<p>my 2 cents,<br>
Axel<br>
</p>
</body>
</html>