<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" type="topic" id="design-principles" xml:lang="de">

  <info>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
    <desc>Allgemeine Designrichlinien und Beratung.</desc>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Christian Kirbach</mal:name>
      <mal:email>christian.kirbach@gmail.com</mal:email>
      <mal:years>2014</mal:years>
    </mal:credit>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Mario Blättermann</mal:name>
      <mal:email>mario.blaettermann@gmail.com</mal:email>
      <mal:years>2016</mal:years>
    </mal:credit>
  </info>

<title>Designprinzipien</title>

<p>The following design principles constitute a set of general rules that, when followed, will enable you to produce a high-quality experience for your users.</p>

<section id="focus">
<title>Geben Sie Ihren Anwendungen einen klar umrissenen Schwerpunkt</title>

<p>Clear, tightly defined goals are the key to good design. Identify a conceptually coherent set of functionality that you want to provide, and be careful to avoid mission creep. An application that tries to do too many disparate things will end up being complex and potentially confusing to users.</p>

<p>Denken Sie daran: Die besten Anwendungen bieten eine elegante Läsung für einen spezifischen Aufgabenbereich.</p>

</section>

<section id="complexity">
<title>Minimieren Sie die Komplexität der Benutzeroberfläche</title>

<p>Jeder Bedienelement oder jede Information, das oder die Sie zu Ihrer Anwendung hinzufügen, verursacht zusätzliche Arbeit für den Benutzer und erhöht die Komplexität Ihrer Anwendung. Dadurch wird die Bedienung potenziell komplizierter und weniger angenehm. Daher sollten Sie sich in der Benutzeroberfläche auf essenzielle Bedienelemente und Informationen beschränken.</p>

<p>Vor dem Hinzufügen neuer Bedienelemente oder Informationen sollten Sie sich stets die Frage stellen, ob dies wirklich notwendig ist.</p>

</section>

<section id="progressive-disclosure">
<title>Use progressive disclosure to show controls when they are needed</title>

<p>Showing every possible control all the time makes an application harder to use, since users have to navigate controls that are often not relevant. Instead, only show controls when they are needed. This makes applications simpler to use, even if the same amount of functionality is provided.</p>

<p>There are various ways to progressively disclose controls, from using different views or modes, to showing transient or floating controls when particular content items are selected.</p>

</section>

<section id="work">
<title>Require as little work from the user as possible</title>

<p>An application that is laborious to use can become the source of irritation, so strive to make your software work for your users, not the other way around. Every time your application requires input from users, either in the form of using controls or providing information, ask yourself whether it is possible to do that work for them.</p>

<p>Versuchen Sie, manuelle Einrichtung oder einen Einrichtungsassistenten zu vermeiden, und stellen Sie einfache Möglichkeiten bereit, zu kürzlich verwendeten Inhalten zurückzukehren.</p>

</section>

<section id="hierarchy">
<title>Erstellen Sie eine klare Hierarchie</title>

<p>Benutzer tendieren dazu, eine Oberfläche von links nach rechts und von oben nach unten zu »lesen«. Zuerst entdeckte Elemente erscheinen dominant gegenüber jeden, die später gesehen werden. Verwenden Sie diese implizite Hierarchie, um dem Benutzer mitzuteilen, welches die wichtigsten Teile Ihrer Anwendung sind.</p>

<p>Position the most important controls towards the top-left of your windows, and place dominant controls prior to other controls they affect. See the <link xref="visual-layout">visual layout</link> guidelines for more details.</p>

</section>

<section id="content">
<title>Priorisieren Sie Inhalte</title>

<p>Applications typically present content, whether it is images, text, messages or more complex data. It is this content that your users will be interested in, and too many controls or user interface elements will distract from the focus of their attention.</p>

<p>Geben Sie dem eigentlichen Inhalt in ihrer Anwendung so viel Platz wie möglich, indem Sie die Anzahl der Bedienelemente reduzieren. Verdrängen Sie nicht das primär interessante Objekt durch sekundäre Informationen.</p>

</section>

<section id="errors">
<title>Rechnen Sie mit Fehlern</title>

<p>Leute machen Fehler. Wenn Sie diese erwarten, schützt dies den Benutzer vor negativen Konsequenzen und die Bedienung Ihrer Anwendung wird angenehmer. Die erste Abwehrmaßnahme wäre, Ihre Anwendung so zu entwickeln, dass keine Fehler gemacht werden können. Wenn dies in der Praxis nicht sichergestellt werdn kann, bieten Sie Möglichkeiten an, Fehler einfach rückgängig machen zu können.</p>

<p>Automatically correct potentially invalid input, and always make it possible to undo destructive operations.</p>

</section>

<section id="interruptions">
<title>Vermeiden Sie Unterbrechungen</title>

<p>Interruptions cause frustration and annoyance, and prevent people from focusing on what they are interested in. Design your application so that it stays out of the way when it is not in use, and does not surprise when it is in use.</p>

<p>Use <link xref="notifications">notifications</link> with restraint, always avoid spontaneously popping up dialogs without user intent, and avoid disruptive feedback mechanisms like message dialogs.</p>

</section>

<section id="search">
<title>Stellen Sie schnelle und effektive Suchmöglichkeiten bereit</title>

<p><link xref="search">Search</link> is a powerful mechanism that can be used to quickly find content. Provide it whenever you present large amounts of content, whether in the form of lists or grids. When you provide a search function, it is vital that it is as immediate as possible, and that it returns the results that are sought by your users.</p>

<p>GNOME 3 also provides an integrated search facility. Integrating application search into this gives people a quick and easy way to access the content provided by your application.</p>

</section>

<section id="options">
<title>Verwenden Sie Konfigurationsoptionen sparsam</title>

<p>Adding options often seems like a simple design fix. However, most people will never see or use configuration options. Instead of adding options, try to make the default behaviour of your application work for as many people as possible.</p>

</section>

<section id="name-and-icon">
<title>Geben Sie Ihrer Anwendung einen aussagekräftigen Namen und ein attraktives Symbol</title>

<p>Your application’s <link xref="application-basics#application-names">name</link> and <link xref="icons-and-artwork#application-icons">icon</link> are two of the most expressive things about it, so design them in order to communicate its function and identity. Make sure that people will understand the purpose of your application from its name. Ensure that you have a beautiful, recognizable application icon, to give your application an attractive and distinctive visual identity.</p>

</section>

<section id="emotion">
<title>Use emotion and humor (sparingly)</title>

<p>Used effectively, emotion and humor can lift the experience provided by your application, and help to develop a positive relationship with your users. Be careful not to over-use these techniques, though - it is far more effective to pick a small number of moments to use emotion, rather than spraying them throughout your user interface.</p>

<p>Be welcoming when your application is used for the first time. Using humor when things go wrong is another effective technique.</p>

</section>

</page>
