Making the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems

Similar documents
TITLE - Size 16 - Bold

FOR THOSE WHO DO. Lenovo Annual Report

MKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES

BOOTSTRAP AFFIX PLUGIN

The L A TEX Template for MCM Version v6.2

Example project Functional Design. Author: Marion de Groot Version

Creating An Effective Academic Poster. ~ A Student Petersheim Workshop

Timon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager

Paper Template for INTERSPEECH 2018

The Next Big Thing Prepared for Meeting C

Brand Guidelines MAY 2016

City of Literature Branding

Connected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013

TITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.

VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox

Intermediate District 288. Brand Manual. Visual Identity Guide

Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox

Colors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.

COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS

An output routine for an illustrated book

ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL

BRAND GUIDELINES All rights reserved.

Brand identity guidelines

TITLE. Tips for Producing a Newsletter IN THIS ISSUE

RHYMES WITH HAPPIER!

American Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658

VISUAL. Standards Guide

Project Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications

NATURAL BUILDING TECHNOLOGIES Document: Feedback Sheet Revision: A Date: 13/07/16 Queries:

BRAND IDENTITY GUIDELINE

The everyhook package

Insights. Send the right message to the right person at the right time.

Gestures: ingsa GESTURES

[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point)

Pablo- Alejandro Quiñones. User Experience Portfolio

cosmos a tech startup

IDENTITY STANDARDS LIVINGSTONE COLLEGE DR. JIMMY R. JENKINS, SR. PRESIDENT

Thesis GWU Example Dissertation. by Shankar Kulumani

The POGIL Project Publication Guidelines

BBN ANG 183 Typography Lecture 5A: Breaking text

A Road To Better User Experience. The lonely journey every front-end developer must walk.

BOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market

OCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES

Brand Guide. Last Revised February 9, :38 PM

BRAND GUIDELINES VAN S AIRCRAFT, INC. VERSION V1.1

Transforming IT-speak:

This is the Title of the Thesis

Version 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes

DFSA - Web Site Revamp

The pdfreview package

WRAS WIAPS BRAND GUIDELINES 2015

Row 1 This is data This is data

Row 1 This is data This is data. This is data out of p This is bold data p This is bold data out of p This is normal data after br H3 in a table

src0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School

Prototyping Robotic Manipulators For SPHERES

TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide

Wandle Valley Branding Guidelines 1

Brand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER

The colophon Package, v1.1

CITIZEN SCIENCE DATA FACTORY

Teach Yourself Microsoft Publisher Topic 2: Text Boxes

Ghislain Fourny. Big Data 2. Lessons learnt from the past

Formatting Theses and Papers using Microsoft Word

lipsum Access to 150 paragraphs of Lorem Ipsum dummy text a

Whitepaper. Call to Action

I D E N T I TY STA N DA R D S M A N UA L Rev 10.13

The rjlpshap class. Robert J Lee July 9, 2009

Identity Guidelines Version_1

UNIVERSITY OF CALGARY. An Important Contribution to the Literature. Jane Mary Doe A THESIS SUBMITTED TO THE FACULTY OF GRADUATE STUDIES

Visual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.

Saturday January 6, pm

DISTRIBUTED MEMORY COMPUTING IN ECONOMICS USING MPI

RPM FOUNDATION BRANDING GUIDELINES AND GRAPHIC STANDARDS

G2E Web Banners: 200 x 100 Signature. 160 x 160 Social Media. 125 x 125 web button

BBN ANG 183 Typography Lecture 5A: Breaking text

Portfolio. Site design, wireframes and other diagrams. Abigail Plumb-Larrick. Plumb Information Strategy

Brand guidelines. Introduction These guidelines define the basic elements of the Concept Smoke Screen brand.

Chaparral Sports Day. Basketball Ashley Guerrero(captain), Carrera, Rasuly, Hamilton Alba, Razel Alba, Bannister, Phillips, Richardson.

CORPORATE IDENTITY MANUAL

Viewport, custom CSS, fonts

AMERICA'S CAR MUSEUM BRANDING GUIDELINES AND GRAPHIC STANDARDS

