the document foundation and libreoffice presentation template · 2012. 10. 8. · 1 overview...
TRANSCRIPT
![Page 1: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/1.jpg)
1
Overview
Abstract
LibreOffice aims to be a great tool for people to let them create, edit and share any kind of information - enabling them to turn their ideas into documents. But offering that much capability doesn't require the software be complicated for all the different users ... The LibreOffice Design Team wants to "Make it just work, and look great, too!" by offering User Experience Design and Visual Identity Design.
But what does that mean? How does the team work? How does it make a difference for the rest of the LibreOffice community? Together, we'll have a look at this initiative - what we've achieved so far, how we currently work, and how we may cooperate in the near future to support software development, the website team, and the marketing people.
Even better, take the chance to make LibreOffice a great product - add your ideas, your thoughts and join this talk.
More Information
http://wiki.documentfoundation.org/Marketing/Events/Fosdem2011
![Page 2: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/2.jpg)
2
Kicking off the LibreOffice Design Team
Christoph NoackFOSDEM 2011LibreOffice Devroom, H.2214, 1:30 … 2:00 pm
![Page 3: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/3.jpg)
3
What to Expect
The ContentsDesignDesign TeamHighlightsNext StepsNeeds
![Page 4: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/4.jpg)
4
Design
LibreOffice is a tool to create, edit, share informationLibreOffice offers much capabilityHere is the problem ...
Believe it: Writer already offers about 340 menu items!
LibreOffice featuresincreasing
User capabilityconstant
![Page 5: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/5.jpg)
5
Design: Utility
Utility: A simple feature “Storing Beverage”→ Useful Feature
Utility
![Page 6: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/6.jpg)
6
Design: Usability
Usability: Know your users, their use cases! → Usable Feature
UsabilityUtility
![Page 7: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/7.jpg)
7
Design: Visual Design
Visual Design: Applying consistent design → Enjoyable Feature
Visual DesignUsabilityUtility
![Page 8: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/8.jpg)
8
Design: User Experience
User Experience: Overall perception of a product or a service
Hidden product quality
(chocolate won't melt)
User Experience
Finally, focus on the content
Meaningful grouping of features
![Page 9: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/9.jpg)
9
Design: Goal of the Design Team
LibreOffice Design Team. Make it just work, and look great, too!
![Page 10: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/10.jpg)
10
Design Team
Who and where is the Design Team?
![Page 11: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/11.jpg)
11
Design Team: Home Sweet Home
Mailing list: 106 subscribers, 850 mails (since end 11/2010)Wiki workspace
![Page 12: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/12.jpg)
12
Design Team: People and Their Expertise
PeopleFormer OpenOffice.org members (User Experience, Art)Other FLOSS projects (OpenUsability, Ubuntu)Completely new guys
ExpertiseInteraction Designers / Usability EngineersVisual DesignersWeb DesignersLibreOffice Specialists
![Page 13: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/13.jpg)
13
Design Team: Organic Work Style
Preparation of items for the TDF “go public”Direct requests trigger us (more or less)Started collection of EasyHacksDiscussion on all major mailing lists (tag UX)
Example “Status Bar”Discussion within thread “LO Status BarAnnoyances” → Proposals for improvedbehavior and visualizationSource: Proposal by Paulo
![Page 14: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/14.jpg)
14
Highlights
What we've achieved so far … our very first steps.
![Page 15: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/15.jpg)
15
Highlight: LibreOffice Initial Branding
Aim: Create a consistent visual identity for both software and projectOutcome: Branding guidelines, design resources
![Page 16: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/16.jpg)
16
Highlight: Product Artwork and Website Design
Aim: LibreOffice product re-branding, website artworkOutcome: Artwork for LibreOffice and BrOffice
Source: Mockup by Nik
![Page 17: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/17.jpg)
17
Highlight: Application and Document Icons
Aim: Create a usable and aesthetic icon setOutcome: 140 icons (manually optimized for computer display pixel grid, visual disabilities compensation)
![Page 18: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/18.jpg)
18
Next Steps
What are we aiming for, what is our long-term strategy?
![Page 19: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/19.jpg)
19
Next Steps: Design Team Kick-Off
We started to form a real team
Invite interested parties ✔Summarize current work status ✔Personal introductions ...Thoughts how to organize and do our workWork on the "urgent community needs"Collect and prioritize future tasksKick-off serious projects
![Page 20: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/20.jpg)
20
Next Steps: Long-Term Strategy
Target Groups: For whom?Product Strategy: For what environment, for what use cases?Marketing Strategy: How to place the product in the market?Development Roadmap: In what steps?
Design Strategy
![Page 21: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/21.jpg)
21
Next Steps: User Centered Design
ResearchKnow your users and their problemsIdentify problems, elicit requirements
EvaluationVerify and validate with usersTest code quality and performance
DesignRealize workflows, UI architecture, informationDevelop architecture and code
Iteration
… Designers… Developers
![Page 22: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/22.jpg)
22
Needs
What do we need to be successful?
![Page 23: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/23.jpg)
23
Needs: Tools and Infrastructure
Research: Software / Website Usage Data, BrainstormingDesign: Design Annotation, ...Evaluation: Agile Usability, ...Support: Interaction Guidelines, Design Patterns, ...
Example „Usage Data“
![Page 24: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/24.jpg)
24
Needs: Tools and Infrastructure, Brainstorming
Idea collectionUser based priorization
Source: Mockup by Ivan, 2009
![Page 25: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/25.jpg)
25
Needs: Design Team Contributors
Short: We want you!
Must-have skills:Understanding that we aim to solve problems of othersAbility to see the broader pictureYou avoid thinking about a “new radical innovative UI”
Recommended skills …UX: Patience, cooperation skills, love to do things organizedVisual Identity Design: Working on and with styleguides
![Page 26: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/26.jpg)
26
Take Away
Design is much more than visual pleasureA good feature is more than a featureWe can help to gain insights in user's needsWe'll need some time to get settledWe rely on cooperation with developers and others
![Page 27: The Document Foundation and LibreOffice Presentation Template · 2012. 10. 8. · 1 Overview Abstract LibreOffice aims to be a great tool for people to let them create, edit and share](https://reader034.vdocuments.us/reader034/viewer/2022052100/6039c2ae929aef214237bc20/html5/thumbnails/27.jpg)
All text and image content in this document, unless otherwise specified, is licensed under the Creative Commons Attribution-Share Alike 3.0 License. This does not include the LibreOffice name, logo, or icon.
27
Thank you!
Watch: http://wiki.documentfoundation.org/DesignSubscribe: [email protected]