Difference between revisions of "Renaissance:Prototyping"

From Apache OpenOffice Wiki
Jump to: navigation, search
m (Minor structure cleanup)
 
(105 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{User Experience Community}}
 
{{User Experience Community}}
= Prototyping =
+
== Prototyping ==
The prototyping phase has been started on Friday, 12 June 2009. This phase is limited to six weeks and ends on July 24. Prototypes will be made public when ready.
+
Prototyping phase II has ended.
  
 
== Goal ==
 
== Goal ==
Building a flexible framework for prototyping to test promising UI designs with real users.  
+
Building a flexible framework for mid-fidelity prototyping to test promising UI designs with real users.
  
 
== Team ==
 
== Team ==
 
* [mailto:Andreas.Bartel@Sun.com?subject:Prototyping Andreas Bartel] ([http://wiki.services.openoffice.org/wiki/User:andba andba]) - User Experience Tech Lead for Project Renaissance  
 
* [mailto:Andreas.Bartel@Sun.com?subject:Prototyping Andreas Bartel] ([http://wiki.services.openoffice.org/wiki/User:andba andba]) - User Experience Tech Lead for Project Renaissance  
 
* [mailto:andre.w.fischer@sun.com?subject:Prototyping Andre Fischer] ([http://wiki.services.openoffice.org/wiki/Andre_Fischer Andre Fischer]) - Developer
 
* [mailto:andre.w.fischer@sun.com?subject:Prototyping Andre Fischer] ([http://wiki.services.openoffice.org/wiki/Andre_Fischer Andre Fischer]) - Developer
* [mailto:bernd.eilers@sun.com?subject:Prototyping Bernd Eilers]
+
* [mailto:bernd.eilers@sun.com?subject:Prototyping Bernd Eilers] ([http://wiki.services.openoffice.org/wiki/User:bei bei]) - Developer
([http://wiki.services.openoffice.org/wiki/User:bei Bei]) - Developer
+
 
* [mailto:Frank.Loehmann@Sun.com?subject:Prototyping Frank Loehmann] ([http://wiki.services.openoffice.org/wiki/User:fl fl]) - OpenOffice.org User Experience Project Lead
 
* [mailto:Frank.Loehmann@Sun.com?subject:Prototyping Frank Loehmann] ([http://wiki.services.openoffice.org/wiki/User:fl fl]) - OpenOffice.org User Experience Project Lead
  
== Progress ==
+
== Prototype ==
* '''Wed., 17 June: Daily status meeting'''
+
{| class="prettytable"
** Prototypes have been checked in to version control system
+
|-
** Prototypes have been joined
+
! Screencast
** Scrollbar shows button, snapping to sections and highlighting current choice (Bernd)
+
! Live Prototype
** Document canvas shows color gradient (Andre)
+
|-
** Document/slide contains objects with limited functionality (Andre)
+
| [[File:Protoplay.png|link=http://www.youtube.com/watch?v=ATIqhqjwUns&fmt=22|center|350px]]
** Control window to set window sizes (Andre)
+
| [[File:ProtoExec.png|link=http://tools.services.openoffice.org/impressprototype/impressprototype.jnlp|center|350px]]
** ToDo:
+
|-
*** Prepare a tabbed prototype (Andre)
+
| The [http://www.youtube.com/watch?v=ATIqhqjwUns&fmt=22 video testdrive] on YouTube gives you a first impression what the prototype is about.
*** Optimize scrolling of toolbar (Bernd)
+
| The [http://tools.services.openoffice.org/impressprototype/impressprototype.jnlp latest prototype (v 0.18)] runs on "live" your computer (Java 6 required).
*** Provide toolbar content as bitmaps (Frank)
+
|}
  
* '''Tues., 16 June: Daily status meeting'''
+
Note: This mid-fidelity prototype has '''no polished UI design!''' Also the content of the toolbar section is '''not final nor complete'''. We just want to test interaction of the a possible UI with normal users. Therefore the prototype provides '''only limited functionality''' that allows us to run some tests in real live scenarios like creating a small presentation and doing some formatting.
** Two separated Java based prototypes of a prototype presented
+
** ToDo:
+
*** Add a control window so set prototype and window sizes
+
*** Join prototypes and extend sliding & document/canvas
+
  
* '''Mo., 15 June: Kick-off meeting with prototyping team'''
+
Our page [[Renaissance/FAQ|Frequently Asked Questions]] provides more information on what is prototyping.
** Using Java for prototyping
+
** Create a modular prototype to be able to make different versions of a UI concept
+
** Starting with sliding prototype
+
** ToDo:
+
*** Set up prototyping framework (Andre/Bernd)
+
*** Slider implementation (Bernd)
+
*** Document canvas, slide pane and statusbar with zoom slider (Andre)
+
  
* '''Fr., 12 June: Kick-Off meeting with team & sponsors'''
+
==Supported functionality in prototype==
 +
'''Tip: functional buttons in the toolbars show a green point in the lower right corner'''
 +
* Loading ODP files from OOo (ODF)
 +
* Load/Save own XML file format
 +
* Main menu
 +
* Slideable toolbar area
 +
* Zoom slider
 +
* New handles/ mode less rotation
 +
* Insert
 +
** Bitmaps
 +
** Shapes
 +
* Format (context sensitive like in StarOffice 4/5)
 +
** Border style
 +
** Border width
 +
** Character format (bold/italic/underlined)
 +
** Paragraph (left, right, centered, justified)
 +
** Color and gradient for
 +
*** Fill
 +
*** Border
 +
* Design
 +
** Slide theming
 +
** Color theming
 +
* Views
 +
** Normal
 +
** Sorter
 +
** 3D (i.e. on small devices)
 +
** Presentation mode
 +
** Notes window (at the bottom in normal view)
 +
** Slide preview (on the left in normal view)
 +
* Direct object interaction for
 +
** Slides
 +
*** Yellow circle: Slide/overview zoom
 +
*** M: Live master mode switch
 +
*** Copy/delete/duplicate
 +
 
 +
== Progress / Mini-Minutes ==
 +
 
 +
[http://wiki.services.openoffice.org/wiki/Renaissance:Prototyping_minutes Minutes...]
 +
 
 +
== Tasks to support ==
 +
 
 +
* Must have
 +
** insert slide (done)
 +
** delete slide (done)
 +
** duplicate slide (done)
 +
** change slide layout (done)
 +
** change slide design (done)
 +
** input text  (done)
 +
** navigate through slides (done)
 +
* Nice to have
 +
** insert image (done)
 +
** insert shape (done)
 +
** insert table
 +
** insert text field (done)
 +
* If possible
 +
** modify image
 +
** modify shape (done)
 +
** modify table

Latest revision as of 23:04, 21 January 2010

ux-ooo-logo-rgb-129-61.png

ux.openoffice.org

Quick Navigation

Team

Prototyping

Prototyping phase II has ended.

Goal

Building a flexible framework for mid-fidelity prototyping to test promising UI designs with real users.

Team

Prototype

Screencast Live Prototype
Protoplay.png
ProtoExec.png
The video testdrive on YouTube gives you a first impression what the prototype is about. The latest prototype (v 0.18) runs on "live" your computer (Java 6 required).

Note: This mid-fidelity prototype has no polished UI design! Also the content of the toolbar section is not final nor complete. We just want to test interaction of the a possible UI with normal users. Therefore the prototype provides only limited functionality that allows us to run some tests in real live scenarios like creating a small presentation and doing some formatting.

Our page Frequently Asked Questions provides more information on what is prototyping.

Supported functionality in prototype

Tip: functional buttons in the toolbars show a green point in the lower right corner

  • Loading ODP files from OOo (ODF)
  • Load/Save own XML file format
  • Main menu
  • Slideable toolbar area
  • Zoom slider
  • New handles/ mode less rotation
  • Insert
    • Bitmaps
    • Shapes
  • Format (context sensitive like in StarOffice 4/5)
    • Border style
    • Border width
    • Character format (bold/italic/underlined)
    • Paragraph (left, right, centered, justified)
    • Color and gradient for
      • Fill
      • Border
  • Design
    • Slide theming
    • Color theming
  • Views
    • Normal
    • Sorter
    • 3D (i.e. on small devices)
    • Presentation mode
    • Notes window (at the bottom in normal view)
    • Slide preview (on the left in normal view)
  • Direct object interaction for
    • Slides
      • Yellow circle: Slide/overview zoom
      • M: Live master mode switch
      • Copy/delete/duplicate

Progress / Mini-Minutes

Minutes...

Tasks to support

  • Must have
    • insert slide (done)
    • delete slide (done)
    • duplicate slide (done)
    • change slide layout (done)
    • change slide design (done)
    • input text (done)
    • navigate through slides (done)
  • Nice to have
    • insert image (done)
    • insert shape (done)
    • insert table
    • insert text field (done)
  • If possible
    • modify image
    • modify shape (done)
    • modify table
Personal tools