<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="empty-placeholder" xml:lang="de">

  <info>
    <link type="guide" xref="patterns#secondary"/>
    <desc>Angezeigtes Bild und Text, wenn ein Gitter oder eine Liste leer ist</desc>
    <credit type="author">
      <name>Allan Day</name>
      <email>aday@gnome.org</email>
    </credit>
    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>
  
    <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>Leere Platzhalter</title>

<media type="image" mime="image/svg" src="figures/patterns/empty-placeholder.svg"/>

<p>Ein leerer Platzhalter ist ein Bild samt Text, das den Raum in einem leeren Gitter oder einer leeren Liste auffüllt.</p>

<section id="when-to-use">
<title>Anwendungsfälle</title>

<p>Empty placeholders perform a number of important functions: they prevent confusion and guide the user, and they make your interface look better and more cohesive. They are also one of those nice touches which helps to communicate an attention to detail.</p>

<p>Ein leerer Platzhalter sollte immer dann angezeigt werden, wenn eine Liste oder ein Gitter leer ist.</p>

<p>Empty placeholders should not be displayed when an application is being run for the first time. In these situations an empty state is too negative and <link xref="initial-state-placeholder">a richer, more characterful and positive experience</link> is better.</p>

</section>

<section id="guidelines">
<title>Richtlinien</title>

<list>
<item><p>Folgen Sie dem Standardlayout für die Größe und Platzierung des Bildes und der Beschriftung, um die Konsistenz Ihrer Anwendung zu anderen GNOME-3-Anwendungen zu gewährleisten.</p></item>
<item><p>For the image, use a <link xref="icons-and-artwork#color-vs-symbolic">symbolic icon</link> that either represents your application, or the type of content that would ordinarily appear in the grid or list.</p></item>
<item><p>An empty placeholder should always include a label which communicates the empty state. It is often appropriate to include a smaller subtext which provides additional guidance (such as how to add items). However, this should only be included if there is additional information that it is useful to provide.</p></item>
<item><p>If there are controls that allow items to be added, it can be appropriate to highlight them using a <link xref="buttons#suggested-and-destructive">suggested style</link> while the list/grid is empty.</p></item>
</list>

</section>

</page>
