<div dir="ltr"><div dir="ltr">Thanks Antonela, I just updated the mockups addressing most of your and Glenn's points. Same link: <a href="https://design.ooni.io/mockups/probe-android">https://design.ooni.io/mockups/probe-android</a><br><br></div><div>I am unsure of the Error screen as of now. I will chat with the other OONItarians to see what's best and make sure I understand its use case right?<br><br></div><div>Do you see anything else worthy of tweaking for a 2.0 release? <br></div></div><br><div class="gmail_quote"><div dir="ltr">On Thu, Oct 11, 2018 at 8:33 PM Antonela Debiasi <<a href="mailto:tor@antonela.me">tor@antonela.me</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div text="#000000" bgcolor="#FFFFFF">
<p>Elio!</p>
<p>Settings icon: I see. Is not a huge problem, but wondering if we
can have something more like
<a class="m_-7493792378036632844moz-txt-link-freetext" href="https://thenounproject.com/search/?q=settings&i=1988925" target="_blank">https://thenounproject.com/search/?q=settings&i=1988925</a><br>
</p>
Watermark: gotcha.<br>
<br>
Error Page: Yes. Could the main action be [re-try]? If yes, how can
we reinforce it?<br>
<br>
<span class="m_-7493792378036632844im">Test summary 2: Yes, three tabs are good.<br>
<br>
A<br>
</span><br>
<br>
<div class="m_-7493792378036632844moz-cite-prefix">On 10/11/18 3:08 PM, Elio Qoshi wrote:<br>
</div>
<blockquote type="cite">
<pre>Hi Antonela, thanks for the great feedback! Let me address your points:
I'm still not solid with the config/settings icon. What about
</pre>
<blockquote type="cite">
<pre><a class="m_-7493792378036632844moz-txt-link-freetext" href="https://material.io/tools/icons/?icon=settings&style=baseline" target="_blank">https://material.io/tools/icons/?icon=settings&style=baseline</a>?
</pre>
</blockquote>
<pre>
The problem is that we already use that Settings icon for the general app
settings. I suspect it would be better to use something else for
Customizing a specific test class.
What are we going to do with the watermark for the sharing?
</pre>
<blockquote type="cite">
<pre>
</pre>
</blockquote>
<pre>
In our session we had some concerns as far as I remember. I am updating the
mockups with a watermark I suggest but I'm unsure myself. Waiting on
Maria's and Arturo's blessing on this.
Error pages could have a centered icon, the same way we have one at the
</pre>
<blockquote type="cite">
<pre>results page layout.
</pre>
</blockquote>
<pre>
The problem with that is that we currently reserve the Exclamation Mark
icon for Anomalies, so we cannot use that for Errors as well. Do you have
any suggestions what else we could use to depict an error?
Test summary 2 will look less crowded if you have 2 items per card. So, you
can break Data Usage and Total Runtime / Country and ISP.
That means having 3 tabs for that header?
NDT Speed Test Details needs work. What is the most important info there?
</pre>
<blockquote type="cite">
<pre>Down/Up and Ping? Then, we can move all the other data to the light
background in one column. The same way we did on the Results screen.
</pre>
</blockquote>
<pre>
Good point, will adapt this.
Thanks again for this! I am tweaking the views considering also some of
Glenn's feedback and hope to wrap this up this week.
Cheers,
Elio
On Wed, Oct 10, 2018 at 7:38 PM Antonela Debiasi <a class="m_-7493792378036632844moz-txt-link-rfc2396E" href="mailto:tor@antonela.me" target="_blank"><tor@antonela.me></a> wrote:
</pre>
<blockquote type="cite">
<pre>Hi Elio!
- Results page looks clean and clear now \o/
- Run custom url test is easy!
- I'm still not solid with the config/settings icon. What about
<a class="m_-7493792378036632844moz-txt-link-freetext" href="https://material.io/tools/icons/?icon=settings&style=baseline" target="_blank">https://material.io/tools/icons/?icon=settings&style=baseline</a>?
- What are we going to do with the watermark for the sharing?
- Raw Data and View Logs buttons have proper hierarchy now!
- Error pages could have a centered icon, the same way we have one at the
results page layout.
- Test summary 2 will look less crowded if you have 2 items per card. So,
you can break Data Usage and Total Runtime / Country and ISP.
- NDT Speed Test Details needs work. What is the most important info
there? Down/Up and Ping? Then, we can move all the other data to the light
background in one column. The same way we did on the Results screen.
Ping me on IRC if anything needs more clarification. Arturo and I were
planning to meet early next week to check if we have everything in place
for devs.
Awesome work you did here! Thanks!
A
On 10/10/18 7:36 AM, Elio Qoshi wrote:
Hi there!
Elio, Designer from OONI here. Thanks for the great time last week at the
Tor Meeting! It was very productive and insightful to attend the UX
sessions.
During our OONI UX Review session, we received very useful feedback from
Antonela and Glenn and updated a bunch of screens. You can find the updated
Mockups here (done with Adobe XD):
<a class="m_-7493792378036632844moz-txt-link-freetext" href="https://design.ooni.io/mockups/probe-android" target="_blank">https://design.ooni.io/mockups/probe-android</a>
With the OONI Probe Mobile strings being frozen on 16th October, we wanted
to ensure we addressed all feedback during that session and do any last
tweaks which might make sense at this point. You can comment on them
without any account, similarly to Marvel.
(Please note that the mockups are not pixel perfect. Adobe XD has some
weird decimal system which makes things harder as well).
It would be great if we could get your feedback by 13th October, allowing
us to do last changes before implementing them.
Thanks so much!
Cheers from sunny Tirana,
Elio
_______________________________________________
UX mailing <a class="m_-7493792378036632844moz-txt-link-abbreviated" href="mailto:listUX@lists.torproject.orghttps://lists.torproject.org/cgi-bin/mailman/listinfo/ux" target="_blank">listUX@lists.torproject.orghttps://lists.torproject.org/cgi-bin/mailman/listinfo/ux</a>
_______________________________________________
UX mailing list
<a class="m_-7493792378036632844moz-txt-link-abbreviated" href="mailto:UX@lists.torproject.org" target="_blank">UX@lists.torproject.org</a>
<a class="m_-7493792378036632844moz-txt-link-freetext" href="https://lists.torproject.org/cgi-bin/mailman/listinfo/ux" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/ux</a>
</pre>
</blockquote>
<pre>
</pre>
<br>
<fieldset class="m_-7493792378036632844mimeAttachmentHeader"></fieldset>
<br>
<pre>_______________________________________________
UX mailing list
<a class="m_-7493792378036632844moz-txt-link-abbreviated" href="mailto:UX@lists.torproject.org" target="_blank">UX@lists.torproject.org</a>
<a class="m_-7493792378036632844moz-txt-link-freetext" href="https://lists.torproject.org/cgi-bin/mailman/listinfo/ux" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/ux</a>
</pre>
</blockquote>
<br>
</div>
_______________________________________________<br>
UX mailing list<br>
<a href="mailto:UX@lists.torproject.org" target="_blank">UX@lists.torproject.org</a><br>
<a href="https://lists.torproject.org/cgi-bin/mailman/listinfo/ux" rel="noreferrer" target="_blank">https://lists.torproject.org/cgi-bin/mailman/listinfo/ux</a><br>
</blockquote></div>