<div dir="ltr"><br><div class="gmail_extra"><br><br><div class="gmail_quote">On Thu, Mar 27, 2014 at 2:07 PM, Hylke Bons <span dir="ltr"><<a href="mailto:hbons@redhat.com" target="_blank">hbons@redhat.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000">
<div>Hey, <br><div class="">
<br>
On 26/03/2014 09:44, Sebastien Blanc wrote:<br>
</div></div><div class="">
<blockquote type="cite">
<div dir="ltr"><br>
<div class="gmail_extra"><br>
<br>
<div class="gmail_quote">On Wed, Mar 26, 2014 at 9:30 AM,
Matthias Wessendorf <span dir="ltr"><<a href="mailto:matzew@apache.org" target="_blank">matzew@apache.org</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div>As said before: overall they are really looking
very great and modern! I really like them.</div>
<div>
<br>
</div>
<div>A few questions on some of the screens:</div>
<div><br>
</div>
<div>* applications.png</div>
<div>List ("table") of all Push Applications:</div>
<div>- Is there no side bar for this?</div>
</div>
</blockquote>
</div>
</div>
</div>
</blockquote>
<br></div>
I left out the sidebar in a couple of screens for time reasons. The
sidebar when realised will be on every screen just like the header.</div></blockquote><div><br></div><div><br></div><div>perfect!</div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000"><div class=""><br>
<br>
<blockquote type="cite">
<div dir="ltr">
<div class="gmail_extra">
<div class="gmail_quote">
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div><br>
</div>
<div>* application-details-blue.png</div>
<div>It's the details of one application, and has
overview of all its variants.</div>
<div>- Is the plan to list all variants on their
platform? Instead of having a table? I do like that
grouping! Just wondering :-)</div>
</div>
</blockquote>
<div> </div>
<div>I also like the grouping but when we will introduce
paging, it will be paging per groups ? Not sure how UX
friendly that will be.</div>
<div><br>
</div>
</div>
</div>
</div>
</blockquote>
<br></div>
Yea, it makes much more sense to do variant grouping by platform
than just having one huge table like we had previously. Paging will
happen per platform "group".</div></blockquote><div><br></div><div><br></div><div>great! I'd don't see a huge problem here in pagination of the variatns; I doubt that one PushApp has a gazillion different variants</div>
<div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div bgcolor="#FFFFFF" text="#000000"><div class="">
<br>
<br>
<br>
<blockquote type="cite">
<div dir="ltr">
<div class="gmail_extra">
<div class="gmail_quote">
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div>- When I click on a certain variant (e.g. the
"Demo" variant of the iOS section ), there is no
separate page/view for its' details? Like its
installations ? I'd really prefer to have a page/view
for all the details of a certain variant. Also the
code snippets for a variant is missing</div>
</div>
</blockquote>
<div><br>
</div>
<div>I also like it this way, all the info needed can fit
and not sure if we want to navigate to another page jsut
for the details (For editing yes => other page).</div>
<div><br>
</div>
</div>
</div>
</div>
</blockquote></div>
A problem with this was that the Application Details page looked too
much like the Variant Details page. It's convenient to have all the
needed actions and code snippets, for sending notifications and
registering installations, one a single page. Why do you like having
a separate Variant Details page?</div></blockquote><div><br></div><div><br></div><div>Ok, I now "understand" the new flow, of the UI.</div><div><br></div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000"><div class=""><br>
<br>
<br>
<blockquote type="cite">
<div dir="ltr">
<div class="gmail_extra">
<div class="gmail_quote">
<div>The Code Snippets : Yeah A button/link would be needed</div>
</div>
</div>
</div>
</blockquote>
<br></div>
This are the "What's this for?" links. We might want to reconsider
the name for that.</div></blockquote><div><br></div><div>Now, I open the details of a variant (by clicking on it), and I see the LINK</div><div><br></div><div>Clicking on it will give me a "popup" with the different code-snippet (note: we need Cordova + native), per variant, right ? </div>
<div><br></div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><div bgcolor="#FFFFFF" text="#000000">
<div class=""><br>
<br>
<blockquote type="cite">
<div dir="ltr">
<div class="gmail_extra">
<div class="gmail_quote">
<div> </div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div><br>
</div>
<div>- Sidebar: is that specific to an application? See
notes on "applications.png"</div>
<div>- The "Notifications" on the sidebar, what's that? </div>
<div>- What's the "gear-wheel" for ? <br>
</div>
</div>
</blockquote>
</div>
</div>
</div>
</blockquote>
<br></div>
The gear menu will have contextual actions like "Rename" and
"Delete". It's less cluttered than having them as links or icons on
every row.</div></blockquote><div><br></div><div><br></div><div><br></div><div>ah!!! Took a bit to realize that :-) </div><div><br></div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000"><div class=""><br>
<br>
<blockquote type="cite">
<div dir="ltr">
<div class="gmail_extra">
<div class="gmail_quote">
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div><br>
</div>
<div>* "dialogs.png"</div>
<div>- For an application construct, that's good enough;
Creating a variant is a bit more complex (see current
UI)</div>
<div>
<div>- Is there no side bar for this?</div>
</div>
</div>
</blockquote>
<div><br>
</div>
<div>I assume that for delete app/variant or reset
id/secrets we will use the same dialogs </div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div>
</div>
<div><br>
</div>
<div><br>
</div>
<div>* installations.png</div>
<div>
<div>- Is there no side bar for this?</div>
</div>
<div>- If I understand the view/page correctly, its a
list of ALL installations for one PushApplication.
However, we should list the variants PER variant (see
current UI). The Navigation path on the bread-crumbs
would be "Applications >> Mobile HR >>
Demo (iOS) >> Installations (number)" <br>
</div>
</div>
</blockquote>
<div>+1 but I think that was also Hylke's initial idea
because on the application details screen you see that
the link to installations is on the "variant" level. I
think it was just a glitch in his bread-crumbs.</div>
</div>
</div>
</div>
</blockquote>
<br></div>
I wasn't too sure about what we could do here. In some cases it's
good to have installations per variant, in others you want to see
them per application. </div></blockquote><div><br></div><div>for now, I think, let's list them only per variant - feels (for me) a bit more clean</div><div><br></div><div><br></div><div>Thanks for the reply. I hope we are now all on the same page.</div>
<div><br></div><div>Oh, any chance to get a bit rid of that blue; replacing by a different colour ? :-))</div><div><br></div><div> </div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div bgcolor="#FFFFFF" text="#000000">We could have both: every installation number
shown in the group rows will be links to per variant installations.
the "total" link at the top would link to a table will all the
installations for the application.<span class=""><font color="#888888"><br>
<br>
Hylke</font></span><div><div class="h5"><br>
<br>
<blockquote type="cite">
<div dir="ltr">
<div class="gmail_extra">
<div class="gmail_quote">
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">
<div dir="ltr">
<div>
</div>
<div><br>
</div>
<div>* loading.png</div>
<div>- yeah, that is totally missing today :-))</div>
<div><br>
</div>
<div class="gmail_extra"><br>
</div>
<div class="gmail_extra"><br>
</div>
<div class="gmail_extra"><br>
</div>
<div class="gmail_extra">
Greetings,</div>
<div class="gmail_extra">Matthias</div>
<div class="gmail_extra"><br>
</div>
<div class="gmail_extra"><br>
<br>
<div class="gmail_quote">
<div>On Tue, Mar 25, 2014 at 8:50 PM,
Matthias Wessendorf <span dir="ltr"><<a href="mailto:matzew@apache.org" target="_blank">matzew@apache.org</a>></span>
wrote:<br>
</div>
<div>
<div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex">Awesome
mock ups!!
<div>
<div><span></span><br>
<br>
On Tuesday, March 25, 2014, Hylke Bons
<<a href="mailto:hbons@redhat.com" target="_blank">hbons@redhat.com</a>>
wrote:<br>
<blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-color:rgb(204,204,204);border-left-style:solid;padding-left:1ex"><br>
<br>
Hello,<br>
<br>
<a href="https://github.com/hbons/aerogear-design/tree/master/ups-new-ux" target="_blank">https://github.com/hbons/aerogear-design/tree/master/ups-new-ux</a><br>
The above link contains mockups with an
updated look and feel.<br>
<br>
I've tried to consolodate the info that
we had on different pages on<br>
fewer pages, as a common critique was
that the Application Details and<br>
Variant Details pages looked alike too
much, so I've merged them.<br>
<br>
On one page I've added a sidebar that
reflects future features (it's<br>
just for show).<br>
<br>
Other notable things are the orange info
blocks where we want app<br>
developers to take action on information
(the device registration and<br>
sending notifications in this case).
I've deliberately made these stand<br>
out a bit more as we want people to act
on the information. Please note<br>
that one row in the variants table shows
up expanded in the mockups for<br>
illustration purposes. The rows will all
be collapsed on first view, so<br>
it won't look as cluttered as you might
think at first seeing the mockup.<br>
<br>
Let me know what you think and where we
should go from here.<br>
<br>
Thanks,<br>
<br>
Hylke<br>
<br>
<br>
<br>
_______________________________________________<br>
aerogear-dev mailing list<br>
<a>aerogear-dev@lists.jboss.org</a><br>
<a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev" target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br>
</blockquote>
<br>
<br>
</div>
</div>
<span><font color="#888888">-- <br>
Sent from Gmail Mobile<br>
</font></span></blockquote>
</div>
</div>
</div>
<span><font color="#888888"><br>
<br clear="all">
<div><br>
</div>
-- <br>
Matthias Wessendorf <br>
<br>
blog: <a href="http://matthiaswessendorf.wordpress.com/" target="_blank">http://matthiaswessendorf.wordpress.com/</a><br>
sessions: <a href="http://www.slideshare.net/mwessendorf" target="_blank">http://www.slideshare.net/mwessendorf</a><br>
twitter: <a href="http://twitter.com/mwessendorf" target="_blank">http://twitter.com/mwessendorf</a>
</font></span></div>
</div>
<br>
_______________________________________________<br>
aerogear-dev mailing list<br>
<a href="mailto:aerogear-dev@lists.jboss.org" target="_blank">aerogear-dev@lists.jboss.org</a><br>
<a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev" target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br>
</blockquote>
</div>
<br>
</div>
</div>
<br>
<fieldset></fieldset>
<br>
<pre>_______________________________________________
aerogear-dev mailing list
<a href="mailto:aerogear-dev@lists.jboss.org" target="_blank">aerogear-dev@lists.jboss.org</a>
<a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev" target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></pre>
</blockquote>
<br>
</div></div></div>
<br>_______________________________________________<br>
aerogear-dev mailing list<br>
<a href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
<a href="https://lists.jboss.org/mailman/listinfo/aerogear-dev" target="_blank">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a><br></blockquote></div><br><br clear="all"><div><br></div>-- <br>Matthias Wessendorf <br>
<br>blog: <a href="http://matthiaswessendorf.wordpress.com/" target="_blank">http://matthiaswessendorf.wordpress.com/</a><br>sessions: <a href="http://www.slideshare.net/mwessendorf" target="_blank">http://www.slideshare.net/mwessendorf</a><br>
twitter: <a href="http://twitter.com/mwessendorf" target="_blank">http://twitter.com/mwessendorf</a>
</div></div>