<html>
  <head>
    <meta content="text/html; charset=ISO-8859-1"
      http-equiv="Content-Type">
  </head>
  <body bgcolor="#FFFFFF" text="#000000">
    <div class="moz-cite-prefix">Hey, <br>
      <br>
      On 26/03/2014 09:44, Sebastien Blanc wrote:<br>
    </div>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      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">&lt;<a
                moz-do-not-send="true" href="mailto:matzew@apache.org"
                target="_blank">matzew@apache.org</a>&gt;</span> wrote:<br>
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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>
    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.<br>
    <br>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div class="gmail_extra">
          <div class="gmail_quote">
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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>&nbsp;</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>
    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".<br>
    <br>
    <br>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div class="gmail_extra">
          <div class="gmail_quote">
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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 =&gt; other page).</div>
            <div><br>
            </div>
          </div>
        </div>
      </div>
    </blockquote>
    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?<br>
    <br>
    <br>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      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>
    This are the "What's this for?" links. We might want to reconsider
    the name for that.<br>
    <br>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div class="gmail_extra">
          <div class="gmail_quote">
            <div>&nbsp;</div>
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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?&nbsp;</div>
                <div>- What's the "gear-wheel" for ? <br>
                </div>
              </div>
            </blockquote>
          </div>
        </div>
      </div>
    </blockquote>
    <br>
    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.<br>
    <br>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div class="gmail_extra">
          <div class="gmail_quote">
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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 &nbsp;</div>
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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). &nbsp;The Navigation path on the bread-crumbs
                  would be "Applications &gt;&gt; Mobile HR &gt;&gt;
                  Demo (iOS) &gt;&gt; Installations (number)"&nbsp;<br>
                </div>
              </div>
            </blockquote>
            <div>+1 but I think that was also Hylke's initial idea
              &nbsp;because on the application details screen you see that
              the link to installations is on the &nbsp;"variant" level. I
              think it was just a glitch in his bread-crumbs.</div>
          </div>
        </div>
      </div>
    </blockquote>
    <br>
    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. 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.<br>
    <br>
    Hylke<br>
    <br>
    <blockquote
cite="mid:CAD_dpu1mwkb9JTVwYKJFa8pNN1nP87w1awCmnPwDQEpBra9w_A@mail.gmail.com"
      type="cite">
      <div dir="ltr">
        <div class="gmail_extra">
          <div class="gmail_quote">
            <blockquote class="gmail_quote" style="margin:0 0 0
              .8ex;border-left:1px #ccc 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 class="">On Tue, Mar 25, 2014 at 8:50 PM,
                      Matthias Wessendorf <span dir="ltr">&lt;<a
                          moz-do-not-send="true"
                          href="mailto:matzew@apache.org"
                          target="_blank">matzew@apache.org</a>&gt;</span>
                      wrote:<br>
                    </div>
                    <div>
                      <div class="h5">
                        <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
                              &lt;<a moz-do-not-send="true"
                                href="mailto:hbons@redhat.com"
                                target="_blank">hbons@redhat.com</a>&gt;
                              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 moz-do-not-send="true"
                                  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 moz-do-not-send="true">aerogear-dev@lists.jboss.org</a><br>
                                <a moz-do-not-send="true"
                                  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 class="HOEnZb"><font color="#888888"><br>
                      <br clear="all">
                      <div><br>
                      </div>
                      -- <br>
                      Matthias Wessendorf <br>
                      <br>
                      blog: <a moz-do-not-send="true"
                        href="http://matthiaswessendorf.wordpress.com/"
                        target="_blank">http://matthiaswessendorf.wordpress.com/</a><br>
                      sessions: <a moz-do-not-send="true"
                        href="http://www.slideshare.net/mwessendorf"
                        target="_blank">http://www.slideshare.net/mwessendorf</a><br>
                      twitter: <a moz-do-not-send="true"
                        href="http://twitter.com/mwessendorf"
                        target="_blank">http://twitter.com/mwessendorf</a>
                    </font></span></div>
              </div>
              <br>
              _______________________________________________<br>
              aerogear-dev mailing list<br>
              <a moz-do-not-send="true"
                href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a><br>
              <a moz-do-not-send="true"
                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 class="mimeAttachmentHeader"></fieldset>
      <br>
      <pre wrap="">_______________________________________________
aerogear-dev mailing list
<a class="moz-txt-link-abbreviated" href="mailto:aerogear-dev@lists.jboss.org">aerogear-dev@lists.jboss.org</a>
<a class="moz-txt-link-freetext" href="https://lists.jboss.org/mailman/listinfo/aerogear-dev">https://lists.jboss.org/mailman/listinfo/aerogear-dev</a></pre>
    </blockquote>
    <br>
  </body>
</html>