
<TEI xmlns="http://www.tei-c.org/ns/1.0" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:t="http://www.tei-c.org/ns/1.0">
  <teiHeader xml:lang="de">
    <fileDesc>
      <titleStmt>
        <title type="main">mobile first</title>
        <author>
          <persName>
            <forename>Selina</forename>
            <surname>Galka</surname>
          </persName>
        </author>
        <respStmt>
          <resp>Projektleitung</resp>
          <persName>
            <forename>Helmut W.</forename>
            <surname>Klug</surname>
          </persName>
        </respStmt>
        <respStmt>
          <resp>Datenmodellierung</resp>
          <persName>
            <forename>Selina</forename>
            <surname>Galka</surname>
          </persName>
        </respStmt>
        <respStmt>
          <resp>Datenmodellierung</resp>
          <persName>
            <forename>Elisabeth</forename>
            <surname>Steiner</surname>
          </persName>
        </respStmt>
        <funder>Bundesministerium für Wissenschaft, Forschung und Wirtschaft
                    </funder>
      </titleStmt>
      <publicationStmt>
        <publisher>
          <orgName corresp="https://informationsmodellierung.uni-graz.at" ref="http://d-nb.info/gnd/1137284463">Zentrum für
                        Informationsmodellierung - Austrian Centre for Digital Humanities,
                        Karl-Franzens-Universität Graz</orgName>
          <country>Austria</country>
        </publisher>
        <authority>
          <orgName corresp="https://informationsmodellierung.uni-graz.at" ref="http://d-nb.info/gnd/1137284463">Zentrum für
                        Informationsmodellierung - Austrian Centre for Digital Humanities,
                        Karl-Franzens-Universität Graz</orgName>
          <country>Austria</country>
        </authority>
        <distributor>
          <orgName ref="https://gams.uni-graz.at">GAMS - Geisteswissenschaftliches
                        Asset Management System</orgName>
        </distributor>
        <availability>
          <licence target="https://creativecommons.org/licenses/by-nc/4.0">Creative Commons
                            BY 4.0</licence>
        </availability>
        <date when="2021">2021</date>
        <pubPlace>Graz</pubPlace>
        <idno type="PID">o:konde.134</idno>
      </publicationStmt>
      <seriesStmt>
        <title ref="http://gams.uni-graz.at/konde">KONDE Weißbuch</title>
        <respStmt>
          <resp>Projektleitung</resp>
          <persName>
            <forename>Helmut W.</forename>
            <surname>Klug</surname>
          </persName>
        </respStmt>
      </seriesStmt>
      <sourceDesc>
        <bibl>
          <title>Weißbuchartikel: mobile first</title>
          <author>Selina Galka</author>
          <publisher>Herausgegeben von Helmut W. Klug unter Mitarbeit von Selina Galka und Elisabeth Steiner</publisher>
          <date>2021</date>
          <country>Austria</country>
        </bibl>
      </sourceDesc>
    </fileDesc>
    <encodingDesc>
      <projectDesc>
        <ab>
          <ref target="info:fedora/context:konde" type="context">KONDE Weißbuch</ref>
        </ab>
        <p>Im KONDE-Projekt, das aus Hochschulraumstrukturmitteln finanziert wird,
                        beschäftigten sich sieben universitäre Partner und drei weitere
                        Einrichtungen aus unterschiedlichen Blickwinkeln mit theoretischen und
                        praktischen Aspekten der Digitalen Edition. Ein Outcome des Projektes
                        stellt das Weißbuch dar, welches über 200 Artikel zum Thema Digitale
                        Edition umfasst. Die behandelten Themenkomplexe reichen dabei über
                        Digitale Editionswissenschaft im Allgemeinen, Annotation und
                        Modellierung, Interfaces, Archivierung und Metadaten bis hin zu
                        rechtlichen Aspekten.</p>
      </projectDesc>
    </encodingDesc>
    <profileDesc>
      <langUsage>
        <language ident="de">Deutsch</language>
      </langUsage>
    </profileDesc>
  </teiHeader>
  <text xml:lang="de">
    <body>
      <div>
        <head>mobile first</head>
        <div>
          <head>Galka, Selina; selina.galka@uni-graz.at </head>
          <p>
            <hi rend="italic">mobile first</hi> ist ein Konzept für das <ref target="/o:konde.56" type="internal">Design</ref> von Webseiten, wobei man davon ausgeht, dass diese zunächst an allererster Stelle für mobile Endgeräte wie Smartphone oder Tablet konzipiert werden.</p>

          <p>Grundsätzlich ist es seit ca. 2010 Usus, Webseiten und Tools sowohl für größere Displays (z. B. Desktop) als auch für kleinere (z. B. Smartphone) zu optimieren. Dafür wurde eine dynamische Designmöglichkeit entwickelt: das <hi rend="italic">
              <ref target="/o:konde.164" type="internal">Responsive Design</ref>

            </hi>. Oft wird zuerst ausgehend von der Desktop-Version die Webseite entwickelt und danach eine abgespeckte Version für mobile Endgeräte angeboten. Beim Prinzip <hi rend="italic">mobile first</hi> geht es aber eben darum, den Fokus auf die mobilen Endgeräte zu lenken. Ob diese Umsetzungsmöglichkeit Sinn macht, hängt von der Nutzergruppe und dem Zweck des Tools/der Webseite ab – denkbar wäre z. B. ein Szenario, in dem Schülerinnen und Schüler das Zielpublikum darstellen.</p>
          <p>Es wurde beobachtet, dass Nutzerinnen und Nutzer von DH-Tools/Webseiten oft auch unterschiedliche Ansprüche an die verschiedenen Geräte stellen – von einer Version für kleinere Displays werden eher reduzierte Funktionalitäten und mögliche Interaktionen erwartet, während die zugehörige Desktop-Variante alle Funktionalitäten bieten soll. <bibl>(Thoden 2017, S. 6)</bibl>
          </p>
          <div type="literature">
            <listBibl>
              <biblStruct corresp="http://zotero.org/groups/1332658/items/ASKTUSQE" type="journalArticle" xml:id="Thoden2017">
                <analytic>
                  <title level="a">User-Centered Design Practices in Digital Humanities – Experiences from DARIAH and CENDARI</title>
                  <idno type="DOI">https://doi.org/10.1515/abitech-2017-0002</idno>
                  <author>
                    <forename>Klaus</forename>
                    <surname>Thoden</surname>
                  </author>
                  <author>
                    <forename>Juliane</forename>
                    <surname>Stiller</surname>
                  </author>
                  <author>
                    <forename>Natasa</forename>
                    <surname>Bulatovic</surname>
                  </author>
                  <author>
                    <forename>Hanna-Lena</forename>
                    <surname>Meiners</surname>
                  </author>
                  <author>
                    <forename>Nadia</forename>
                    <surname>Boukhelifa</surname>
                  </author>
                </analytic>
                <monogr>
                  <title level="j">ABI Technik</title>
                  <imprint>
                    <biblScope unit="volume">37</biblScope>
                    <biblScope unit="issue">1</biblScope>
                    <biblScope unit="page">2-11</biblScope>
                    <date>2017</date>
                  </imprint>
                </monogr>
              </biblStruct>
            </listBibl>
          </div>
          <div type="subsection" xml:id="links">
            <list>
              <item>
                <ref target="/o:konde.148" type="internal">Benutzergruppen für Digitale Editionen</ref>
              </item>
              <item>
                <ref target="/o:konde.164" type="internal">Responsive Design</ref>
              </item>
              <item>
                <ref target="/o:konde.207" type="internal">User-centered design</ref>
              </item>
              <item>
                <ref target="/o:konde.205" type="internal">Usability</ref>
              </item>
              <item>
                <ref target="/o:konde.56" type="internal">Design</ref>
              </item>       
     </list>
          </div>
          <div type="subsection" xml:id="topics">
            <list>
              <item>Interfaces</item>
            </list>
          </div>
        </div>
      </div>
    </body>
  </text>
</TEI>
