the libreoffice human interface guidelines (hig) · libreoffice aarhus 2015 conference presentation...
TRANSCRIPT
![Page 1: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/1.jpg)
1LibreOffice Aarhus 2015 Conference Presentation
The LibreOffice Human Interface Guidelines (HIG)
Heiko Tietze, Yousuf (Jay) Philips and the UX team
![Page 2: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/2.jpg)
2LibreOffice Aarhus 2015 Conference Presentation
Presentation goal
● Introduction what has been done so far● Presentation of the foundations for UX● Illustration how the HIG works● Discussion of issues with advanced patterns
● Overall goal: Attract more people to utilize the HIG
![Page 3: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/3.jpg)
3LibreOffice Aarhus 2015 Conference Presentation
Vision
Every project needs a vision to steer itself in a proper direction.
Provides a definitive path to achieve objectives as best as possibleDescribes spirit and purpose of a projectExplains why the world becomes better with the productDefines to direction but leaves room for creativity
![Page 4: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/4.jpg)
4LibreOffice Aarhus 2015 Conference Presentation
LibreOffice Vision
“Simple for beginners and powerful for experts.”
Novices can start to work with LO without the need to read a manualIn every situation the user is confronted with only a few options - but can get all on demandExperts will have access to all functionalityFull access keeps usability first but might need some training
![Page 5: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/5.jpg)
5LibreOffice Aarhus 2015 Conference Presentation
Persona
Personas identify the target users of your application and provide a common understanding among the design and development team.
are based on empirical data, at bestdescribe the target users, giving a clear picture of how they're likely to use the system, and what they’ll expect from it. includes a concise summary of characteristics of the user, their experience, goals and tasks, pain points, and environmental conditions.
Kaley Cuoco als Penny (Big Bang Theory); © CBS Television, Wikimedia
![Page 6: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/6.jpg)
6LibreOffice Aarhus 2015 Conference Presentation
LibreOffice Persona
May I introduce…
Benjamin, Beginner Eve, Expert Adrian, Admin
Copyright information have been added to the wiki
![Page 7: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/7.jpg)
7LibreOffice Aarhus 2015 Conference Presentation
Requirements
Next to functional requirements, usability cares about non-functional aspects. Basically effectiveness, efficiency and satisfaction but according ISO 9241-110 also
SuitabilitySelf-descriptivenessControllabilityFamiliarityRobustnessIndividualizationLearnability
![Page 8: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/8.jpg)
8LibreOffice Aarhus 2015 Conference Presentation
LibreOffice UX Manifesto
LibreOffice focuses on:
Simplicity by default with full functionality on demandEvery processing has two ways of access: a very simple way with the core features only and an advanced way with all featuresConsistency over EfficiencyUsers should feel familiar with all tools rather than having specialized apps.Usability over Graphical DesignForm follows function, LibreOffice respects the OS theming.
![Page 9: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/9.jpg)
9LibreOffice Aarhus 2015 Conference Presentation
What we achieved so far
Controls and Patterns
Provide access to all functions via the menu bar.Provide access to most frequently used functions via the tool bar.Provide access to context functions via the context menu.
![Page 10: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/10.jpg)
10LibreOffice Aarhus 2015 Conference Presentation
HIG on menubarhttps://wiki.documentfoundation.org/Design/MenuBar
![Page 11: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/11.jpg)
11LibreOffice Aarhus 2015 Conference Presentation
HIG on menubar
“The menu bar provides access to all functions using submenus or cascading menus to structure the content. Users like the persona Eve refer frequently to the menu bar, especially when they are seeking a function for which they know of no other interface. Ensuring that menus are well organized, are worded clearly, and behave correctly is crucial to the user’s ability to explore and access the functionality of the application.”
![Page 12: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/12.jpg)
12LibreOffice Aarhus 2015 Conference Presentation
Empirical data
Guidelines should be based on empirical data
For example: over 70% of users start data source from menu bar
https://wiki.openoffice.org/wiki/Tracking_results
![Page 13: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/13.jpg)
13LibreOffice Aarhus 2015 Conference Presentation
HIG on toolbar
![Page 14: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/14.jpg)
14LibreOffice Aarhus 2015 Conference Presentation
Where we need more discussion
Controls and Patterns
Provide access to context properties via the side bar.Provide comprehensive access to all features in property dialogs.
![Page 15: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/15.jpg)
15LibreOffice Aarhus 2015 Conference Presentation
Sidebars
Sidebars contain of tabs, decks, content and have own configuration
![Page 16: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/16.jpg)
16LibreOffice Aarhus 2015 Conference Presentation
Sidebars
Sidebars contain of tabs, decks, content and have own configurationSidebars aims to provide quick access to most frequently changed options based on context
![Page 17: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/17.jpg)
17LibreOffice Aarhus 2015 Conference Presentation
Sidebars
Sidebars contain of tabs, decks, content and have own configurationSidebars aims to provide quick access to most frequently changed options based on contextSidebars are alternatives to floating toolbars
![Page 18: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/18.jpg)
18LibreOffice Aarhus 2015 Conference Presentation
Sidebars
Sidebars contain of tabs, decks, content and have own configurationSidebars aims to provide quick access to most frequently changed options based on contextSidebars are alternatives to floating toolbarsSidebars offer access to all functionality regarding a certain feature
![Page 19: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/19.jpg)
19LibreOffice Aarhus 2015 Conference Presentation
Sidebars
Sidebars contain of tabs, decks, content and have own configurationSidebars aims to provide quick access to most frequently changed optionsSidebars are alternatives to floating toolbarsSidebars offer access to all functionality regarding a certain featureSidebar should be kind of a container for floating panels
#tdf 33223
![Page 20: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/20.jpg)
20LibreOffice Aarhus 2015 Conference Presentation
Wayne?
![Page 21: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/21.jpg)
21LibreOffice Aarhus 2015 Conference Presentation
Take the foundation serious
Simple for beginners and powerful for experts.
![Page 22: The LibreOffice Human Interface Guidelines (HIG) · LibreOffice Aarhus 2015 Conference Presentation HIG on menubar “The menu bar provides access to all functions using submenus](https://reader034.vdocuments.us/reader034/viewer/2022052408/5f05e7037e708231d4154abd/html5/thumbnails/22.jpg)
22LibreOffice Aarhus 2015 Conference Presentation
All text and image content in this document is licensed under the Creative Commons Attribution-Share Alike 3.0 License (unless otherwise specified). "LibreOffice" and "The Document Foundation" are registered trademarks. Their respective logos and icons are subject to international copyright laws. The use of these therefore is subject to the trademark policy.
Join the army now…
Google Hangout: every WednesdayIRC: #libreoffice-designG+: Libreoffice-designTwitter: @liboDesign
Wiki: https://wiki.documentfoundation.org/Design/Guidelines