<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;
      charset=windows-1252">
  </head>
  <body>
    <p><font face="Arial">Hi together,</font></p>
    <p>Thank you very much for the verrrrrry nice mockup, Pedro! I
      really like this!</p>
    <p>Let me give some thoughts from a more-or-less outsider
      perspective in this discussion.</p>
    <p>From a UI-Perspective, I would prefer the layout to be "Dive List
      top left", "Filter top right", "Stats selection bottom left",
      "Stats display bottom right". This is with the reasoning that (in
      the western world) we work from top left, top right, bottom left,
      bottom right, and the logical Workflow would be to have the dive
      list as input, which is then filtered, then the statistics
      selected and finally the output. This workflow could also be
      applied as sort of a wizard for mobile devices.<br>
    </p>
    <p>For selecting the graph type (the bar vs boxplot discussion):
      Could this also be implemented as an option in the "Stats
      selection" section? I think it's obvious that some people prefer
      the more advanced boxplot version, and some the easier to
      understand bar/line graph version.<br>
    </p>
    <p>Another (third? fourth?) option I just tought of was a boxplot
      with included histogram, where the histogram is displayed as color
      (instead of a curve). I have attached an image of a short mockup
      (Where red means more, and green means less). I'm not sure if
      that's a good idea, but at least it's an idea ;-) <br>
    </p>
    <p><img src="cid:part1.22973111.098EDE17@charno.ch" alt=""
        width="113" height="277"></p>
    <p>About graph orientation: I strongly agree that the bars (or boxes
      or whatever) should be vertical, so that the time-axis (or trip
      axis or whatever) is the z axis. This is (at least for me) the
      natural way to read graphs, and also what's currently done in the
      dive-display.</p>
    <p>And as a last point a proposal for a little visual gimmick: I
      would really like to have the value-axis for depth turned around,
      so that the 0-point is on top of the graph (like in the current
      dive-graph). With this, the visual representation of the data is
      the same as in the physical reality, lower means lower.</p>
    <p>Best regards<br>
      Christof<br>
    </p>
    <div class="moz-cite-prefix">Am 13.05.20 um 21:19 schrieb Dirk
      Hohndel via subsurface:<br>
    </div>
    <blockquote type="cite"
      cite="mid:8AD858A2-012E-4CA8-AC9E-61D1687B14C1@hohndel.org">
      <meta http-equiv="Content-Type" content="text/html;
        charset=windows-1252">
      Wow, that's a VERY cool mockup.
      <div class=""><br class="">
      </div>
      <div class="">I had considered taking over the top two panes of
        our display; dive list on the lower left. Filter (hopefully with
        the new, incremental UI) on the lower right. The selection of
        statistics (drop downs) top left, graph top right.</div>
      <div class=""><br class="">
      </div>
      <div class="">But the flow that you describe sounds right to me.</div>
      <div class=""><br class="">
      </div>
      <div class="">/D<br class="">
        <div><br class="">
          <blockquote type="cite" class="">
            <div class="">On May 13, 2020, at 11:43 AM, Pedro Neves <<a
                href="mailto:nevesdiver@gmail.com" class=""
                moz-do-not-send="true">nevesdiver@gmail.com</a>>
              wrote:</div>
            <br class="Apple-interchange-newline">
            <div class="">
              <div class="">On 13/05/20 16:36, Dirk Hohndel via
                subsurface wrote:<br class="">
                <blockquote type="cite" class=""><br class="">
                  Yes, this was intended as an example for 'by time'.<br
                    class="">
                  And no, I suck as a UI designer.<br class="">
                  But I've also learned that we cannot start creating a
                  UI without having a decent idea of how it's supposed
                  to look.<br class="">
                </blockquote>
                <br class="">
                <br class="">
                Dirk:<br class="">
                <br class="">
                Is something like this what you had in mind? I kind of
                like your reasoning in what concerns the workflow:<br
                  class="">
                <br class="">
                1. Select:<br class="">
                <br class="">
                1.1 select variables;<br class="">
                <br class="">
                1.2. select grouping;<br class="">
                <br class="">
                1.3. select granularity;<br class="">
                <br class="">
                2. Filter dives based on selected criteria;<br class="">
                <br class="">
                3. Calculate stats;<br class="">
                <br class="">
                4. Display results based on chosen stats.<br class="">
                <br class="">
                Is this what you have in mind, or am I missing it?<br
                  class="">
                <br class="">
                Cheers:<br class="">
                <br class="">
                Pedro<br class="">
                <br class="">
              </div>
            </div>
          </blockquote>
        </div>
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <meta http-equiv="Content-Type" content="text/html;
        charset=windows-1252">
      <div class=""><br class="">
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <pre class="moz-quote-pre" wrap="">_______________________________________________
subsurface mailing list
<a class="moz-txt-link-abbreviated" href="mailto:subsurface@subsurface-divelog.org">subsurface@subsurface-divelog.org</a>
<a class="moz-txt-link-freetext" href="http://lists.subsurface-divelog.org/cgi-bin/mailman/listinfo/subsurface">http://lists.subsurface-divelog.org/cgi-bin/mailman/listinfo/subsurface</a>
</pre>
    </blockquote>
  </body>
</html>