https://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&feed=atom&action=historyPrinciples of Web Design (Buchbesprechung) - Versionsgeschichte2024-03-19T01:23:25ZVersionsgeschichte dieser Seite in InfoWissWiki - Das Wiki der InformationswissenschaftMediaWiki 1.33.0https://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=13623&oldid=prevSSeitz am 12. Februar 2009 um 10:41 Uhr2009-02-12T10:41:27Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 12. Februar 2009, 10:41 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >Zeile 4:</td>
<td colspan="2" class="diff-lineno">Zeile 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kurze Beschreibung ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kurze Beschreibung ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Das Buch vermittelt Designfertigkeiten für Internetseiten, Bezug nehmend auf [[Informationsarchitektur]], Sprache und [[Hypertext]]. Es soll eine Begleitung durch den Designprozess und Anleitung bezüglich Designrichtlinien und -praktiken bieten. Es soll helfen, ein korrektes und nutzerfreundliches Design zu erstellen und Wichtiges - do‘s und dont’s – erklären. Hierzu verwenden die Autoren eine kurze Einleitung und erörtern in einem Überblick, was das Internet überhaupt ist, wie es entstanden ist und wie es von Nutzen sein kann. Auch berücksichtigt werden die sozialen Auswirkungen des www auf den Menschen. Neben reinem Text gibt es auch anschauliche Beispiele und [[Graphiken]], Diskussionsthemen, anleitendes Lernen und Aufgaben, um das Erlernte zu vertiefen. Das Buch enthält auch einen „Fahrplan“, wie eine Internetseite zu „bauen ist“, so dass man direkt beginnen kann.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">:[[definition:</ins>:Das Buch vermittelt Designfertigkeiten für Internetseiten, Bezug nehmend auf [[Informationsarchitektur]], Sprache und [[Hypertext]].<ins class="diffchange diffchange-inline">]] </ins>Es soll eine Begleitung durch den Designprozess und Anleitung bezüglich Designrichtlinien und -praktiken bieten. Es soll helfen, ein korrektes und nutzerfreundliches Design zu erstellen und Wichtiges - do‘s und dont’s – erklären. Hierzu verwenden die Autoren eine kurze Einleitung und erörtern in einem Überblick, was das Internet überhaupt ist, wie es entstanden ist und wie es von Nutzen sein kann. Auch berücksichtigt werden die sozialen Auswirkungen des www auf den Menschen. Neben reinem Text gibt es auch anschauliche Beispiele und [[Graphiken]], Diskussionsthemen, anleitendes Lernen und Aufgaben, um das Erlernte zu vertiefen. Das Buch enthält auch einen „Fahrplan“, wie eine Internetseite zu „bauen ist“, so dass man direkt beginnen kann.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td></tr>
</table>SSeitzhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8441&oldid=prevSusanneKraemer: /* Societal Implications and Ethical Choices */2006-06-30T13:54:13Z<p><span dir="auto"><span class="autocomment">Societal Implications and Ethical Choices</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:54 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l64" >Zeile 64:</td>
<td colspan="2" class="diff-lineno">Zeile 64:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Etwas ungünstig, weil an dieser Stelle im Buch vielleicht unvorteilhaft, da der Leser nun „Lust" aufs „bauen“ und „designen“ hat, steigen die Autoren in diesem fünften Kapitel in ein weiteres Thema ein, wenn von ihnen selbst auch nur als Einschub gedacht.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Etwas ungünstig, weil an dieser Stelle im Buch vielleicht unvorteilhaft, da der Leser nun „Lust" aufs „bauen“ und „designen“ hat, steigen die Autoren in diesem fünften Kapitel in ein weiteres Thema ein, wenn von ihnen selbst auch nur als Einschub gedacht.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Es geht um die Analyse der sozialen Hintergründe und Ethik. Fragen wie: Was will ich machen? Wen will ich erreichen? Wer ist mein Ansprechpartner? Wie will ich ihn/sie erreichen? Wann will ich ihn erreichen? Diese Fragen helfen Nutzer zu erkennen, zu verstehen und zu bewerten.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Es geht um die Analyse der sozialen Hintergründe und Ethik. Fragen wie: Was will ich machen? Wen will ich erreichen? Wer ist mein Ansprechpartner? Wie will ich ihn/sie erreichen? Wann will ich ihn erreichen? Diese Fragen helfen Nutzer zu erkennen, zu verstehen und zu bewerten.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>: Auch bei Werbung oder Spam stellt sich die Frage: Was darf ich nutzen und sind Werbung und Spam sinnvoll, gewollt, gar gewünscht? Handelt der Designer im Fremdauftrag, so muss er sich fragen: Was will der Kunde? Wie <del class="diffchange diffchange-inline">verliert er </del>ihn eventuell?</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>: Auch bei Werbung oder Spam stellt sich die Frage: Was darf ich nutzen und sind Werbung und Spam sinnvoll, gewollt, gar gewünscht? Handelt der Designer im Fremdauftrag, so muss er sich fragen: Was will der Kunde? Wie <ins class="diffchange diffchange-inline">verliere ich </ins>ihn eventuell?</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Zu diesem Zweck sind Markt- und Kundenforschung den Autoren nach essentielle Punkte im Prozess des [[Webdesign]].</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Zu diesem Zweck sind Markt- und Kundenforschung<ins class="diffchange diffchange-inline">, </ins>den Autoren nach<ins class="diffchange diffchange-inline">, </ins>essentielle Punkte im Prozess des [[Webdesign]]. <ins class="diffchange diffchange-inline">Siehe hierzu auch: [[Benutzerforschung]]</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== [[Hypertext]] Theory and Node-Link Diagrams ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== [[Hypertext]] Theory and Node-Link Diagrams ===</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8440&oldid=prevSusanneKraemer: /* Using Content Types Effectively */2006-06-30T13:50:48Z<p><span dir="auto"><span class="autocomment">Using Content Types Effectively</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:50 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l57" >Zeile 57:</td>
<td colspan="2" class="diff-lineno">Zeile 57:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Die einzelnen Möglichkeiten und Vor- und Nachteile der Inhaltstypen werden von den Autoren herausgestellt. Text ist statisch, leicht verarbeitbar, [[Link]]s können einfach platziert werden, der Verwaltungsaufwand ist einfach. Der Vorteil von Audiomitteln: Emotionen durch Klang der Stimme und Betonung. Geraten wird dazu, lange Textpassagen zu vermeiden und vor allem auf der Homepage den Text zu limitieren, zur Übersichtlichkeit Abschnitte zu setzen, freien Raum zur Pause im Lesefluss zu lassen.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Die einzelnen Möglichkeiten und Vor- und Nachteile der Inhaltstypen werden von den Autoren herausgestellt. Text ist statisch, leicht verarbeitbar, [[Link]]s können einfach platziert werden, der Verwaltungsaufwand ist einfach. Der Vorteil von Audiomitteln: Emotionen durch Klang der Stimme und Betonung. Geraten wird dazu, lange Textpassagen zu vermeiden und vor allem auf der Homepage den Text zu limitieren, zur Übersichtlichkeit Abschnitte zu setzen, freien Raum zur Pause im Lesefluss zu lassen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Oberbegriffe, Zwischenüberschriften, attraktives Format, Zeilenumbrüche, Platzierung des Textes, Schriftart, Größe, Format sind wichtige Punkte im Designprozess. Werden [[Graphiken]] eingesetzt, lässt sich viel mehr erklären. Denn Bilder, Zeichnungen oder Photographien sind gerade in der Verbindung mit Text sinnvolle Elemente einer Webseite.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Oberbegriffe, Zwischenüberschriften, attraktives Format, Zeilenumbrüche, Platzierung des Textes, Schriftart, Größe, Format sind wichtige Punkte im Designprozess. Werden [[Graphiken]] eingesetzt, lässt sich viel mehr erklären. Denn Bilder, Zeichnungen oder Photographien sind gerade in der Verbindung mit Text sinnvolle Elemente einer Webseite.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Wichtig sind auch einheitliche Hintergründe und [[Farben]] in der Gestaltung, nicht nur zur Wahrung der [[Corporate Identity]] (CI). Animationen und Videos sind „Appetitmacher" für das Auge. Hintergrundmusik ist als mögliches Mittel der Beeinflussung der Stimmung des Nutzers auch in Betracht zu ziehen, da Zufriedenheit als Kaufanreiz zu werten ist. Einsetzbar ist auch die on-screen oder voice-over Erzählung. Nicht nur eine begleitende Stimme im „off“<del class="diffchange diffchange-inline">, </del>oder eine sichtbare, "erzählende" Person in einem Video können den Nutzer zum verweilen auf der Seite einladen.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Wichtig sind auch einheitliche Hintergründe und [[Farben]] in der Gestaltung, nicht nur zur Wahrung der [[Corporate Identity]] (CI). Animationen und Videos sind „Appetitmacher" für das Auge. Hintergrundmusik ist als mögliches Mittel der Beeinflussung der Stimmung des Nutzers auch in Betracht zu ziehen, da Zufriedenheit als Kaufanreiz zu werten ist. Einsetzbar ist auch die on-screen oder voice-over Erzählung. Nicht nur eine begleitende Stimme im „off“ oder eine sichtbare, "erzählende" Person in einem Video können den Nutzer zum verweilen auf der Seite einladen.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Das Erkennen der „Kontrolle" die man somit über den Nutzer hat, ist ausschlaggebend.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Das Erkennen der „Kontrolle"<ins class="diffchange diffchange-inline">, </ins>die man somit über den Nutzer hat, ist ausschlaggebend.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Societal Implications and Ethical Choices ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Societal Implications and Ethical Choices ===</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8439&oldid=prevSusanneKraemer: /* Using Content Types Effectively */2006-06-30T13:49:32Z<p><span dir="auto"><span class="autocomment">Using Content Types Effectively</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:49 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l54" >Zeile 54:</td>
<td colspan="2" class="diff-lineno">Zeile 54:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Using Content Types Effectively ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Using Content Types Effectively ===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*''frei übersetzt:'' '''Darstellung der Inhalte und Inhaltstypen effektiv nutzen'''</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*''frei übersetzt:'' '''Darstellung der Inhalte und Inhaltstypen effektiv nutzen'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Die Autoren bringen es auf den Punkt. Text, [[Graphiken]], Animation, Video, Audio - welche nehmen und wie nutzen? Wie will der Designer oder sein Auftraggeber interagieren und was will man vermitteln? Ist der Designer noch bei seinem Publikum und was möchte <del class="diffchange diffchange-inline">es </del>eigentlich?</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Die Autoren bringen es auf den Punkt. Text, [[Graphiken]], Animation, Video, Audio - welche nehmen und wie nutzen? Wie will der Designer oder sein Auftraggeber interagieren und was will man vermitteln? Ist der Designer noch bei seinem Publikum und was möchte <ins class="diffchange diffchange-inline">dieses </ins>eigentlich?</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Die einzelnen Möglichkeiten und Vor- und Nachteile der Inhaltstypen werden von den Autoren herausgestellt. Text ist statisch, leicht verarbeitbar, [[Link]]s können einfach platziert werden, der Verwaltungsaufwand ist einfach. Der Vorteil von Audiomitteln: Emotionen durch Klang der Stimme und Betonung. Geraten wird dazu, lange Textpassagen zu vermeiden<del class="diffchange diffchange-inline">, </del>und vor allem auf der Homepage den Text zu limitieren, zur Übersichtlichkeit Abschnitte zu setzen, freien Raum zur Pause im Lesefluss zu lassen.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Die einzelnen Möglichkeiten und Vor- und Nachteile der Inhaltstypen werden von den Autoren herausgestellt. Text ist statisch, leicht verarbeitbar, [[Link]]s können einfach platziert werden, der Verwaltungsaufwand ist einfach. Der Vorteil von Audiomitteln: Emotionen durch Klang der Stimme und Betonung. Geraten wird dazu, lange Textpassagen zu vermeiden und vor allem auf der Homepage den Text zu limitieren, zur Übersichtlichkeit Abschnitte zu setzen, freien Raum zur Pause im Lesefluss zu lassen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Oberbegriffe, Zwischenüberschriften, attraktives Format, Zeilenumbrüche, Platzierung des Textes, Schriftart, Größe, Format sind wichtige Punkte im Designprozess. Werden [[Graphiken]] eingesetzt, lässt sich viel mehr erklären. Denn Bilder, Zeichnungen oder Photographien sind gerade in der Verbindung mit Text sinnvolle Elemente einer Webseite.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Oberbegriffe, Zwischenüberschriften, attraktives Format, Zeilenumbrüche, Platzierung des Textes, Schriftart, Größe, Format sind wichtige Punkte im Designprozess. Werden [[Graphiken]] eingesetzt, lässt sich viel mehr erklären. Denn Bilder, Zeichnungen oder Photographien sind gerade in der Verbindung mit Text sinnvolle Elemente einer Webseite.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Wichtig sind auch einheitliche Hintergründe und [[Farben]] in der Gestaltung, nicht nur zur Wahrung der [[Corporate Identity]] (CI). Animationen und Videos sind „Appetitmacher" für das Auge. Hintergrundmusik ist als mögliches Mittel der Beeinflussung der Stimmung des Nutzers auch in Betracht zu ziehen, da Zufriedenheit als Kaufanreiz zu werten ist. Einsetzbar ist auch die on-screen oder voice-over Erzählung. Nicht nur eine begleitende Stimme im „off“, oder eine sichtbare, "erzählende" Person in einem Video können den Nutzer zum verweilen auf der Seite einladen.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Wichtig sind auch einheitliche Hintergründe und [[Farben]] in der Gestaltung, nicht nur zur Wahrung der [[Corporate Identity]] (CI). Animationen und Videos sind „Appetitmacher" für das Auge. Hintergrundmusik ist als mögliches Mittel der Beeinflussung der Stimmung des Nutzers auch in Betracht zu ziehen, da Zufriedenheit als Kaufanreiz zu werten ist. Einsetzbar ist auch die on-screen oder voice-over Erzählung. Nicht nur eine begleitende Stimme im „off“, oder eine sichtbare, "erzählende" Person in einem Video können den Nutzer zum verweilen auf der Seite einladen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Das Erkennen der „Kontrolle" die man somit über den Nutzer hat, ist ausschlaggebend.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Das Erkennen der „Kontrolle" die man somit über den Nutzer hat, ist ausschlaggebend.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Societal Implications and Ethical Choices ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Societal Implications and Ethical Choices ===</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8438&oldid=prevSusanneKraemer: /* Designing and Building the Project */2006-06-30T13:47:23Z<p><span dir="auto"><span class="autocomment">Designing and Building the Project</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:47 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l48" >Zeile 48:</td>
<td colspan="2" class="diff-lineno">Zeile 48:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Designing and Building the Project ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Designing and Building the Project ===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*''frei übersetzt:'' '''Designphase'''</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*''frei übersetzt:'' '''Designphase'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Obwohl Designphase benannt, geht es an dieser Stelle noch lange nicht los mit dem <del class="diffchange diffchange-inline">gestalten</del>. Es verfestigen sich hier die Grundzüge der Planung, die zu Umsetzung und Aufbau führen. Durch Aufzeichnen und Zusammenfassen der Planungsphase, durch überdenken, vergrößern und verfeinern der Ziele wird im nächsten Schritt eine Outline erstellt. Hierbei verleiht das Verwenden von Diagrammen dem Aufbau eine hilfreiche Strukturiertheit. Als Tipp führen die Autoren Notizkarten zur Visualisierung des Aufbaus an. Aber dennoch sollte auch die dann erstellte Outline wieder überdacht, verfeinert, erweitert werden. Der Designer muss sich klar werden ob er mit der Information auf seiner Seite vom unwichtigen zum wichtigen oder aber vom speziellen zum allgemeinen möchte, sprich ob top-down oder bottom-up.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Obwohl Designphase benannt, geht es an dieser Stelle noch lange nicht los mit dem <ins class="diffchange diffchange-inline">Gestalten</ins>. Es verfestigen sich hier die Grundzüge der Planung, die zu Umsetzung und Aufbau führen. Durch Aufzeichnen und Zusammenfassen der Planungsphase, durch überdenken, vergrößern und verfeinern der Ziele wird im nächsten Schritt eine Outline erstellt. Hierbei verleiht das Verwenden von Diagrammen dem Aufbau eine hilfreiche Strukturiertheit. Als Tipp führen die Autoren Notizkarten zur Visualisierung des Aufbaus an. Aber dennoch sollte auch die dann erstellte Outline wieder überdacht, verfeinert, erweitert werden. Der Designer muss sich klar werden<ins class="diffchange diffchange-inline">, </ins>ob er mit der Information auf seiner Seite vom unwichtigen zum wichtigen oder aber vom speziellen zum allgemeinen möchte, sprich<ins class="diffchange diffchange-inline">, </ins>ob top-down oder bottom-up.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Wenn die Struktur klar ist, folgt das eigentliche Design, das heißt der kreative Prozess setzt ein. Die Zukunft der Webseite spielt eine gewichtige Rolle. Die Seite soll nicht statisch sein, sondern flexibel, informativ, vielschichtig. Wird das Ziel erreicht, kann ein Prototyp erstellt werden. Mittels Evaluation auf verschiedenen Ebenen, durch Experten, User, Laien, wobei die Zielgruppe aber im Auge behalten werden muss, fließen alle Ergebnisse in den Designbericht ein. Dann gilt es sicherzustellen dass die richtigen Programmierwerkzeuge vorhanden sind.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Wenn die Struktur klar ist, folgt das eigentliche Design, das heißt der kreative Prozess setzt ein. Die Zukunft der Webseite spielt eine gewichtige Rolle. Die Seite soll nicht statisch sein, sondern flexibel, informativ, vielschichtig. Wird das Ziel erreicht, kann ein Prototyp erstellt werden. Mittels Evaluation auf verschiedenen Ebenen, durch Experten, User, Laien, wobei die Zielgruppe aber im Auge behalten werden muss, fließen alle Ergebnisse in den Designbericht ein. Dann gilt es sicherzustellen<ins class="diffchange diffchange-inline">, </ins>dass die richtigen Programmierwerkzeuge vorhanden sind.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Angesichts dieses Umfangs<del class="diffchange diffchange-inline">, </del>schließen die Schritte zur Verwirklichung des Konzepts den Autoren zufolge bei einem einzelnen Designer, wie auch bei einem kompletten Design-Team die Tätigkeiten des Produzenten, Marktforschers, Informationsdesigners, Schaffenden der Kerninhalte, graphischen Designers, Herausgebers, Interface-Designers, Nutzen- und Bedarfsermittlers, des <del class="diffchange diffchange-inline">Gebrauchfähigkeit</del>-Prüfenden, des Anweisungsdesigners (instructional designer), des Qualitätsprüfers und des Programmierers mit ein.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Angesichts dieses Umfangs schließen die Schritte zur Verwirklichung des Konzepts<ins class="diffchange diffchange-inline">, </ins>den Autoren zufolge<ins class="diffchange diffchange-inline">, </ins>bei einem einzelnen Designer, wie auch bei einem kompletten Design-Team<ins class="diffchange diffchange-inline">, </ins>die Tätigkeiten des Produzenten, Marktforschers, Informationsdesigners, Schaffenden der Kerninhalte, graphischen Designers, Herausgebers, Interface-Designers, Nutzen- und Bedarfsermittlers, des <ins class="diffchange diffchange-inline">Gebrauchsfähigkeit</ins>-Prüfenden, des Anweisungsdesigners (instructional designer), des Qualitätsprüfers und des Programmierers mit ein.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Using Content Types Effectively ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Using Content Types Effectively ===</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8437&oldid=prevSusanneKraemer: /* Understanding the Web: A Designer's View */2006-06-30T13:43:16Z<p><span dir="auto"><span class="autocomment">Understanding the Web: A Designer's View</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:43 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l32" >Zeile 32:</td>
<td colspan="2" class="diff-lineno">Zeile 32:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Understanding the Web: A Designer's View ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Understanding the Web: A Designer's View ===</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*''frei übersetzt:'' '''Das Web verstehen aus der Sicht eines Designers'''</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*''frei übersetzt:'' '''Das Web verstehen aus der Sicht eines Designers'''</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Vor dem Designprozess gilt es zu verstehen, was das Web "bietet". Die globale Reichweite und Interaktion, das Ansprechen aller Sinne, die Kommunikation und Transaktion, also das Interagieren und Miteinader der Menschen gestaltet sich hier frei und einfach. Die Verfügbarkeit innerhalb des Internets, seine Schnelligkeit und Aktualität, stärken und fördern den sozialen Kontakt, nicht nur im Fall simpler Frage- und Antwortfindung.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Vor dem Designprozess gilt es zu verstehen, was das Web "bietet". Die globale Reichweite und Interaktion, das Ansprechen aller Sinne, die <ins class="diffchange diffchange-inline">[[</ins>Kommunikation<ins class="diffchange diffchange-inline">]] </ins>und Transaktion, also das Interagieren und Miteinader der Menschen<ins class="diffchange diffchange-inline">, </ins>gestaltet sich hier frei und einfach. Die Verfügbarkeit innerhalb des Internets, seine Schnelligkeit und Aktualität, stärken und fördern den sozialen Kontakt, nicht nur im Fall simpler Frage- und Antwortfindung.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Zwar liefern CD und DVD als Speichermedien auch Information und bieten Interaktion, sind aber abgesteckt und limitiert. Sie bieten aber nicht die Fülle und das Volumen des Internet. Daher gilt es, die Gründe zu erkennen, warum das Netz genutzt wird. Auf der Basis von Informationsübermittlung können Bildung, Unterhaltung und Informationsgewinn Gründe sein, aber auch kommerzieller Handel, Informations-Portale, gar Beeinflussung durch Information<del class="diffchange diffchange-inline">, </del>oder nur das Gefühl von Gemeinschaft und Selbstverwirklichung. Auf diese Art ist es somit auch möglich, ein großes Publikum erreichen.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Zwar liefern CD und DVD als Speichermedien auch Information und bieten Interaktion, sind aber abgesteckt und limitiert. Sie bieten aber nicht die Fülle und das Volumen des Internet. Daher gilt es, die Gründe zu erkennen, warum das Netz genutzt wird. Auf der Basis von Informationsübermittlung können Bildung, Unterhaltung und Informationsgewinn Gründe sein, aber auch kommerzieller Handel, Informations-Portale, gar Beeinflussung durch Information oder nur das Gefühl von Gemeinschaft und Selbstverwirklichung. Auf diese Art ist es somit auch möglich, ein großes Publikum <ins class="diffchange diffchange-inline">zu </ins>erreichen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Verbindung und Verknüpfung verschiedener Quellen, also interaktiven Inhalts, durch beispielsweise Verlinkung, führen den Nutzer auf eine Reise, deren Tiefen es für den Designer zu ergründen und zu erkennen gilt. So ermöglicht das Web Zugang zu speziellen Informationen und spezifischen Themen.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Verbindung und Verknüpfung verschiedener Quellen, also interaktiven Inhalts, durch beispielsweise Verlinkung, führen den Nutzer auf eine Reise, deren Tiefen es für den Designer zu ergründen und zu erkennen gilt. So ermöglicht das Web Zugang zu speziellen Informationen und spezifischen Themen.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Diesen Bedarf zu ermitteln ist Aufgabe des Designers. Ebenso müssen ihm Grundlagen der Informationsarchitektur <del class="diffchange diffchange-inline">wie </del>Anordnung und Einsatz von Navigations-Werkzeugen und Hierarchien bekannt sein.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Diesen Bedarf zu ermitteln ist Aufgabe des Designers. Ebenso müssen ihm Grundlagen der <ins class="diffchange diffchange-inline">[[</ins>Informationsarchitektur<ins class="diffchange diffchange-inline">]] sowie </ins>Anordnung und Einsatz von Navigations-Werkzeugen und Hierarchien bekannt sein.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Planning the Project ===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Planning the Project ===</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8436&oldid=prevSusanneKraemer: /* Support-Webseite und eine Kritik zum Buch */2006-06-30T13:39:40Z<p><span dir="auto"><span class="autocomment">Support-Webseite und eine Kritik zum Buch</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:39 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l16" >Zeile 16:</td>
<td colspan="2" class="diff-lineno">Zeile 16:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Support-Webseite und eine Kritik zum Buch ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Support-Webseite und eine Kritik zum Buch ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Näheres zum Buch, seinem Inhalt, Umfang und den in ihm verwendeten [[Graphiken]] und Beispielen kann unter einer eigenen '''[http://www.uwtc.washington.edu/research/pubs/dfarkas/pwd/index.html Webseite]''' nachgelesen werden. </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Näheres zum Buch, <ins class="diffchange diffchange-inline">zu </ins>seinem Inhalt, Umfang und den in ihm verwendeten [[Graphiken]] und Beispielen kann unter einer eigenen '''[http://www.uwtc.washington.edu/research/pubs/dfarkas/pwd/index.html Webseite]''' nachgelesen werden. </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Auf dieser Webseite kommen auch einige Kritiker des Buches zu Wort. Bemerkenswert ist, dass diese sich durchweg positiv über das Buch äußern. Ein Beispiel ist die ''' Kritik von Sean Williams ''' aus Journal of Business and Technical Communication, January 2003, Vol 17, Number 1, pp. 117-20. Diese Kritik lautet in freier Übersetzung:</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Auf dieser Webseite kommen auch einige Kritiker des Buches zu Wort. Bemerkenswert ist, dass diese sich durchweg positiv über das Buch äußern. Ein Beispiel ist die ''' Kritik von Sean Williams ''' aus <ins class="diffchange diffchange-inline">dem </ins>Journal of Business and Technical Communication, January 2003, Vol 17, Number 1, pp. 117-20. Diese Kritik lautet in freier Übersetzung:</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>::„Wenn man in Betracht zieht, wie schnelllebig und vergänglich Technologien und Diskussionen über das Thema [[Webdesign]] sind<del class="diffchange diffchange-inline">, </del>und wie oft man in Handbüchern zum Thema [[Webdesign]] vorgeschrieben bekommt, welche Richtung man einzuschlagen hat, so muss gesagt werden, dass gerade dieses Buch Konzepte für das [[Webdesign]] präsentiert, die in jeglicher Designsituation Anwendung finden.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>::„Wenn man in Betracht zieht, wie schnelllebig und vergänglich Technologien und Diskussionen über das Thema [[Webdesign]] sind und wie oft man in Handbüchern zum Thema [[Webdesign]] vorgeschrieben bekommt, welche Richtung man einzuschlagen hat, so muss gesagt werden, dass gerade dieses Buch Konzepte für das [[Webdesign]] präsentiert, die in jeglicher Designsituation Anwendung finden.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>::Darüber hinaus hilft dieses Buch den Designern sich auf die Komplexität des Austausches, die rhetorische Situation,<del class="diffchange diffchange-inline">“ </del>- also Übermittlung und Vermittlung von Information – <del class="diffchange diffchange-inline">„zu </del>beziehen und in ihrem Designprozess darauf zu achten<del class="diffchange diffchange-inline">, wenn sie designen</del>.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>::Darüber hinaus hilft dieses Buch den Designern<ins class="diffchange diffchange-inline">, </ins>sich auf die Komplexität des Austausches, die rhetorische Situation, - also Übermittlung und Vermittlung von Information – <ins class="diffchange diffchange-inline">zu </ins>beziehen und in ihrem Designprozess darauf zu achten.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>::'''In aller Kürze ist [[Principles of Web Design (Buchbesprechung)|Principles of Web Design]] das vermisste Glied in der Kette der [[Webdesign]]-Handbücher''', weil es erklärt, was Designer tun sollen und warum.“</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>::'''In aller Kürze ist [[Principles of Web Design (Buchbesprechung)|Principles of Web Design]] das vermisste Glied in der Kette der [[Webdesign]]-Handbücher''', weil es erklärt, was Designer tun sollen und warum.“</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8435&oldid=prevSusanneKraemer: /* Das Vorwort der Autoren */2006-06-30T13:37:06Z<p><span dir="auto"><span class="autocomment">Das Vorwort der Autoren</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:37 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8" >Zeile 8:</td>
<td colspan="2" class="diff-lineno">Zeile 8:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Autoren des Buches Principles of Web Design sind '''[[David K. Farkas]]''' und '''[[Jean B. Farkas]]'''.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Autoren des Buches Principles of Web Design sind '''[[David K. Farkas]]''' und '''[[Jean B. Farkas]]'''.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Gleich zu Anfang des Buches sagen sie, dass ihr Buch im Besonderen an Studenten gerichtet sei. Ihren eigenen Zielen und Ansprüchen nach soll vermittelt werden, was gutes [[Webdesign]] ausmacht und welche Schritte zu überdenken und einzuhalten sind. Das Buch sei jedoch nur Anleitung<del class="diffchange diffchange-inline">, </del>und nicht das alleinige Heilmittel. Es soll eine Darstellung dessen sein, was in der Regel der Mainstream, also die Mehrheit der Internet-Nutzer, verlangt und sehen möchte.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Gleich zu Anfang des Buches sagen sie, dass ihr Buch im Besonderen an Studenten gerichtet sei. Ihren eigenen Zielen und Ansprüchen nach soll vermittelt werden, was gutes [[Webdesign]] ausmacht und welche Schritte zu überdenken und einzuhalten sind. Das Buch sei jedoch nur Anleitung und nicht das alleinige Heilmittel. Es soll eine Darstellung dessen sein, was in der Regel der Mainstream, also die Mehrheit der Internet-Nutzer, verlangt und sehen möchte.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Konzepte sollen ebenso explizit und detailliert erklärt werden, wie auch die Art und Weise wie diese Konzepte aufeinander aufbauen. Denn wer die Zusammenhänge begreift<del class="diffchange diffchange-inline">, </del>sollte ein gutes Endprodukt im [[Webdesign]] abliefern können. Daher soll das Buch verbessern und anleiten<del class="diffchange diffchange-inline">, </del>und die Freude wecken, sich jeder neuen Design-Aufgabe zu stellen.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Konzepte sollen ebenso explizit und detailliert erklärt werden, wie auch die Art und Weise<ins class="diffchange diffchange-inline">, </ins>wie diese Konzepte aufeinander aufbauen. Denn wer die Zusammenhänge begreift sollte ein gutes Endprodukt im [[Webdesign]] abliefern können. Daher soll das Buch verbessern und anleiten und die Freude wecken, sich jeder neuen Design-Aufgabe zu stellen.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Versorgt mit einer Anleitung, wie die Wünsche der Nutzer befriedigt werden können<del class="diffchange diffchange-inline">, </del>und wie einfach einzelne, selbst gesteckte Ziele erreicht werden können, soll es kein Problem mehr sein, ein sinnvolles, gutes Werk abzuliefern. Denn das Ziel ist es, durch Nachdenken über das, was der Nutzer haben möchte, zu einem benutzerfreundlichen Design zu kommen. Notwendig sei dazu das Verstehen aller Zusammenhänge, technisch wie visuell oder ethisch.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Versorgt mit einer Anleitung, wie die Wünsche der Nutzer befriedigt werden können und wie einfach einzelne, selbst gesteckte Ziele erreicht werden können, soll es kein Problem mehr sein, ein sinnvolles, gutes Werk abzuliefern. Denn das Ziel ist es, durch Nachdenken über das, was der Nutzer haben möchte, zu einem benutzerfreundlichen Design zu kommen. Notwendig sei dazu das Verstehen aller Zusammenhänge, technisch wie visuell oder ethisch.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Technik spielt allerdings in dem Buch eine weniger große Rolle. Es ist keine Anleitung enthalten, wie zu programmieren ist, sondern nur das Gerüst vorgegeben, das der Techniker anwenden soll, um seine Seite „menschenfreundlich“ zu gestalten.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>:Technik spielt allerdings in dem Buch eine weniger große Rolle. Es ist keine Anleitung enthalten, wie zu programmieren ist, sondern nur das Gerüst vorgegeben, das der Techniker anwenden soll, um seine Seite „menschenfreundlich“ zu gestalten.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Gestalterische Elemente, die Grundlage und Pflicht eines jeden [[Webdesign]], werden aber ausführlich erläutert und dargestellt. Daher rührt auch der Vorschlag der Autoren, dass der Umfang des Buches<del class="diffchange diffchange-inline">, </del>Thema eines ganzen Semesters sein sollte. Man könne es nicht "in einem Rutsch" lesen.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Gestalterische Elemente, die Grundlage und Pflicht eines jeden [[Webdesign]]<ins class="diffchange diffchange-inline">s</ins>, werden aber ausführlich erläutert und dargestellt. Daher rührt auch der Vorschlag der Autoren, dass der Umfang des Buches Thema eines ganzen Semesters sein sollte. Man könne es nicht "in einem Rutsch" lesen.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Support-Webseite und eine Kritik zum Buch ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Support-Webseite und eine Kritik zum Buch ==</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8434&oldid=prevSusanneKraemer: /* Kurze Beschreibung */2006-06-30T13:32:34Z<p><span dir="auto"><span class="autocomment">Kurze Beschreibung</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:32 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >Zeile 4:</td>
<td colspan="2" class="diff-lineno">Zeile 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kurze Beschreibung ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kurze Beschreibung ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Das Buch vermittelt Designfertigkeiten für Internetseiten, Bezug nehmend auf [[Informationsarchitektur]], Sprache und [[Hypertext]]. Es soll eine Begleitung durch den Designprozess und Anleitung bezüglich Designrichtlinien und -praktiken bieten. Es soll helfen, ein korrektes und nutzerfreundliches Design zu erstellen und Wichtiges - do‘s und dont’s – erklären. Hierzu verwenden die Autoren eine kurze Einleitung und erörtern in einem Überblick, was das Internet überhaupt ist, wie es entstanden ist und wie es von Nutzen sein kann. Auch berücksichtigt werden die sozialen Auswirkungen des www auf den Menschen. Neben Text gibt es auch Beispiele und [[Graphiken]], Diskussionsthemen, anleitendes Lernen und Aufgaben, um das Erlernte zu vertiefen. Das Buch enthält auch einen „Fahrplan“, wie eine Internetseite zu „bauen ist“, so dass man direkt beginnen kann.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Das Buch vermittelt Designfertigkeiten für Internetseiten, Bezug nehmend auf [[Informationsarchitektur]], Sprache und [[Hypertext]]. Es soll eine Begleitung durch den Designprozess und Anleitung bezüglich Designrichtlinien und -praktiken bieten. Es soll helfen, ein korrektes und nutzerfreundliches Design zu erstellen und Wichtiges - do‘s und dont’s – erklären. Hierzu verwenden die Autoren eine kurze Einleitung und erörtern in einem Überblick, was das Internet überhaupt ist, wie es entstanden ist und wie es von Nutzen sein kann. Auch berücksichtigt werden die sozialen Auswirkungen des www auf den Menschen. Neben <ins class="diffchange diffchange-inline">reinem </ins>Text gibt es auch <ins class="diffchange diffchange-inline">anschauliche </ins>Beispiele und [[Graphiken]], Diskussionsthemen, anleitendes Lernen und Aufgaben, um das Erlernte zu vertiefen. Das Buch enthält auch einen „Fahrplan“, wie eine Internetseite zu „bauen ist“, so dass man direkt beginnen kann.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td></tr>
</table>SusanneKraemerhttps://wiki.infowiss.net/index.php?title=Principles_of_Web_Design_(Buchbesprechung)&diff=8433&oldid=prevSusanneKraemer: /* Kurze Beschreibung */2006-06-30T13:30:59Z<p><span dir="auto"><span class="autocomment">Kurze Beschreibung</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 30. Juni 2006, 13:30 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >Zeile 4:</td>
<td colspan="2" class="diff-lineno">Zeile 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kurze Beschreibung ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kurze Beschreibung ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>:Das Buch vermittelt Designfertigkeiten für Internetseiten Bezug nehmend auf [[Informationsarchitektur]], Sprache und [[Hypertext]]. Es soll eine Begleitung durch den Designprozess und Anleitung bezüglich Designrichtlinien und <del class="diffchange diffchange-inline">Praktiken </del>bieten. Es soll helfen ein korrektes und nutzerfreundliches Design zu erstellen<del class="diffchange diffchange-inline">, </del>und <del class="diffchange diffchange-inline">wichtiges </del>- do‘s und dont’s – erklären. Hierzu verwenden die Autoren eine kurze Einleitung und erörtern in einem Überblick was das Internet überhaupt ist, wie es entstanden ist<del class="diffchange diffchange-inline">, </del>und wie es von Nutzen sein kann. Auch berücksichtigt werden die sozialen Auswirkungen des www auf den Menschen. Neben Text gibt es auch Beispiele und [[Graphiken]], Diskussionsthemen, anleitendes Lernen und Aufgaben um das Erlernte zu vertiefen. Das Buch enthält auch einen „Fahrplan“ wie eine Internetseite zu „bauen ist“, so dass man direkt beginnen kann.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>:Das Buch vermittelt Designfertigkeiten für Internetseiten<ins class="diffchange diffchange-inline">, </ins>Bezug nehmend auf [[Informationsarchitektur]], Sprache und [[Hypertext]]. Es soll eine Begleitung durch den Designprozess und Anleitung bezüglich Designrichtlinien und <ins class="diffchange diffchange-inline">-praktiken </ins>bieten. Es soll helfen<ins class="diffchange diffchange-inline">, </ins>ein korrektes und nutzerfreundliches Design zu erstellen und <ins class="diffchange diffchange-inline">Wichtiges </ins>- do‘s und dont’s – erklären. Hierzu verwenden die Autoren eine kurze Einleitung und erörtern in einem Überblick<ins class="diffchange diffchange-inline">, </ins>was das Internet überhaupt ist, wie es entstanden ist und wie es von Nutzen sein kann. Auch berücksichtigt werden die sozialen Auswirkungen des www auf den Menschen. Neben Text gibt es auch Beispiele und [[Graphiken]], Diskussionsthemen, anleitendes Lernen und Aufgaben<ins class="diffchange diffchange-inline">, </ins>um das Erlernte zu vertiefen. Das Buch enthält auch einen „Fahrplan“<ins class="diffchange diffchange-inline">, </ins>wie eine Internetseite zu „bauen ist“, so dass man direkt beginnen kann.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Das Vorwort der Autoren ==</div></td></tr>
</table>SusanneKraemer