Download - Project Renaissance Impress OOoCon2010
![Page 1: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/1.jpg)
![Page 2: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/2.jpg)
<Insert Picture Here>
Project Renaissance – Improving Impress through Iterative Design and Development
Andreas Bartel, Christian Lippka
![Page 3: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/5.jpg)
What's in for me
• The plan• The execution• The outcome
![Page 6: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/6.jpg)
<Insert Picture Here>
Project Renaissance Impress
![Page 7: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/7.jpg)
“Where is my bike?”Or how do I find one particular element among a set of many?
![Page 8: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/8.jpg)
Let's talk numbers – UI Elements
343
214
308
Total Number of UI elements = 595
Toolbar ButtonsMenu ItemsToolbarsPanels
![Page 9: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/13.jpg)
“The simplest way to achieve simplicity is through thoughtful
reduction.”
John MaedaThe Laws Of Simplicity
![Page 14: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/14.jpg)
<Insert Picture Here>
And that's how it's done
![Page 15: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/17.jpg)
“Make everything as simple as possible, but not simpler.”
Albert EinsteinPhysicist
![Page 18: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/18.jpg)
<Insert Picture Here>
Execute Like Crazy
![Page 19: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/19.jpg)
How Software is Usually Created – In Theory
User Experience
Development Quality Assurance
![Page 20: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/20.jpg)
How Software is Really Created I
User Experience
Development Quality Assurance
![Page 21: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/21.jpg)
How Software is Really Created II
User Experience
Development Quality Assurance
![Page 22: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/22.jpg)
How Software is Really Really Created III
Development Quality Assurance
User Experience
![Page 23: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/26.jpg)
“Don't tell me how great you are. Be great!”Eric Reiss, UX Camp Europe, Berlin 2010
![Page 27: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/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: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/28.jpg)
Demonstration of Work in Progress.
![Page 29: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/29.jpg)
FREQUENTLY. ASKED. QUESTIONS.
![Page 30: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/30.jpg)
Many Thanks for the incredible last 10 years!
Andreas Bartel, User ExperienceChristian Lippka, Development
![Page 31: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/31.jpg)
![Page 32: Project Renaissance Impress OOoCon2010](https://reader033.vdocument.in/reader033/viewer/2022051322/5452f036af795919308b4fb5/html5/thumbnails/32.jpg)