Difference between revisions of "Renaissance:Prototyping"

From Apache OpenOffice Wiki
Jump to: navigation, search
(→‎Progress / Mini-Minutes)
m (Minor structure cleanup)
 
(72 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 ==
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
 
* [mailto:Frank.Loehmann@Sun.com?subject:Prototyping Frank Loehmann] ([http://wiki.services.openoffice.org/wiki/User:fl fl]) - OpenOffice.org User Experience Project Lead
  
−
== Prototypes ==
+
== Prototype ==
−
The latest prototype can be started [http://tools.services.openoffice.org/impressprototype/impressprototype.jnlp here] (Java 6 required)
+
{| 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).
 +
|}
  
−
== Progress / Mini-Minutes ==
+
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.
−
*'''Wed., 8 July: Daily stutus meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
*** Fixed content for home, insert, design
+
−
*** Zooming works using an icon
+
−
*** Navigation works using keyboard
+
−
*** Need to fix slide-view and slide sorter bahavior
+
−
*** Otherwise a promising concept
+
−
** ToDo:
+
−
*** Improve zoomable UI part
+
−
*** Toolbar content definition (Andreas)
+
  
−
*'''Tue., 7 July: Daily stutus meeting'''
+
Our page [[Renaissance/FAQ|Frequently Asked Questions]] provides more information on what is prototyping.
−
** Presentation/Discussion of latest prototype (All)
+
−
*** Zoom transformation works
+
−
*** Seems interesting, feedback required
+
−
*** Cover-Flow as stand-alone view
+
−
*** Slider-Content done for 2 groups
+
−
** ToDo:
+
−
*** Improve zoomable UI part
+
−
*** Toolbar content definition (Andreas)
+
  
−
*'''Mon., 6 July: Daily stutus meeting'''
+
==Supported functionality in prototype==
−
** Presentation/Discussion of latest prototype (All)
+
'''Tip: functional buttons in the toolbars show a green point in the lower right corner'''
−
** Some progress towards 3D was made
+
* Loading ODP files from OOo (ODF)
−
** Will work until tomorrow evening and then decide if we'll continue with 3D
+
* Load/Save own XML file format
−
** Next week will be used for focus group testing at VBG
+
* Main menu
−
** ToDo:
+
* Slideable toolbar area
−
*** Check if Cover-Flow & Zoom can be implemented for testing (Andre/Bernd)
+
* Zoom slider
−
*** Toolbar content definition (Andreas)
+
* 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
  
−
*'''Fri., 3 July: Daily stutus meeting'''
+
== Progress / Mini-Minutes ==
−
** Presentation/Discussion of latest prototype (All)
+
−
** ToDo:
+
−
*** Check if Cover-Flow & Zoom can be implemented for testing (Andre/Bernd)
+
−
*** Toolbar content definition (Andreas)
+
−
 
+
−
*'''Thu., 2 July: Daily stutus meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** ToDo:
+
−
*** Check if Cover-Flow & Zoom can be implemented for testing (Andre/Bernd)
+
−
*** Toolbar content definition (Andreas)
+
−
*** Contact VBG for feedback channel (done)
+
−
 
+
−
*'''Wed., 1 July: Daily stutus meeting'''
+
−
** NO MEETING DUE TO A WORKSHOP
+
−
** Tasks:
+
−
*** Left align toolbars and control(Andre/Bernd) (done)
+
−
 
+
−
*'''Tue., 30 June: Daily stutus meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** Status bar update: Added triangle as pointer
+
−
** Dicussed possible idea for zoomable "view"
+
−
** ToDo:
+
−
*** Remove dummy bitmaps from buttons for most recently used buttons (Andre/Bernd)
+
−
*** Left align toolbars and control(Andre/Bernd)
+
−
*** Toolbar content definition (Andreas)
+
−
*** Contact VBG for feedback channel (Andreas)
+
−
 
+
−
*'''Mon., 29 June: Daily stutus meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** Status bar update
+
−
** Speaker notes present and can be hided
+
−
** ToDo:
+
−
*** Remove dummy bitmaps from buttons for most recently used buttons (Andre/Bernd)
+
−
*** Left align toolbars and control(Andre/Bernd)
+
−
*** Toolbar content definition (Andreas)
+
−
 
+
−
* '''Fri., 26 June: Daily status meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** Protype has been cleaned up for status presentation. Offers differnet shapes and a bitmap tool. Rotation and scaling possible. Zoom full functional. Presentation mode working.
+
−
** ToDo:
+
−
*** Sparate toolbar area from document (Andre/Bernd)
+
−
*** Remove dummy bitmaps from buttons for most recently used buttons (Andre/Bernd)
+
−
*** Left align toolbars and control(Andre/Bernd)
+
−
*** Toolbar content definition (Andreas)
+
−
*** Statusbar definition. Views, zoom slider etc. (Frank) [Done]
+
−
*** Check if everything would still work with Java 1.5 (Stalled)
+
−
 
+
−
* '''Thu., 25 June: Daily status meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** New prototype can scroll through groups and panes that extend functionality are also functional. Full screan presentation mode is also available now! Great stuff!
+
−
** ToDo;
+
−
*** Clean up of visual elements [Done]
+
−
*** Left-align groups and controls [Done]
+
−
*** Check if everything would still work with Java 1.5
+
−
*** Prepare live content for toolbars to replace bitmaps (color, shapes, text) (Andre) [Done]
+
−
*** Implement limited functionality to make these scenarios live (Andre/Bernd) [Done]
+
−
*** Statusbar definition. Views, zoom slider etc. (Frank)
+
−
 
+
−
* '''Wed., 24 June: Daily status meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** Creating a new prototype 'Scrolling Tabs' to be developed using a selection indicator on buttons instead of tabs/scrollbar
+
−
** ToDo:
+
−
*** Prepare live content for toolbars to replace bitmaps (color, shapes, text) (Andre)
+
−
*** Implement limited functionality to make these scenarios live (Andre/Bernd)
+
−
*** Statusbar definition. Views, zoom slider etc. (Frank)
+
−
*** Prepare scenarios for testing (Andreas/Frank)
+
−
*** Prepare next bunch of prototypes (Andreas/Frank)
+
−
 
+
−
* '''Tue., 23 June: Daily status meeting'''
+
−
** Presentation/Discussion of latest prototype (All)
+
−
** Scrolling effect for scrolling prototype (Bernd)
+
−
** Discussion of scrolling interface on large monitors (long distances) (All)
+
−
** Live content o toolbars is in the making (Andre). Some are already present in current prototype
+
−
** Creating a new prototype to be developed using a selection indicator on buttons instead of tabs/scrollbar
+
−
** ToDo:
+
−
*** Prepare live content for toolbars to replace bitmaps (color, shapes, text) (Andre)
+
−
*** Implement limited functionality to make these scenarios live (Andre/Bernd)
+
−
*** Statusbar definition. Views, zoom slider etc. (Frank)
+
−
*** Provide images for scrollbar buttons (Frank) [Done]
+
−
*** Prepare scenarios for testing (Andreas/Frank)
+
−
*** Prepare next bunch of prototypes (Andreas/Frank)
+
−
 
+
−
* '''Mon., 22 June: Daily status meeting'''
+
−
** [http://tools.services.openoffice.org/impressprototype/impressprototype.jnlp Present current prototypes] to Andreas
+
−
** ToDo:
+
−
*** Overwork slider visualization (Bernd) [Done]
+
−
*** Prepare live content for toolbars to replace bitmaps (color, shapes, text) (Andre)
+
−
*** Statusbar definition. Views, zoom slider etc. (Frank)
+
−
*** Provide images for scrollbar buttons (Frank)
+
−
*** Prepare scenarios for testing (Andreas/Frank)
+
−
*** Implement limited functionality to make these scenarios live (Andre/Bernd)
+
−
*** Prepare next bunch of prototypes (Andreas/Frank)
+
−
 
+
−
* '''Fri., 19 June: Daily status meeting'''
+
−
** Overworked tabbed toolbar prototype with dummy toolbar content (Andre)
+
−
** New window title and named prototypes (Andre)
+
−
** Highlighting of selection for a better visibility (Bernd/Andre)
+
−
** Added two more versions with a different heigth for scrollbar/text (Bernd)
+
−
** Extended list of screen resolutions (Andre)
+
−
** Dummy menu visible in all prototypes (Andre)
+
−
** Presentation mode available (Andre)
+
−
** ToDo:
+
−
*** Statusbar definition. Views, zoom slider etc. (Frank)
+
−
*** Provide images for scrollbar buttons (Frank)
+
−
*** Prepare scenarios for testing (Andreas/Frank)
+
−
*** Implement limited functionality to make these scenarios live (Andre/Bernd)
+
−
*** Prepare next bunch of prototypes (Andreas/Frank)
+
−
 
+
−
* '''Thu., 18 June: Daily status meeting'''
+
−
** Some problems with windows clients and Mercurial(Andre/EDV)
+
−
** Improved slider & toolbar dummy conetent (Bernd)
+
−
** First tabbed prototype (Andre)
+
−
** Main menu dummy (Andre)
+
−
** ToDo:
+
−
*** Naming of prototypes (Frank) [Done]
+
−
*** Reduce heights of toolbar area to fit dummy bitmap content (Bernd/Andreas) [Done]
+
−
*** Design & implement scrollbar 'buttons' (Frank/Bernd) [Done]
+
−
*** Review tabbed prototype (Frank) [Done]
+
−
 
+
−
* '''Wed., 17 June: Daily status meeting'''
+
−
** Prototypes have been checked into version control system (Bernd)
+
−
** Prototypes have been joined (Bernd/Andre)
+
−
** Scrollbar shows button, snapping to sections and highlighting current choice (Bernd)
+
−
** Document canvas shows color gradient (Andre)
+
−
** Document/slide contains objects with limited functionality (Andre)
+
−
** Control window to set window sizes (Andre)
+
−
** ToDo:
+
−
*** Prepare a tabbed prototype (Andre) [Done]
+
−
*** Optimize scrolling of toolbar (Bernd) [Done]
+
−
*** Provide toolbar content as bitmaps (Frank) [Done]
+
−
*** Create prototyping home page in OOo wiki (Frank) [Done]
+
−
 
+
−
* '''Tue., 16 June: Daily status meeting'''
+
−
** 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]
+
−
 
+
−
* '''Mon., 15 June: Kick-off meeting with prototyping team'''
+
−
** 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]
+
  
−
* '''Fri., 12 June: Kick-Off meeting with team & sponsors'''
+
[http://wiki.services.openoffice.org/wiki/Renaissance:Prototyping_minutes Minutes...]
  
 
== Tasks to support ==
 
== Tasks to support ==
  
 
* Must have
 
* Must have
−
** insert slide
+
** insert slide (done)
−
** delete slide
+
** delete slide (done)
−
** duplicate slide
+
** duplicate slide (done)
−
** change slide layout
+
** change slide layout (done)
−
** change slide design
+
** change slide design (done)
−
** input text
+
** input text (done)
−
** navigate through slides
+
** navigate through slides (done)
−
* Nice to have
+
* Nice to have  
−
** insert image
+
** insert image (done)
−
** insert shape
+
** insert shape (done)
 
** insert table
 
** insert table
−
** insert text field
+
** insert text field (done)
 
* If possible
 
* If possible
 
** modify image
 
** modify image
−
** modify shape
+
** modify shape (done)
 
** modify table
 
** 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
Retrieved from "https://wiki.openoffice.org/w/index.php?title=Renaissance:Prototyping&oldid=155434"
Personal tools