Commit f3eccfef authored by Fabian Riethmayer's avatar Fabian Riethmayer

Merge branch 'improve-landing-page' into 'master'

Improve presentation and content on the landing page

See merge request websites/hig-kde-org!3
parents 6c1be9dd 5ec2aa2a
......@@ -7,8 +7,7 @@ KDE Human Interface Guidelines
==============================
.. toctree::
:caption: Contents:
:titlesonly:
:hidden:
introduction/index
layout/index
......@@ -29,11 +28,10 @@ KDE Human Interface Guidelines
* :ref:`modindex`
* :ref:`search`
The KDE Human Interface Guidelines (HIG) offer application designers and developers
a set of recommendations for designing and developing user interfaces for mobile,
desktop, convergent applications and workspace widgets. Their aim is to improve the
experience for users by making application and widget interfaces more consistent
and hence more intuitive and learnable.
The KDE Human Interface Guidelines (HIG) offer designers and developers a set of recommendations for producing beautiful, usable, and consistent user interfaces
for convergent desktop and mobile applications and workspace widgets. Their aim
is to improve the experience for users by making application and widget
interfaces more consistent and hence more intuitive and learnable.
.. figure:: /img/HIGDesignVisionFullBleed.png
:scale: 50 %
......@@ -41,7 +39,48 @@ and hence more intuitive and learnable.
''Simple by default, powerful when needed.''
KDE encourages developing and designing for customization, while providing good
default settings. Integrating into other desktop environments is also a virtue,
but ultimately we aim for perfection within our own Plasma desktop environment
with the default themes and settings. This aim should not be compromised.
Design Vision
-------------
KDE's design vision focuses on two attributes of KDE software that connect its
future to its history:
- **Simple by default** - Simple and inviting. KDE software is pleasant
to experience and easy to use.
- **Powerful when needed** - Power and flexibility. KDE software allows
users to be effortlessly creative and efficiently productive.
Design Principles
-----------------
The following design principles are used in support of the Design Vision.
- **Simple by default**
- *Make it easy to focus on what matters.* - Remove or minimize elements
not crucial to the primary or main task. Use spacing to keep things
organized. Use color to draw attention. Reveal additional information or
optional functions only when needed.
- *I know how to do that!* - Make things easier to learn by reusing design
patterns from other applications. Other applications that use good design
are a precedent to follow.
- *Do the heavy lifting for me.* - Make complex tasks simple. Make novices
feel like experts. Create ways in which your users can naturally feel
empowered by your software.
- **Powerful when needed**
- *Solve a problem.* - Identify and make very clear to the user what need is
addressed and how.
- *Always in control.* - It should always be clear what can be done, what is
currently happening, and what has just happened. The user should never
feel at the mercy of the tool. Give the user the final say.
- *Be flexible.* - Provide sensible defaults but consider optional
functionality and customization options that do not interfere with the
primary task.
.. note::
Note: KDE encourages developing and designing for customization, while
providing good default settings. Integrating into other desktop environments
is also a virtue, but ultimately we aim for perfection within our own Plasma
desktop environment with the default themes and settings. This aim should
not be compromised.
......@@ -5,7 +5,6 @@ Introduction
:titlesonly:
:hidden:
vision
architecture
convergence
devicetypes
......@@ -14,7 +13,6 @@ Introduction
personas
research
* :doc:`vision`
* :doc:`architecture`
* :doc:`convergence`
* :doc:`devicetypes`
......
Design Vision and Principles
============================
.. figure:: /img/HIGDesignVisionFullBleed.png
:scale: 50 %
:alt: Different DPIs on desktop and mobile
''Simple by default, powerful when needed.''
Design is driven at the highest level by a vision. We rely on a set of design principles to fulfill that design vision. These principles guide all aspects of the user interface design.
Design Vision
-------------
The design vision focuses on two attributes of KDE software that connect its past to its future.
- ''Simple by default'' - Simple and inviting. KDE software is pleasant
to experience and easy to use.
- ''Powerful when needed'' - Power and flexibility. KDE software allows
users to be effortlessly creative and efficiently productive.
Design Principles
-----------------
The following design principles are used in support of the Design Vision.
- Simple by default
- *Make it easy to focus on what matters.* - Remove or minimize
elements not crucial to the primary or main task. Use spacing to
keep things organized. Use color to draw attention. Reveal
additional information or optional functions when needed, later in
the presentation.
- *I know how to do that!* - Make things easier to learn by reusing
design patterns from other applications. Other applications that
use good design are a precedent to follow.
- *Do the heavy lifting for me.* - Make complex tasks simple. Make
novices feel like experts. Create ways in which your users can
naturally feel empowered by your software.
- Powerful when needed
- *Solve a problem.* - Identify and make very clear to the user what
need is addressed and how.
- *Always in control.* - It should always be clear what can be done,
what is happening and what happened. The user should never feel at
the mercy of the tool. Give the user the final say.
- *Be flexible.* - Provide sensible defaults but consider optional
functionality or customizations that do not interfere with the
primary task.
......@@ -3,7 +3,7 @@ Settings
A *settings page* provides the ability to customize how an application or
Plasma widget should behave. It is intended for settings that are persistent but not changed very frequently. Following KDE's "Simple by
default, powerful when needed" :doc:`design mantra </introduction/vision>`,
default, powerful when needed" :doc:`design mantra <../../index>`,
settings are split into common and advanced groups. Advanced settings are
not important to most users but essential for some, and therefore can't be
removed. Those settings are hidden by default to reduce the mental overhead
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment