Difference between revisions of "Renaissance:Prototyping"

Latest revision as of 23:04, 21 January 2010

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

Andreas Bartel (andba) - User Experience Tech Lead for Project Renaissance
Andre Fischer (Andre Fischer) - Developer
Bernd Eilers (bei) - Developer
Frank Loehmann (fl) - OpenOffice.org User Experience Project Lead

Prototype

Screencast	Live Prototype

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

@@ Line 1: / Line 1: @@
 {{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 ==
-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 ==
@@ Line 12: / Line 12: @@
 * [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 / Mini-Minutes ==
+== Prototype ==
+{| class="prettytable"
+|-
+! Screencast
+! Live Prototype
+|-
+| [[File:Protoplay.png|link=http://www.youtube.com/watch?v=ATIqhqjwUns&fmt=22|center|350px]]
+| [[File:ProtoExec.png|link=http://tools.services.openoffice.org/impressprototype/impressprototype.jnlp|center|350px]]
+|-
+| The [http://www.youtube.com/watch?v=ATIqhqjwUns&fmt=22 video testdrive] on YouTube gives you a first impression what the prototype is about.
+| The [http://tools.services.openoffice.org/impressprototype/impressprototype.jnlp latest prototype (v 0.18)] runs on "live" your computer (Java 6 required).
+|}
-* '''Thurs., 18 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.
-** Some problems with windows clients and Mercurial(Andre/EDV)
-** Improved slider & toolbar dummy conetent (Bernd)
-** First tabbed prototype (Andre)
-** Main menu dummy (Andre)
-** ToDo:
-*** Statusbar definition. Views, zoom slider etc. (Frank)
-*** Naming of prototypes (Frank)
-*** Reduce heights of toolbar area to fit dummy bitmap content (Bernd/Andreas)
-*** Design & implement scrollbar 'buttons' (Frank/Bernd)
-*** Review tabbed prototype (Frank)
-* '''Wed., 17 June: Daily status meeting'''
+Our page [[Renaissance/FAQ|Frequently Asked Questions]] provides more information on what is prototyping.
-** Prototypes have been checked into version control system (Bernd)
-** Prototypes have been joined (Bernd/Andre)
+==Supported functionality in prototype==
-** Scrollbar shows button, snapping to sections and highlighting current choice (Bernd)
+'''Tip: functional buttons in the toolbars show a green point in the lower right corner'''
-** Document canvas shows color gradient (Andre)
+* Loading ODP files from OOo (ODF)
-** Document/slide contains objects with limited functionality (Andre)
+* Load/Save own XML file format
-** Control window to set window sizes (Andre)
+* Main menu
-** ToDo:
+* Slideable toolbar area
-*** Prepare a tabbed prototype (Andre) [Done]
+* Zoom slider
-*** Optimize scrolling of toolbar (Bernd) [Done]
+* New handles/ mode less rotation
-*** Provide toolbar content as bitmaps (Frank) [Done]
+* Insert
-*** Create prototyping home page in OOo wiki (Frank) [Done]
+** 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 ==
-* '''Tues., 16 June: Daily status meeting'''
+[http://wiki.services.openoffice.org/wiki/Renaissance:Prototyping_minutes Minutes...]
-** Two separated Java based prototypes of a prototype presented
-** ToDo:
-*** Add a control window so set prototype and window sizes (Andre) [Done]
-*** Join prototypes and extend sliding & document/canvas (Andre/Bernd) [Done]
-* '''Mo., 15 June: Kick-off meeting with prototyping team'''
+== Tasks to support ==
-** 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) [Done]
-*** Slider implementation (Bernd) [Done]
-*** Document canvas, slide pane and statusbar with zoom slider (Andre) [Done]
-* '''Fr., 12 June: Kick-Off meeting with team & sponsors'''
+* 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

Difference between revisions of "Renaissance:Prototyping"

Latest revision as of 23:04, 21 January 2010

Contents

Prototyping

Goal

Team

Prototype

Supported functionality in prototype

Progress / Mini-Minutes

Tasks to support

Views

Personal tools

Navigation

Search

Tools