mproving impress through iterative design and development
DESCRIPTION
After the Renaissance team announced the necessary steps to improve the user experience of OpenOffice.org Impress during the OOo Con 2009, a lot of good things happened to our presentation application. During the past month, a team of developerts, QA engineers, documentation, and user experience has been working 24/7 to make handling slides, layouts and document elements more efficient. This talk will inform the audience about the current status of the project, explain in detail what changes have been introduced and how they were accomplished as a collaborative effort of the iTeam through constant iteration.TRANSCRIPT
![Page 1: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/1.jpg)
![Page 2: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/2.jpg)
<Insert Picture Here>
Project Renaissance – Improving Impress through Iterative Design and Development
Andreas Bartel, Christian Lippka
![Page 3: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/3.jpg)
“Create a User Interface so that OpenOffice.org becomes the users' choice not only out of need but also out of desire”
Mission Statement
![Page 4: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/4.jpg)
“ ... to know and to understand our users as they are, and to help them accomplish what they want to, by providing efficient access to valuable functionality through a desirable user interface.”
Goal Statement
![Page 5: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/5.jpg)
What's in for me
• The plan• The execution• The outcome
![Page 6: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/6.jpg)
<Insert Picture Here>
Project Renaissance Impress
![Page 7: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/7.jpg)
“Where is my bike?”Or how do I find one particular element among a set of many?
![Page 8: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/8.jpg)
Let's talk numbers – UI Elements
343
214
308
Total Number of UI elements = 595
Toolbar ButtonsMenu ItemsToolbarsPanels
![Page 9: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/9.jpg)
Let's talk numbers – Usage Tracking
142
4333
Total Number of Tracked UI events = 4475
Used 80% of the timeUsed 20% of the time
![Page 10: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/10.jpg)
“Signal-To-Noise Ratio: The ratio of relevant to irrelevant information in a
display. The highest possible signal-to-noise ratio is desirable in design.”
Lindwell, Holden, ButtlerUniversal Principles of Design
![Page 11: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/11.jpg)
Signal-to-Noise Ratio in the Impress UI
142
4333
Total Number of Tracked UI events = 4475
Signal
Noise
0.0328
![Page 12: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/12.jpg)
• Minimizing noise means removing unnecessary elements, and minimizing the expression of necessary elements.
• It is important to understand that every unnecessary data item, graphic, line, or symbol steals attention away from relevant elements.
• Every element in the design should be expressed to the extent necessary, but not beyond the extent necessary. Excess is noise.
Minimizing
• Maximizing information means clearly communicating information with minimal degradation.
• Signal degradation occurs when information is presented inefficiently: unclear writing, inappropriate graphs, or ambiguous icons and labels.
• Emphasizing key aspects of the information can also reduce signal degradation.
Maximazing
Signal-to-Noise Ratio
![Page 13: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/13.jpg)
“The simplest way to achieve simplicity is through thoughtful
reduction.”
John MaedaThe Laws Of Simplicity
![Page 14: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/14.jpg)
<Insert Picture Here>
And that's how it's done
![Page 15: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/15.jpg)
Reduce Complexity in ImpressImprove Interaction Design of Important Tools
• What are the key elements of a presentation app?– Slides– Elements on slides– Different views and organizations of slides
• What are the most important things users do with slides?– Create, manipulate and organize slides– Assign and change layouts– Navigate through slides– Present slides
![Page 16: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/16.jpg)
Design Principles
Direct Visual Manipulation Progressive Disclosure
• Emphasize visual representation • Swiss Army Knife Metaphor
• Emphasize visual manipulation• Expose only those elements that are
relevant in a given context
• Emphasize visual feedback • Hide tools that are not requested
• Emphasize discoverability • But make hidden tools easily available
![Page 17: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/17.jpg)
“Make everything as simple as possible, but not simpler.”
Albert EinsteinPhysicist
![Page 18: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/18.jpg)
<Insert Picture Here>
Execute Like Crazy
![Page 19: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/19.jpg)
How Software is Usually Created – In Theory
User Experience
Development Quality Assurance
![Page 20: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/20.jpg)
How Software is Really Created I
User Experience
Development Quality Assurance
![Page 21: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/21.jpg)
How Software is Really Created II
User Experience
Development Quality Assurance
![Page 22: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/22.jpg)
How Software is Really Really Created III
Development Quality Assurance
User Experience
![Page 23: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/23.jpg)
“A close look at design history reveals that the lone genius is
more myth than fact.”Marty Neumeier, The Designful Company
![Page 24: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/24.jpg)
The Renaissance iTeam for Impress
• Christian Lippka – Dev• André Fischer – Dev• Wolfram Garten – QA• Christoph Lukasiak – QA• Uwe Fischer – Documentation• Frank Loehmann – UX • Andreas Bartel – UX & iTeam Lead
![Page 25: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/25.jpg)
Change How We WorkChange of collaboration using Agile elements that worked for us
Value frequent communication
Value everyone's feedback
Value working software
Value frequent iteration
Value everyone's mastery
1 Don't be afraid of failure
Avoid design by committee
Everyone should feel responsible
Only one is accountable
Just have fun
2
3
4
5
6
7
8
9
10
![Page 26: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/26.jpg)
“Don't tell me how great you are. Be great!”Eric Reiss, UX Camp Europe, Berlin 2010
![Page 27: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/27.jpg)
• Navigation through slides
• Visual design of slides
• Visual feedback for multiselection
• Visual feedback during D&D
• Quickly start presentation
• Quickly hide and show slides
• Quickly duplicate slides
Renaissance 1
• New toolbar drop-down control
• Assign layout
• Change layout
• Reset layout
• New placeholders for objects
• Redesigned status bar
• Redesigned view switching
• New sidebar control
• Improved organization of tabs
Renaissance 2 Renaissance 3
Project Renaissance Impress – Child Work Spaces
![Page 28: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/28.jpg)
Demonstration of Work in Progress.
![Page 29: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/29.jpg)
FREQUENTLY. ASKED. QUESTIONS.
![Page 30: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/30.jpg)
Many Thanks for the incredible last 10 years!
Andreas Bartel, User ExperienceChristian Lippka, Development
![Page 31: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/31.jpg)
![Page 32: mproving Impress Through Iterative Design and Development](https://reader034.vdocuments.site/reader034/viewer/2022052618/5549e0fbb4c9051e488b4894/html5/thumbnails/32.jpg)