I had an alternate plan.<div>In the status text it says why you&#39;re not online. &quot;Network Error&quot;, &quot;Wrong password etc.&quot;, I was thinking of making this say &quot;Account Disabled&quot;.<br><br><div class="gmail_quote">
On Tue, Feb 1, 2011 at 5:38 PM, Thomas Richard <span dir="ltr">&lt;<a href="mailto:thomas9999@gmail.com">thomas9999@gmail.com</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
I think a tooltip would definitely be a good idea.<br>
It might also help to make the text a little grayish when an account is<br>
disabled. This would make it immediately obvious what the checkbox does when a<br>
user decides to click it.<br>
<br>
Greetings<br>
<font color="#888888">Thomas<br>
</font><div><div></div><div class="h5"><br>
On Tuesday 01 February 2011 17:20:07 Martin Klapetek wrote:<br>
&gt; I&#39;d still like to point out the issue with checkboxes next to the accounts<br>
&gt; in the accounts list (see background in screenshot [1]). There is no<br>
&gt; indication, what are these for (I assume they&#39;re for enabling/disabling<br>
&gt; that account, but average user might not and can get easily confused), so<br>
&gt; I&#39;d add some kind of information to them, column header might be great,<br>
&gt; but it would have to be the whole row and that wouldn&#39;t look too good<br>
&gt; IMHO. So probably a tooltip explaining what is it for. Another option is<br>
&gt; to add a text right next to them, but this would introduce more UI<br>
&gt; clutter.<br>
&gt;<br>
&gt; So the tooltip seems to be the best solution. What do you think?<br>
&gt;<br>
&gt; Marty<br>
&gt;<br>
&gt;<br>
&gt; [1]<br>
&gt; <a href="http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/sel" target="_blank">http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/sel</a><br>
&gt; ect_protocol.png<br>
&gt;<br>
&gt;<br>
&gt; 2011/2/1 David Edmundson &lt;<a href="mailto:david@davidedmundson.co.uk">david@davidedmundson.co.uk</a>&gt;<br>
&gt;<br>
&gt; &gt; Here is our reply from the usability guys.<br>
&gt; &gt;<br>
&gt; &gt; ---------- Forwarded message ----------<br>
&gt; &gt; From: Aurélien Gâteau &lt;<a href="mailto:agateau@kde.org">agateau@kde.org</a>&gt;<br>
&gt; &gt; Date: 2011/1/29<br>
&gt; &gt; Subject: [KDE Usability] Re: Usability Questions for KDE Telepathy<br>
&gt; &gt; To: <a href="mailto:kde-usability@kde.org">kde-usability@kde.org</a><br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; Hi,<br>
&gt; &gt;<br>
&gt; &gt; I finally took the time to look at your message and screenshots. Thanks<br>
&gt; &gt; for taking the time to produce detailed screenshots. See my comments<br>
&gt; &gt; below. [snip]<br>
&gt; &gt;<br>
&gt; &gt; &gt; We have a wizard for setting up new accounts.<br>
&gt; &gt; &gt; [1]<br>
&gt; &gt;<br>
&gt; &gt; <a href="http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/s" target="_blank">http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/s</a><br>
&gt; &gt; elect_protocol.png<br>
&gt; &gt;<br>
&gt; &gt; &gt; The second page on here allows us to set up everything you need to set<br>
&gt; &gt; &gt; up everything 90% of users will need to configure to set up an account<br>
&gt; &gt; &gt; (username/password normally). This changes per protocol.<br>
&gt; &gt; &gt; [2]<br>
&gt; &gt;<br>
&gt; &gt; <a href="http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/c" target="_blank">http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/c</a><br>
&gt; &gt; onfigure_jabber.png<br>
&gt; &gt;<br>
&gt; &gt; &gt; From here I made a decision that all advanced settings (that most<br>
&gt; &gt; &gt; people won&#39;t need to change (server addresses, ports, security, etc. )<br>
&gt; &gt; &gt; should be<br>
&gt; &gt;<br>
&gt; &gt; an<br>
&gt; &gt;<br>
&gt; &gt; &gt; entire page away to &#39;hide&#39; them from the majority of users who won&#39;t<br>
&gt; &gt;<br>
&gt; &gt; care.<br>
&gt; &gt;<br>
&gt; &gt; &gt; [3]<br>
&gt; &gt;<br>
&gt; &gt; <a href="http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/c" target="_blank">http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/c</a><br>
&gt; &gt; onfigure_jabber_advanced.png<br>
&gt; &gt;<br>
&gt; &gt; &gt; Some protocols have several tabs of advanced options, others (such as<br>
&gt; &gt; &gt; Facebook or IRC) have none, and as such have no &quot;advanced button as<br>
&gt; &gt; &gt; seen<br>
&gt; &gt;<br>
&gt; &gt; in<br>
&gt; &gt;<br>
&gt; &gt; &gt; screenshot 2.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Issues:<br>
&gt; &gt; &gt;  * Is the &#39;overuse&#39; of dialogs ok? If not what is a good solution?<br>
&gt; &gt;<br>
&gt; &gt; The only problematic dialog here IMO is the &quot;Advanced&quot; dialog. Is it<br>
&gt; &gt; possible to move its content either as an &quot;Advanced&quot; tab or to place it<br>
&gt; &gt; below the &quot;Advanced&quot; button, but keep it hidden until the user clicks<br>
&gt; &gt; this button?<br>
&gt; &gt;<br>
&gt; &gt; &gt;  * How can we solve the &#39;large whitespace&#39; issue seen in screenshot 2?<br>
&gt; &gt;<br>
&gt; &gt; Do you have code which ensures the content of the list in screenshot 1<br>
&gt; &gt; is fully visible? That would explain why the wizard dialog is so tall.<br>
&gt; &gt;<br>
&gt; &gt; &gt; ---<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; We&#39;re also looking at, and not sure on a good way to do input<br>
&gt; &gt; &gt; validation.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; There are two ways we&#39;re currently providing (or wanting to provide)<br>
&gt; &gt; &gt; feedback on the validation state. We&#39;ve developed a custom widget which<br>
&gt; &gt; &gt; shows a star on the right when a field is required and the user hasn&#39;t<br>
&gt; &gt;<br>
&gt; &gt; typed<br>
&gt; &gt;<br>
&gt; &gt; &gt; anything in the field. When the user starts typing, the star becomes a<br>
&gt; &gt;<br>
&gt; &gt; red<br>
&gt; &gt;<br>
&gt; &gt; &gt; cross. This indicates that the provided value is not valid. When the<br>
&gt; &gt;<br>
&gt; &gt; value<br>
&gt; &gt;<br>
&gt; &gt; &gt; gets valid, the red cross turns into a green check mark.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; The second widget to provide feedback to the user would be a red-isch<br>
&gt; &gt;<br>
&gt; &gt; error<br>
&gt; &gt;<br>
&gt; &gt; &gt; message on top. The idea is (stolen) borrowed from the bluedevil<br>
&gt; &gt; &gt; configuration dialog. They have the same box on top. This box would<br>
&gt; &gt;<br>
&gt; &gt; appear<br>
&gt; &gt;<br>
&gt; &gt; &gt; if a user clicks OK and not every value is valid, or somethings else<br>
&gt; &gt; &gt; goes wrong. With a meaningful error message that is of course.<br>
&gt; &gt; &gt; Look at the screenshots validation1.png and validation2.png attached to<br>
&gt; &gt; &gt; actually see the widgets. I know the placement of the validated line<br>
&gt; &gt; &gt; edit<br>
&gt; &gt;<br>
&gt; &gt; is<br>
&gt; &gt;<br>
&gt; &gt; &gt; not OK. It&#39;s just there to test. Of course, the text in the feedback<br>
&gt; &gt;<br>
&gt; &gt; widget<br>
&gt; &gt;<br>
&gt; &gt; &gt; should say something meaningful instead of Creation failed.. We would<br>
&gt; &gt;<br>
&gt; &gt; like<br>
&gt; &gt;<br>
&gt; &gt; &gt; to know if we are on the right track though, before we start<br>
&gt; &gt; &gt; integrating these widgets.<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; [4]<br>
&gt; &gt;<br>
&gt; &gt; <a href="http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/v" target="_blank">http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/v</a><br>
&gt; &gt; alidation1.png<br>
&gt; &gt;<br>
&gt; &gt; &gt; [5]<br>
&gt; &gt;<br>
&gt; &gt; <a href="http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/v" target="_blank">http://static.davidedmundson.co.uk/accounts-kcm-pics/usability_review_1/v</a><br>
&gt; &gt; alidation2.png<br>
&gt; &gt;<br>
&gt; &gt; &gt; The question we would like to ask about validation:<br>
&gt; &gt; &gt; * Should we even give the user the opportunity to click the OK button<br>
&gt; &gt; &gt; if<br>
&gt; &gt;<br>
&gt; &gt; not<br>
&gt; &gt;<br>
&gt; &gt; &gt; all required values are valid, or should it be grayed out?<br>
&gt; &gt;<br>
&gt; &gt; Both approaches are valid. As long as the &quot;field validity&quot; indicators<br>
&gt; &gt; make it obvious that something is missing, I would personally go for<br>
&gt; &gt; graying out the OK button.<br>
&gt; &gt;<br>
&gt; &gt; &gt; * Is it common to show the icons of the validation state on the right,<br>
&gt; &gt; &gt; inside the line-edit?<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; * Is there any way to improve all of this? We&#39;re not really sure about<br>
&gt; &gt;<br>
&gt; &gt; all<br>
&gt; &gt;<br>
&gt; &gt; &gt; of this<br>
&gt; &gt;<br>
&gt; &gt; Using a star to denote a mandatory field is a common UI pattern on the<br>
&gt; &gt; Web. I think it is a good idea to use it here, but I have two concerns:<br>
&gt; &gt;<br>
&gt; &gt; - If the star becomes a red cross as soon as the user starts typing, I<br>
&gt; &gt; am afraid the user will interpret this change as an indication that he<br>
&gt; &gt; just made a mistake. I suggest always showing a red star (not the cross,<br>
&gt; &gt; because it is associated with &quot;error&quot;, not with &quot;mandatory&quot;) when the<br>
&gt; &gt; field is empty or wrong and turn it into the green check mark when the<br>
&gt; &gt; field is OK.<br>
&gt; &gt;<br>
&gt; &gt; - The icon looks a bit big inside the line edit. It would probably be<br>
&gt; &gt; nicer to show the widget on the right of the line edit.<br>
&gt; &gt;<br>
&gt; &gt; Your work looks promising, looking forward for it!<br>
&gt; &gt;<br>
&gt; &gt; Aurélien<br>
&gt; &gt; _______________________________________________<br>
&gt; &gt; kde-usability mailing list<br>
&gt; &gt; <a href="mailto:kde-usability@kde.org">kde-usability@kde.org</a><br>
&gt; &gt; <a href="https://mail.kde.org/mailman/listinfo/kde-usability" target="_blank">https://mail.kde.org/mailman/listinfo/kde-usability</a><br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; _______________________________________________<br>
&gt; &gt; KDE-Telepathy mailing list<br>
&gt; &gt; <a href="mailto:KDE-Telepathy@kde.org">KDE-Telepathy@kde.org</a><br>
&gt; &gt; <a href="https://mail.kde.org/mailman/listinfo/kde-telepathy" target="_blank">https://mail.kde.org/mailman/listinfo/kde-telepathy</a><br>
_______________________________________________<br>
KDE-Telepathy mailing list<br>
<a href="mailto:KDE-Telepathy@kde.org">KDE-Telepathy@kde.org</a><br>
<a href="https://mail.kde.org/mailman/listinfo/kde-telepathy" target="_blank">https://mail.kde.org/mailman/listinfo/kde-telepathy</a><br>
</div></div></blockquote></div><br></div>