Foundation Site Global Elements

My tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content

Customer Journey EIV and emsfaa. January 2018

Personal brand identity desigend by JAVIER

CLASP Website Redesign Client Deliverables Spring 2007

Compassion. Action. Change.

Abstract. Author summary. Introduction

AnyCorp. AnyCorp. Yours FREE with <benefit here>! Call < > $<000,000.00> *** $0 ***

Cyberview Brand Guidelines Version 2.0

RML Example 48: Paragraph flow controls

Certified Organisation logo guidelines. Version 1.0 April 2018

logo graphic will go here

AHA CENTRE CORPORATE DESIGN MANUAL

Getting started with Managana creating for web and mobile devices

CHI LAT E X Ext. Abstracts Template

GRAPHIC MANUAL 11/2017

OGP Brand Guide MARCH 2018

Visual Identity Standards

Transcription:

Making the New Notes Community Cooperation Concepts Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems

Making the New Notes Community Cooperation Concepts 3

Making the New Notes Community Cooperation Concepts 4

Introduction to Notes2 Notes2 is an activity to improve the existing notes functionality in OpenOffice.org Writer Notes2 has been developed with major community involvement Notes2 solved about 100 issue tracker entries Notes2 has been rewarded in the OpenOffice.org Community Innovation Program Awards (Technical, Core) First results are contained in OpenOffice.org 3.0 Question: Do you remember the past? 5

Notes in Previous Versions Result: 6

Notes in OpenOffice.org 3.0 Result: 7

Start of the Activity 06/2002 03/2007 04/2007 05/2007 Issue 6193 requests improvements for the notes handling in Writer Mathias Bauer proposes to start an activity within Google Summer of Code Max Odendahl applies for the GSOC and gets accepted (Student of Computer Sciences) Christoph Noack joins the team after being asked by the User Experience project lead (UX community member) An implementation team is made up (i-team Notes2 ) 8

The Implementation Team User Experience Development Christoph Noack Community Mentor Max Odendahl Community Éric Savary Sun Microsystems Documentation Mentor Christian Jansen Sun Microsystems Quality Assurance Mathias Bauer Sun Microsystems Uwe Fischer Sun Microsystems supported by the whole OpenOffice.org community! 9

Making the New Notes Community Cooperation Concepts 10

Working Steps Cooperation does mean: come together, clarify what to do, work on it, realize something useful The working steps show one classic approach Concepts Design Problem Requirements Engineering Test and Feedback Code Development Sounds easy? Let's look at the first step... 11

Understanding the Problem An IRC chat was the first official team meeting. Oh dear... We did not know each other (personal goals, previous work in the community, skills,...) We knew the single issues of the notes, but lacked understanding for the common goal We had no agenda, we just started to discuss Experience: A face-to-face kick-off meeting or phone conference in the first phase may be helpful Formulating a project goal helps to keep the focus 12

Requirements Engineering Roadmap and design concepts are based on requirements (collection of information, prioritization, definition of terms) Information sources: Use cases ( brainstorming ) Competitor analysis (different office applications) Requests for enhancements (issue tracker entries, feedback on community mailing lists) Experience of the implementation team Question: Do we have some examples for that? 13

Requirements Engineering Working with Use Cases Example Requirement StR 49: If the user exports a document, he wishes to be informed if notes are not visible. Use Case: User A edited a document and filtered some notes. Then, he sends the document via email. Thus, he wishes to be informed of information which is not visible. Comments: Alternative is to change the default; deactivate the export of notes. Source: http://wiki.services.openoffice.org/wiki/notes2 High-level requirements: Identify the stakeholders Collect use cases in the document life cycle Experience: Judges facts, not preferences Very good completeness Effort may be high, you need to convince others Hint: It also helps to look at the competition. 14

