Revision 824 is a pre-publication revision. (Viewing current revision instead.)

Alternative design for Bits and Pieces

We created some alternative designs for our existing tools for Consortium meeting in Tallinn. The aim of these is to help keeping the design space open, so that co-design sessions have concrete options and alternatives to build on.
Alternative design for Bits and Pieces

Alternative design for Bits and Pieces

The major changes are: (1) Change the logic of timeline to event line -- to not require each day to take equal space in timeline, as most of the days are empty and the activity happens in short bursts of multiple objects. An event line respects the order of documents but doesn't use space for empty time. (2) Use colors and solid bubbles to differentiate between collections (concepts in BnP parlance). These replace the black circles in main design branch. Colors make the collections identifiable at glance and raise this area to be the focus. (3) Move the sidebar options to describe the bits and concepts to large areas below the bubbles. If this activity is deemed to be important for BnP it should make an easily identifiable third step: a) drag items from timeline to concept space, b) sort out the concept space, c) describe or annotata the concepts for further use. Each step has a clear space in the layout. Sharing-related sidebar options go to the top, familiar solution from Google apps, and chat features are all that remain on the sidebar, also familiar from Google apps. The pdf below includes several screens, few different styles and annotations on changes and the reasoning behind them. bnp_reimaging

Revisions

  • 23 June, 2015 @ 12:23 [Current Revision] by jukka
  • 23 June, 2015 @ 12:21 by jukka
  • 23 June, 2015 @ 12:07 by jukka

Revision Differences

23 June, 2015 @ 12:07Current Revision
Content
We created some alternative designs for our existing tools for Consortium meeting in Tallinn. The aim of these is to help keeping the design space open, so that co-design sessions have concrete options and alternatives to build on.  We created some alternative designs for our existing tools for Consortium meeting in Tallinn. The aim of these is to help keeping the design space open, so that co-design sessions have concrete options and alternatives to build on.
<a href="http:// odl.learning- layers.eu/wp- content/uploads/ 2015/06/bnp_ reimaging1.png"><img src="http://odl.learning- layers.eu/wp- content/uploads/ 2015/06/bnp_reimaging1- 769x1024.png" alt="Alternative design for Bits and Pieces" width="769" height="1024" class="size-large wp-image-822" /></a> Alternative design for Bits and Pieces <a href="http:// odl.learning- layers.eu/wp- content/uploads/ 2015/06/bnp_ reimaging1.png"><img src="http://odl.learning- layers.eu/wp- content/uploads/ 2015/06/bnp_reimaging1- 769x1024.png" alt="Alternative design for Bits and Pieces" width="769" height="1024" class="size-large wp-image-822" /></a> Alternative design for Bits and Pieces
  The major changes are: (1) Change the logic of timeline to event line -- to not require each day to take equal space in timeline, as most of the days are empty and the activity happens in short bursts of multiple objects. An event line respects the order of documents but doesn't use space for empty time.
  (2) Use colors and solid bubbles to differentiate between collections (concepts in BnP parlance). These replace the black circles in main design branch. Colors make the collections identifiable at glance and raise this area to be the focus.
  (3) Move the sidebar options to describe the bits and concepts to large areas below the bubbles. If this activity is deemed to be important for BnP it should make an easily identifiable third step: a) drag items from timeline to concept space, b) sort out the concept space, c) describe or annotata the concepts for further use. Each step has a clear space in the layout.
  Sharing-related sidebar options go to the top, familiar solution from Google apps, and chat features are all that remain on the sidebar, also familiar from Google apps.
The pdf below includes several screens, few different styles and annotations on changes and the reasoning behind them.  The pdf below includes several screens, few different styles and annotations on changes and the reasoning behind them.
<a href="http:// odl.learning- layers.eu/wp- content/uploads/ 2015/06/bnp_ reimaging.pdf" >bnp_reimaging</a> <a href="http:// odl.learning- layers.eu/wp- content/uploads/ 2015/06/bnp_ reimaging.pdf" >bnp_reimaging</a>

Note: Spaces may be added to comparison text to allow better line wrapping.

Tags: , , ,

No comments yet.

Leave a Reply