Requirements Engineering Competitor Analysis Word processor Softmaker TextMaker 2006 Notes.tmd - Textmaker Menu and Toolbar Nunc ac erat vel nisi mollis vestibulum. Donec purus tellus, eleifend non, pulvinar et, porttitor eu, lacus. Nam dictum arcu at justo. Proin semper tempus nisl. Morbi a arcu ac metus interdum consequat. Praesent aliquet imperdiet est. Nunc quis risus id nunc posuere blandit. Aliquam cursus, ante ac interdum convallis, leo felis congue nulla, sed faucibus lacus dui tempus ante. Duis viverra augue sit amet turpis. Donec ac lacus vel massa sollicitudin aliquet. Etiam aliquet dolor quis elit. Pellentesque adipiscing tellus sed sem. Quisque sit amet quam non dui viverra ornare. Integer nec risus ut risus lobortis vestibulum. Proin hendrerit, pede vel commodo cursus, felis enim egestas mi, ut aliquet enim nisi sit amet elit. Nulla facilisi. In auctor volutpat leo. Nam vitae nibh a arcu dapibus aliquet. Maecenas turpis. Donec quam. Sed ipsum libero, viverra eget, fringilla vel, auctor eget, ipsum. Curabitur egestas facilisis lectus. Duis dignissim lectus vel velit. Fusce congue velit eget neque. Integer consequat. Fusce nec purus ut justo consequat commodo. Notes similar to Microsoft Word 2003 Example: Page contains many notes notes not really usable (overlay, cut-off) Similar behavior in first Apple Pages Status Bar Finding: Robust and scalable functionality required 15

Requirements Engineering Competitor Analysis Presentation program Microsoft Powerpoint 2003 ju1 Del ju1 Joe User 2007-10-27 Nunc ac erat vel nisi mollis vestibulum vestibulum. Donec purus tadolom. Joe User 2007-10-27 Nunc ac erat vel nisi mollis vestibulum. Donec purus tadolom. Notes are handled like small graphic objects Example: Click on anchor to open note window Select text text looks being editable Pressing 'Del' removes the note! Finding: Be clear in communicating different states to the user 16

Communication Channels Remote collaboration can work well! The tools are not that important (but we re-think their use) Face-to-face Very positive, although it was a bit too late... Phone Calls Good for the discussion of single topics (better if we had an online-whiteboard) Rated good if used between few members Chat Never used again by the whole team Very good for discussion of single topics E-Mail Decisions shold be officially published Issue Tracker Good to manage mid-term to long-term issues Wiki Very good! 17

Communication Wiki Store common knowledge, e.g.: Project details Goals and requirements Development roadmap Proposals, concepts, mockups Experience: Great for getting feedback Use it as soon as possible Care about the structure Source: http://wiki.services.openoffice.org/wiki/notes2 18

Communication Discussions and Decisions Examples: procedure, roadmap planning, design decisions Experience: Decisions should not be made by the whole team in general establish guidelines accepted by the team Planning for a certain release didn't work well define minimum feature and quality requirements The foundation provides a certain set of capabilities identify technical constraints as soon as possible 19

Making the New Notes Community Cooperation Concepts 20

Design Proposals Notes Window Visual evolution of the note window and the options buttons /+------------+ / notes text ----/ notes text notes text : : Author/Dat +------------+ 21

Design Proposals Advanced Text Editing Much text inside note window Many notes on one document page Deleted notes for change tracking 22

Implemented Design Colors Notes author colors are based on other OpenOffice.org colors Definition of Colors Accessibility Check Display Check Result: New colors are consistent, fresh, accessibility tested 23

Features Being Worked On Grouping of notes belonging together Reply-To-Note to answer existing notes Better integration with change tracking comments Improved anchors, e.g. new anchors for text areas (e.g. referring to words) The framework is now ready for advanced functionality. 24

Ideas for Future Versions Printing Printing has still room for improvement Specification drafts available for: Printing notes windows next to document Printing notes text only There are still many other ideas... Help is appreciated. 25

Making the New Notes Community Cooperation Concepts 26

Summary Community Success? A feature improvement at least... We think, the community does have impact! Collaboration Remote collaboration does work! Working has been much fun and sometimes exhausting! Concepts Not everything is perfect, yet. There will be improvements! Many ideas still flying around. And now? Start your project and share your experience! 27

OpenOffice.org User Experience Team ux.openoffice.org