Design Trifft Code: Alles, Was Developer über Gestaltung und UX Wissen Müssen
Saved in:
| Main Author: | |
|---|---|
| Format: | Electronic eBook |
| Language: | German |
| Published: |
Heidelberg
dpunkt.verlag
2024
|
| Edition: | 1st ed |
| Subjects: | |
| Online Access: | DE-2070s |
| Item Description: | Description based on publisher supplied metadata and other sources |
| Physical Description: | 1 Online-Ressource (299 Seiten) |
| ISBN: | 9783988901491 |
Staff View
MARC
| LEADER | 00000nmm a2200000zc 4500 | ||
|---|---|---|---|
| 001 | BV049875538 | ||
| 003 | DE-604 | ||
| 007 | cr|uuu---uuuuu | ||
| 008 | 240919s2024 |||| o||u| ||||||ger d | ||
| 020 | |a 9783988901491 |9 978-3-98890-149-1 | ||
| 035 | |a (ZDB-30-PQE)EBC31318185 | ||
| 035 | |a (ZDB-30-PAD)EBC31318185 | ||
| 035 | |a (ZDB-89-EBL)EBL31318185 | ||
| 035 | |a (OCoLC)1433203756 | ||
| 035 | |a (DE-599)BVBBV049875538 | ||
| 040 | |a DE-604 |b ger |e rda | ||
| 041 | 0 | |a ger | |
| 049 | |a DE-2070s | ||
| 084 | |a ST 252 |0 (DE-625)143627: |2 rvk | ||
| 100 | 1 | |a Stimac, Stephanie |e Verfasser |4 aut | |
| 245 | 1 | 0 | |a Design Trifft Code |b Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| 250 | |a 1st ed | ||
| 264 | 1 | |a Heidelberg |b dpunkt.verlag |c 2024 | |
| 264 | 4 | |c ©2024 | |
| 300 | |a 1 Online-Ressource (299 Seiten) | ||
| 336 | |b txt |2 rdacontent | ||
| 337 | |b c |2 rdamedia | ||
| 338 | |b cr |2 rdacarrier | ||
| 500 | |a Description based on publisher supplied metadata and other sources | ||
| 505 | 8 | |a Intro -- Inhaltsübersicht -- Inhaltsverzeichnis -- Einleitung -- Vorwort -- Danksagung -- Über dieses Buch -- Teil 1: Grundlagen der Gestaltung -- Kapitel 1: Die Kluft zwischen Design und Entwicklung überbrücken -- 1.1 Wie Entwickler von Design- und User-Experience-Grundlagen profitieren -- 1.1.1 Zusammenarbeit und Kommunikation verbessern -- 1.1.2 Die Gründe für Designentscheidungen verstehen -- 1.1.3 Besserer Code durch das Verständnis der Grundlagen des visuellen Designs -- 1.1.4 Besserer Code (und Design) durch geringere Abhängigkeit von Frameworks von Drittanbietern -- 1.1.5 User Experience und Entwicklung -- 1.2 Der Weg zu einem besseren Verständnis von Design und User Experience -- 1.2.1 Der Gestaltungsprozess, den dieses Buch behandelt -- 1.2.2 Designexperten vs. smartes Design -- 1.2.3 Das Ganze zusammenfügen -- Zusammenfassung -- Kapitel 2: Grundlagen des Designs -- 2.1 Die Grundsätze der Gestaltung -- 2.1.1 Nähe -- 2.1.2 Ausrichtung -- 2.1.3 Wiederholung -- 2.1.4 Kontrast -- 2.1.5 Ausgewogenheit -- 2.2 Designgrundlagen für die User Experience und darüber hinaus -- Zusammenfassung -- Teil 2: User Experience -- Kapitel 3: Grundlagen der User Experience -- 3.1 Benutzererfahrung geht über die visuelle Gestaltung hinaus -- 3.2 Was ist User Experience? -- 3.3 Die User-Experience-Rollen -- 3.3.1 Nutzerforschung -- 3.3.2 Gestaltung der User Experience -- 3.3.3 User-Experience-Texter -- 3.4 Methoden der User Experience -- 3.4.1 Nutzerzentrierter Entwurf -- 3.4.2 Double-Diamond-Prozess -- 3.5 User-Experience-Praktiken vertiefen -- Zusammenfassung -- Kapitel 4: Nutzerforschung -- 4.1 Einführung in die Nutzerforschung -- 4.1.1 Nutzerforschung scheint kostspielig zu sein, aber Misserfolg ist teurer -- 4.1.2 Erste Datenerhebung -- 4.1.3 User-Personas -- 4.1.4 Nutzerbedürfnisse | |
| 505 | 8 | |a 4.1.5 Ziele der Website festlegen: Abgleich von Nutzer- und Unternehmenszielen -- 4.1.6 S.M.A.R.T.-Ziele erstellen -- 4.2 Strategien der Nutzerforschung -- 4.2.1 Qualitativ vs. quantitativ -- 4.2.2 Benutzereinstellung vs. Benutzerverhalten -- 4.2.3 Methoden der Nutzerforschung -- 4.2.4 Forschung in einer kontinuierlichen Phase -- Zusammenfassung -- Kapitel 5: User-Experience-Design -- 5.1 Informationsarchitektur -- 5.1.1 Sitemap -- 5.1.2 Bestandsaufnahme und Prüfung der Inhalte -- 5.2 User Flows und User Journeys -- 5.2.1 User Flow -- 5.2.2 User Journey -- 5.3 Gestaltung Ihrer Website und Anwendung -- 5.3.1 Wireframing -- 5.3.2 Gestaltung der Benutzeroberfläche und farbige Mock-ups -- 5.3.3 Prototyping -- Zusammenfassung -- Teil 3: Visuelle Gestaltungselemente -- Kapitel 6: Web-Layout und Gestaltung -- 6.1 Aufbau der Struktur Ihrer Website -- 6.2 Ein Raster verwenden -- 6.2.1 Das Raster festlegen -- 6.2.2 Die Abmessungen des Rasters -- 6.3 Auswahl eines Layouts -- 6.3.1 Einspaltige Muster verwenden -- 6.3.2 Gängige mehrspaltige Muster -- 6.3.3 Lesemuster -- 6.4 Raum nutzen -- 6.5 Überlegungen zum responsiven Design -- 6.5.1 Für Mobilgeräte gestalten -- 6.5.2 Design für Multiscreen- und faltbare Geräte -- Zusammenfassung -- Kapitel 7: Web-Layouts mit Animationen aufwerten -- 7.1 Warum eine Animation? -- 7.1.1 Verbesserung der Benutzerfreundlichkeit -- 7.1.2 Unvergessliche Interaktionen schaffen -- 7.1.3 Animationen als Dekoration verwenden, um eine emotionale Reaktion hervorzurufen -- 7.2 Wann sollte eine Animation verwendet werden? -- 7.2.1 Hinweise für die Navigation auf der Webseite geben -- 7.2.2 Rückmeldung an die Benutzer bei der Interaktion mit UI-Elementen geben -- 7.2.3 Navigation und Seitenübergänge -- 7.2.4 Den Status von etwas in Arbeit anzeigen -- 7.2.5 Langfristig denken -- 7.3 Wie man Animationen plant | |
| 505 | 8 | |a 7.3.1 Wie man ein Storyboard erstellt -- 7.4 Technische Aspekte der Animation -- 7.4.1 Überlegungen zur Performance -- 7.4.2 Überlegungen zur Barrierefreiheit -- Zusammenfassung -- Kapitel 8: Auswahl von und Arbeit mit Typografie im Web -- 8.1 Die Grundlagen von Schrift -- 8.1.1 Zwischen einer Schrift und einem Schriftschnitt unterscheiden -- 8.1.2 Unterschiedliche Schriftklassifizierungen -- 8.1.3 Schriftarten und -schnitte -- 8.2 Auswahl einer Schrift für das Web -- 8.2.1 Was macht eine gute Webschrift aus? -- 8.2.2 Wie man Schriftarten und Schriften miteinander verbindet -- 8.2.3 Eine Schriftrampe aufbauen -- 8.2.4 Ihren Schriftarten Größen zuweisen -- 8.2.5 Einen vertikalen Rhythmus festlegen -- 8.2.6 Für Lesbarkeit sorgen -- Zusammenfassung -- Kapitel 9: Farbtheorie -- 9.1 Terminologie der Farben -- 9.1.1 Farbtöne -- 9.1.2 Warme vs. kühle Farben -- 9.1.3 Farbton, Sättigung und Helligkeit -- 9.2 Der Farbkreis -- 9.2.1 Farbbeziehungen -- 9.2.2 Beispiele für Farben studieren und dann weitere Beispiele ansehen -- 9.3 Farbpsychologie -- 9.4 Auswählen und Anwenden eines Farbschemas -- 9.5 Tutorial: Wählen Sie ein Farbschema und wenden Sie es an -- 9.6 Überlegungen zur Barrierefreiheit -- 9.6.1 Farbkontrast prüfen -- 9.6.2 Verlassen Sie sich nicht nur auf die Farbe, um einen Zustand oder Status anzuzeigen -- 9.7 Farbmodi im Web -- 9.7.1 RGB und RGBA -- 9.7.2 Hexadezimal -- 9.7.3 HSL und HSLA -- 9.7.4 CIE Lab und LCH -- 9.7.5 Welchen Farbmodus soll ich verwenden? -- 9.8 Farbabweichungen auf Bildschirmen -- Zusammenfassung -- Kapitel 10: Aufbau einer Website -- 10.1 Die Anforderungen an die Projekt-Website -- 10.2 Die Platzierung von Inhalten mit einem Wireframe festlegen -- 10.3 Rastersystem und Abstände festlegen -- 10.4 Typografie auswählen -- 10.5 Vertikalen Rhythmus festlegen -- 10.6 Bildmaterial auswählen | |
| 505 | 8 | |a 10.6.1 Bilder verwenden, um den Ton anzugeben -- 10.6.2 Text auf Bildern -- 10.7 Farbpalette auswählen und anwenden -- 10.8 Letzte Handgriffe -- 10.9 Responsives Design -- 10.9.1 Tablet-Design, das achtspaltige Raster -- 10.9.2 Mobiles Design, das vierspaltige Raster -- 10.9.3 Mobile-first Design -- Zusammenfassung -- Teil 4: Nach der visuellen Gestaltung -- Kapitel 11: Testen, Validieren, Iterieren -- 11.1 Der Zyklus des Designs -- 11.1.1 Ein bestehendes Design ersetzen -- 11.1.2 Minimum Viable Product -- 11.1.3 Wann ist ein Entwurf gut genug, um mit dem Testen zu beginnen? -- 11.2 Testarten -- 11.2.1 Kundeninterviews -- 11.2.2 Testen in einer Produktionsumgebung -- 11.2.3 A/B-Tests -- 11.2.4 Gestaffelte Rollouts -- 11.2.5 Anfängliche Methoden der Nutzerforschung -- 11.3 Prüfergebnisse anwenden -- Zusammenfassung -- Kapitel 12: Entwicklungsentscheidungen und User Experience -- 12.1 Die Wirkung des geschriebenen Codes -- 12.1.1 Warum es wichtig ist, gutes HTML zu schreiben -- 12.1.2 Performance und Ladezeiten -- 12.1.3 Webtechnologien ohne Cross-Browser-Unterstützung -- 12.2 Entwickler bauen für Entwickler -- Zusammenfassung -- Weitere Ressourcen -- Index | |
| 650 | 0 | 7 | |a Webdesign |0 (DE-588)1041632088 |2 gnd |9 rswk-swf |
| 689 | 0 | 0 | |a Webdesign |0 (DE-588)1041632088 |D s |
| 689 | 0 | |5 DE-604 | |
| 776 | 0 | 8 | |i Erscheint auch als |n Druck-Ausgabe |a Stimac, Stephanie |t Design Trifft Code |d Heidelberg : dpunkt.verlag,c2024 |z 9783988890016 |
| 912 | |a ZDB-30-PQE | ||
| 943 | 1 | |a oai:aleph.bib-bvb.de:BVB01-035214996 | |
| 966 | e | |u https://ebookcentral.proquest.com/lib/hwr/detail.action?docID=31318185 |l DE-2070s |p ZDB-30-PQE |q HWR_PDA_PQE |x Aggregator |3 Volltext | |
Record in the Search Index
| _version_ | 1814902791989100544 |
|---|---|
| adam_text | |
| any_adam_object | |
| author | Stimac, Stephanie |
| author_facet | Stimac, Stephanie |
| author_role | aut |
| author_sort | Stimac, Stephanie |
| author_variant | s s ss |
| building | Verbundindex |
| bvnumber | BV049875538 |
| classification_rvk | ST 252 |
| collection | ZDB-30-PQE |
| contents | Intro -- Inhaltsübersicht -- Inhaltsverzeichnis -- Einleitung -- Vorwort -- Danksagung -- Über dieses Buch -- Teil 1: Grundlagen der Gestaltung -- Kapitel 1: Die Kluft zwischen Design und Entwicklung überbrücken -- 1.1 Wie Entwickler von Design- und User-Experience-Grundlagen profitieren -- 1.1.1 Zusammenarbeit und Kommunikation verbessern -- 1.1.2 Die Gründe für Designentscheidungen verstehen -- 1.1.3 Besserer Code durch das Verständnis der Grundlagen des visuellen Designs -- 1.1.4 Besserer Code (und Design) durch geringere Abhängigkeit von Frameworks von Drittanbietern -- 1.1.5 User Experience und Entwicklung -- 1.2 Der Weg zu einem besseren Verständnis von Design und User Experience -- 1.2.1 Der Gestaltungsprozess, den dieses Buch behandelt -- 1.2.2 Designexperten vs. smartes Design -- 1.2.3 Das Ganze zusammenfügen -- Zusammenfassung -- Kapitel 2: Grundlagen des Designs -- 2.1 Die Grundsätze der Gestaltung -- 2.1.1 Nähe -- 2.1.2 Ausrichtung -- 2.1.3 Wiederholung -- 2.1.4 Kontrast -- 2.1.5 Ausgewogenheit -- 2.2 Designgrundlagen für die User Experience und darüber hinaus -- Zusammenfassung -- Teil 2: User Experience -- Kapitel 3: Grundlagen der User Experience -- 3.1 Benutzererfahrung geht über die visuelle Gestaltung hinaus -- 3.2 Was ist User Experience? -- 3.3 Die User-Experience-Rollen -- 3.3.1 Nutzerforschung -- 3.3.2 Gestaltung der User Experience -- 3.3.3 User-Experience-Texter -- 3.4 Methoden der User Experience -- 3.4.1 Nutzerzentrierter Entwurf -- 3.4.2 Double-Diamond-Prozess -- 3.5 User-Experience-Praktiken vertiefen -- Zusammenfassung -- Kapitel 4: Nutzerforschung -- 4.1 Einführung in die Nutzerforschung -- 4.1.1 Nutzerforschung scheint kostspielig zu sein, aber Misserfolg ist teurer -- 4.1.2 Erste Datenerhebung -- 4.1.3 User-Personas -- 4.1.4 Nutzerbedürfnisse 4.1.5 Ziele der Website festlegen: Abgleich von Nutzer- und Unternehmenszielen -- 4.1.6 S.M.A.R.T.-Ziele erstellen -- 4.2 Strategien der Nutzerforschung -- 4.2.1 Qualitativ vs. quantitativ -- 4.2.2 Benutzereinstellung vs. Benutzerverhalten -- 4.2.3 Methoden der Nutzerforschung -- 4.2.4 Forschung in einer kontinuierlichen Phase -- Zusammenfassung -- Kapitel 5: User-Experience-Design -- 5.1 Informationsarchitektur -- 5.1.1 Sitemap -- 5.1.2 Bestandsaufnahme und Prüfung der Inhalte -- 5.2 User Flows und User Journeys -- 5.2.1 User Flow -- 5.2.2 User Journey -- 5.3 Gestaltung Ihrer Website und Anwendung -- 5.3.1 Wireframing -- 5.3.2 Gestaltung der Benutzeroberfläche und farbige Mock-ups -- 5.3.3 Prototyping -- Zusammenfassung -- Teil 3: Visuelle Gestaltungselemente -- Kapitel 6: Web-Layout und Gestaltung -- 6.1 Aufbau der Struktur Ihrer Website -- 6.2 Ein Raster verwenden -- 6.2.1 Das Raster festlegen -- 6.2.2 Die Abmessungen des Rasters -- 6.3 Auswahl eines Layouts -- 6.3.1 Einspaltige Muster verwenden -- 6.3.2 Gängige mehrspaltige Muster -- 6.3.3 Lesemuster -- 6.4 Raum nutzen -- 6.5 Überlegungen zum responsiven Design -- 6.5.1 Für Mobilgeräte gestalten -- 6.5.2 Design für Multiscreen- und faltbare Geräte -- Zusammenfassung -- Kapitel 7: Web-Layouts mit Animationen aufwerten -- 7.1 Warum eine Animation? -- 7.1.1 Verbesserung der Benutzerfreundlichkeit -- 7.1.2 Unvergessliche Interaktionen schaffen -- 7.1.3 Animationen als Dekoration verwenden, um eine emotionale Reaktion hervorzurufen -- 7.2 Wann sollte eine Animation verwendet werden? -- 7.2.1 Hinweise für die Navigation auf der Webseite geben -- 7.2.2 Rückmeldung an die Benutzer bei der Interaktion mit UI-Elementen geben -- 7.2.3 Navigation und Seitenübergänge -- 7.2.4 Den Status von etwas in Arbeit anzeigen -- 7.2.5 Langfristig denken -- 7.3 Wie man Animationen plant 7.3.1 Wie man ein Storyboard erstellt -- 7.4 Technische Aspekte der Animation -- 7.4.1 Überlegungen zur Performance -- 7.4.2 Überlegungen zur Barrierefreiheit -- Zusammenfassung -- Kapitel 8: Auswahl von und Arbeit mit Typografie im Web -- 8.1 Die Grundlagen von Schrift -- 8.1.1 Zwischen einer Schrift und einem Schriftschnitt unterscheiden -- 8.1.2 Unterschiedliche Schriftklassifizierungen -- 8.1.3 Schriftarten und -schnitte -- 8.2 Auswahl einer Schrift für das Web -- 8.2.1 Was macht eine gute Webschrift aus? -- 8.2.2 Wie man Schriftarten und Schriften miteinander verbindet -- 8.2.3 Eine Schriftrampe aufbauen -- 8.2.4 Ihren Schriftarten Größen zuweisen -- 8.2.5 Einen vertikalen Rhythmus festlegen -- 8.2.6 Für Lesbarkeit sorgen -- Zusammenfassung -- Kapitel 9: Farbtheorie -- 9.1 Terminologie der Farben -- 9.1.1 Farbtöne -- 9.1.2 Warme vs. kühle Farben -- 9.1.3 Farbton, Sättigung und Helligkeit -- 9.2 Der Farbkreis -- 9.2.1 Farbbeziehungen -- 9.2.2 Beispiele für Farben studieren und dann weitere Beispiele ansehen -- 9.3 Farbpsychologie -- 9.4 Auswählen und Anwenden eines Farbschemas -- 9.5 Tutorial: Wählen Sie ein Farbschema und wenden Sie es an -- 9.6 Überlegungen zur Barrierefreiheit -- 9.6.1 Farbkontrast prüfen -- 9.6.2 Verlassen Sie sich nicht nur auf die Farbe, um einen Zustand oder Status anzuzeigen -- 9.7 Farbmodi im Web -- 9.7.1 RGB und RGBA -- 9.7.2 Hexadezimal -- 9.7.3 HSL und HSLA -- 9.7.4 CIE Lab und LCH -- 9.7.5 Welchen Farbmodus soll ich verwenden? -- 9.8 Farbabweichungen auf Bildschirmen -- Zusammenfassung -- Kapitel 10: Aufbau einer Website -- 10.1 Die Anforderungen an die Projekt-Website -- 10.2 Die Platzierung von Inhalten mit einem Wireframe festlegen -- 10.3 Rastersystem und Abstände festlegen -- 10.4 Typografie auswählen -- 10.5 Vertikalen Rhythmus festlegen -- 10.6 Bildmaterial auswählen 10.6.1 Bilder verwenden, um den Ton anzugeben -- 10.6.2 Text auf Bildern -- 10.7 Farbpalette auswählen und anwenden -- 10.8 Letzte Handgriffe -- 10.9 Responsives Design -- 10.9.1 Tablet-Design, das achtspaltige Raster -- 10.9.2 Mobiles Design, das vierspaltige Raster -- 10.9.3 Mobile-first Design -- Zusammenfassung -- Teil 4: Nach der visuellen Gestaltung -- Kapitel 11: Testen, Validieren, Iterieren -- 11.1 Der Zyklus des Designs -- 11.1.1 Ein bestehendes Design ersetzen -- 11.1.2 Minimum Viable Product -- 11.1.3 Wann ist ein Entwurf gut genug, um mit dem Testen zu beginnen? -- 11.2 Testarten -- 11.2.1 Kundeninterviews -- 11.2.2 Testen in einer Produktionsumgebung -- 11.2.3 A/B-Tests -- 11.2.4 Gestaffelte Rollouts -- 11.2.5 Anfängliche Methoden der Nutzerforschung -- 11.3 Prüfergebnisse anwenden -- Zusammenfassung -- Kapitel 12: Entwicklungsentscheidungen und User Experience -- 12.1 Die Wirkung des geschriebenen Codes -- 12.1.1 Warum es wichtig ist, gutes HTML zu schreiben -- 12.1.2 Performance und Ladezeiten -- 12.1.3 Webtechnologien ohne Cross-Browser-Unterstützung -- 12.2 Entwickler bauen für Entwickler -- Zusammenfassung -- Weitere Ressourcen -- Index |
| ctrlnum | (ZDB-30-PQE)EBC31318185 (ZDB-30-PAD)EBC31318185 (ZDB-89-EBL)EBL31318185 (OCoLC)1433203756 (DE-599)BVBBV049875538 |
| discipline | Informatik |
| edition | 1st ed |
| format | Electronic eBook |
| fullrecord | <?xml version="1.0" encoding="UTF-8"?><collection xmlns="http://www.loc.gov/MARC21/slim"><record><leader>00000nmm a2200000zc 4500</leader><controlfield tag="001">BV049875538</controlfield><controlfield tag="003">DE-604</controlfield><controlfield tag="007">cr|uuu---uuuuu</controlfield><controlfield tag="008">240919s2024 |||| o||u| ||||||ger d</controlfield><datafield tag="020" ind1=" " ind2=" "><subfield code="a">9783988901491</subfield><subfield code="9">978-3-98890-149-1</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(ZDB-30-PQE)EBC31318185</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(ZDB-30-PAD)EBC31318185</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(ZDB-89-EBL)EBL31318185</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(OCoLC)1433203756</subfield></datafield><datafield tag="035" ind1=" " ind2=" "><subfield code="a">(DE-599)BVBBV049875538</subfield></datafield><datafield tag="040" ind1=" " ind2=" "><subfield code="a">DE-604</subfield><subfield code="b">ger</subfield><subfield code="e">rda</subfield></datafield><datafield tag="041" ind1="0" ind2=" "><subfield code="a">ger</subfield></datafield><datafield tag="049" ind1=" " ind2=" "><subfield code="a">DE-2070s</subfield></datafield><datafield tag="084" ind1=" " ind2=" "><subfield code="a">ST 252</subfield><subfield code="0">(DE-625)143627:</subfield><subfield code="2">rvk</subfield></datafield><datafield tag="100" ind1="1" ind2=" "><subfield code="a">Stimac, Stephanie</subfield><subfield code="e">Verfasser</subfield><subfield code="4">aut</subfield></datafield><datafield tag="245" ind1="1" ind2="0"><subfield code="a">Design Trifft Code</subfield><subfield code="b">Alles, Was Developer über Gestaltung und UX Wissen Müssen</subfield></datafield><datafield tag="250" ind1=" " ind2=" "><subfield code="a">1st ed</subfield></datafield><datafield tag="264" ind1=" " ind2="1"><subfield code="a">Heidelberg</subfield><subfield code="b">dpunkt.verlag</subfield><subfield code="c">2024</subfield></datafield><datafield tag="264" ind1=" " ind2="4"><subfield code="c">©2024</subfield></datafield><datafield tag="300" ind1=" " ind2=" "><subfield code="a">1 Online-Ressource (299 Seiten)</subfield></datafield><datafield tag="336" ind1=" " ind2=" "><subfield code="b">txt</subfield><subfield code="2">rdacontent</subfield></datafield><datafield tag="337" ind1=" " ind2=" "><subfield code="b">c</subfield><subfield code="2">rdamedia</subfield></datafield><datafield tag="338" ind1=" " ind2=" "><subfield code="b">cr</subfield><subfield code="2">rdacarrier</subfield></datafield><datafield tag="500" ind1=" " ind2=" "><subfield code="a">Description based on publisher supplied metadata and other sources</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">Intro -- Inhaltsübersicht -- Inhaltsverzeichnis -- Einleitung -- Vorwort -- Danksagung -- Über dieses Buch -- Teil 1: Grundlagen der Gestaltung -- Kapitel 1: Die Kluft zwischen Design und Entwicklung überbrücken -- 1.1 Wie Entwickler von Design- und User-Experience-Grundlagen profitieren -- 1.1.1 Zusammenarbeit und Kommunikation verbessern -- 1.1.2 Die Gründe für Designentscheidungen verstehen -- 1.1.3 Besserer Code durch das Verständnis der Grundlagen des visuellen Designs -- 1.1.4 Besserer Code (und Design) durch geringere Abhängigkeit von Frameworks von Drittanbietern -- 1.1.5 User Experience und Entwicklung -- 1.2 Der Weg zu einem besseren Verständnis von Design und User Experience -- 1.2.1 Der Gestaltungsprozess, den dieses Buch behandelt -- 1.2.2 Designexperten vs. smartes Design -- 1.2.3 Das Ganze zusammenfügen -- Zusammenfassung -- Kapitel 2: Grundlagen des Designs -- 2.1 Die Grundsätze der Gestaltung -- 2.1.1 Nähe -- 2.1.2 Ausrichtung -- 2.1.3 Wiederholung -- 2.1.4 Kontrast -- 2.1.5 Ausgewogenheit -- 2.2 Designgrundlagen für die User Experience und darüber hinaus -- Zusammenfassung -- Teil 2: User Experience -- Kapitel 3: Grundlagen der User Experience -- 3.1 Benutzererfahrung geht über die visuelle Gestaltung hinaus -- 3.2 Was ist User Experience? -- 3.3 Die User-Experience-Rollen -- 3.3.1 Nutzerforschung -- 3.3.2 Gestaltung der User Experience -- 3.3.3 User-Experience-Texter -- 3.4 Methoden der User Experience -- 3.4.1 Nutzerzentrierter Entwurf -- 3.4.2 Double-Diamond-Prozess -- 3.5 User-Experience-Praktiken vertiefen -- Zusammenfassung -- Kapitel 4: Nutzerforschung -- 4.1 Einführung in die Nutzerforschung -- 4.1.1 Nutzerforschung scheint kostspielig zu sein, aber Misserfolg ist teurer -- 4.1.2 Erste Datenerhebung -- 4.1.3 User-Personas -- 4.1.4 Nutzerbedürfnisse</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">4.1.5 Ziele der Website festlegen: Abgleich von Nutzer- und Unternehmenszielen -- 4.1.6 S.M.A.R.T.-Ziele erstellen -- 4.2 Strategien der Nutzerforschung -- 4.2.1 Qualitativ vs. quantitativ -- 4.2.2 Benutzereinstellung vs. Benutzerverhalten -- 4.2.3 Methoden der Nutzerforschung -- 4.2.4 Forschung in einer kontinuierlichen Phase -- Zusammenfassung -- Kapitel 5: User-Experience-Design -- 5.1 Informationsarchitektur -- 5.1.1 Sitemap -- 5.1.2 Bestandsaufnahme und Prüfung der Inhalte -- 5.2 User Flows und User Journeys -- 5.2.1 User Flow -- 5.2.2 User Journey -- 5.3 Gestaltung Ihrer Website und Anwendung -- 5.3.1 Wireframing -- 5.3.2 Gestaltung der Benutzeroberfläche und farbige Mock-ups -- 5.3.3 Prototyping -- Zusammenfassung -- Teil 3: Visuelle Gestaltungselemente -- Kapitel 6: Web-Layout und Gestaltung -- 6.1 Aufbau der Struktur Ihrer Website -- 6.2 Ein Raster verwenden -- 6.2.1 Das Raster festlegen -- 6.2.2 Die Abmessungen des Rasters -- 6.3 Auswahl eines Layouts -- 6.3.1 Einspaltige Muster verwenden -- 6.3.2 Gängige mehrspaltige Muster -- 6.3.3 Lesemuster -- 6.4 Raum nutzen -- 6.5 Überlegungen zum responsiven Design -- 6.5.1 Für Mobilgeräte gestalten -- 6.5.2 Design für Multiscreen- und faltbare Geräte -- Zusammenfassung -- Kapitel 7: Web-Layouts mit Animationen aufwerten -- 7.1 Warum eine Animation? -- 7.1.1 Verbesserung der Benutzerfreundlichkeit -- 7.1.2 Unvergessliche Interaktionen schaffen -- 7.1.3 Animationen als Dekoration verwenden, um eine emotionale Reaktion hervorzurufen -- 7.2 Wann sollte eine Animation verwendet werden? -- 7.2.1 Hinweise für die Navigation auf der Webseite geben -- 7.2.2 Rückmeldung an die Benutzer bei der Interaktion mit UI-Elementen geben -- 7.2.3 Navigation und Seitenübergänge -- 7.2.4 Den Status von etwas in Arbeit anzeigen -- 7.2.5 Langfristig denken -- 7.3 Wie man Animationen plant</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">7.3.1 Wie man ein Storyboard erstellt -- 7.4 Technische Aspekte der Animation -- 7.4.1 Überlegungen zur Performance -- 7.4.2 Überlegungen zur Barrierefreiheit -- Zusammenfassung -- Kapitel 8: Auswahl von und Arbeit mit Typografie im Web -- 8.1 Die Grundlagen von Schrift -- 8.1.1 Zwischen einer Schrift und einem Schriftschnitt unterscheiden -- 8.1.2 Unterschiedliche Schriftklassifizierungen -- 8.1.3 Schriftarten und -schnitte -- 8.2 Auswahl einer Schrift für das Web -- 8.2.1 Was macht eine gute Webschrift aus? -- 8.2.2 Wie man Schriftarten und Schriften miteinander verbindet -- 8.2.3 Eine Schriftrampe aufbauen -- 8.2.4 Ihren Schriftarten Größen zuweisen -- 8.2.5 Einen vertikalen Rhythmus festlegen -- 8.2.6 Für Lesbarkeit sorgen -- Zusammenfassung -- Kapitel 9: Farbtheorie -- 9.1 Terminologie der Farben -- 9.1.1 Farbtöne -- 9.1.2 Warme vs. kühle Farben -- 9.1.3 Farbton, Sättigung und Helligkeit -- 9.2 Der Farbkreis -- 9.2.1 Farbbeziehungen -- 9.2.2 Beispiele für Farben studieren und dann weitere Beispiele ansehen -- 9.3 Farbpsychologie -- 9.4 Auswählen und Anwenden eines Farbschemas -- 9.5 Tutorial: Wählen Sie ein Farbschema und wenden Sie es an -- 9.6 Überlegungen zur Barrierefreiheit -- 9.6.1 Farbkontrast prüfen -- 9.6.2 Verlassen Sie sich nicht nur auf die Farbe, um einen Zustand oder Status anzuzeigen -- 9.7 Farbmodi im Web -- 9.7.1 RGB und RGBA -- 9.7.2 Hexadezimal -- 9.7.3 HSL und HSLA -- 9.7.4 CIE Lab und LCH -- 9.7.5 Welchen Farbmodus soll ich verwenden? -- 9.8 Farbabweichungen auf Bildschirmen -- Zusammenfassung -- Kapitel 10: Aufbau einer Website -- 10.1 Die Anforderungen an die Projekt-Website -- 10.2 Die Platzierung von Inhalten mit einem Wireframe festlegen -- 10.3 Rastersystem und Abstände festlegen -- 10.4 Typografie auswählen -- 10.5 Vertikalen Rhythmus festlegen -- 10.6 Bildmaterial auswählen</subfield></datafield><datafield tag="505" ind1="8" ind2=" "><subfield code="a">10.6.1 Bilder verwenden, um den Ton anzugeben -- 10.6.2 Text auf Bildern -- 10.7 Farbpalette auswählen und anwenden -- 10.8 Letzte Handgriffe -- 10.9 Responsives Design -- 10.9.1 Tablet-Design, das achtspaltige Raster -- 10.9.2 Mobiles Design, das vierspaltige Raster -- 10.9.3 Mobile-first Design -- Zusammenfassung -- Teil 4: Nach der visuellen Gestaltung -- Kapitel 11: Testen, Validieren, Iterieren -- 11.1 Der Zyklus des Designs -- 11.1.1 Ein bestehendes Design ersetzen -- 11.1.2 Minimum Viable Product -- 11.1.3 Wann ist ein Entwurf gut genug, um mit dem Testen zu beginnen? -- 11.2 Testarten -- 11.2.1 Kundeninterviews -- 11.2.2 Testen in einer Produktionsumgebung -- 11.2.3 A/B-Tests -- 11.2.4 Gestaffelte Rollouts -- 11.2.5 Anfängliche Methoden der Nutzerforschung -- 11.3 Prüfergebnisse anwenden -- Zusammenfassung -- Kapitel 12: Entwicklungsentscheidungen und User Experience -- 12.1 Die Wirkung des geschriebenen Codes -- 12.1.1 Warum es wichtig ist, gutes HTML zu schreiben -- 12.1.2 Performance und Ladezeiten -- 12.1.3 Webtechnologien ohne Cross-Browser-Unterstützung -- 12.2 Entwickler bauen für Entwickler -- Zusammenfassung -- Weitere Ressourcen -- Index</subfield></datafield><datafield tag="650" ind1="0" ind2="7"><subfield code="a">Webdesign</subfield><subfield code="0">(DE-588)1041632088</subfield><subfield code="2">gnd</subfield><subfield code="9">rswk-swf</subfield></datafield><datafield tag="689" ind1="0" ind2="0"><subfield code="a">Webdesign</subfield><subfield code="0">(DE-588)1041632088</subfield><subfield code="D">s</subfield></datafield><datafield tag="689" ind1="0" ind2=" "><subfield code="5">DE-604</subfield></datafield><datafield tag="776" ind1="0" ind2="8"><subfield code="i">Erscheint auch als</subfield><subfield code="n">Druck-Ausgabe</subfield><subfield code="a">Stimac, Stephanie</subfield><subfield code="t">Design Trifft Code</subfield><subfield code="d">Heidelberg : dpunkt.verlag,c2024</subfield><subfield code="z">9783988890016</subfield></datafield><datafield tag="912" ind1=" " ind2=" "><subfield code="a">ZDB-30-PQE</subfield></datafield><datafield tag="943" ind1="1" ind2=" "><subfield code="a">oai:aleph.bib-bvb.de:BVB01-035214996</subfield></datafield><datafield tag="966" ind1="e" ind2=" "><subfield code="u">https://ebookcentral.proquest.com/lib/hwr/detail.action?docID=31318185</subfield><subfield code="l">DE-2070s</subfield><subfield code="p">ZDB-30-PQE</subfield><subfield code="q">HWR_PDA_PQE</subfield><subfield code="x">Aggregator</subfield><subfield code="3">Volltext</subfield></datafield></record></collection> |
| id | DE-604.BV049875538 |
| illustrated | Not Illustrated |
| indexdate | 2024-11-05T17:02:59Z |
| institution | BVB |
| isbn | 9783988901491 |
| language | German |
| oai_aleph_id | oai:aleph.bib-bvb.de:BVB01-035214996 |
| oclc_num | 1433203756 |
| open_access_boolean | |
| owner | DE-2070s |
| owner_facet | DE-2070s |
| physical | 1 Online-Ressource (299 Seiten) |
| psigel | ZDB-30-PQE ZDB-30-PQE HWR_PDA_PQE |
| publishDate | 2024 |
| publishDateSearch | 2024 |
| publishDateSort | 2024 |
| publisher | dpunkt.verlag |
| record_format | marc |
| spelling | Stimac, Stephanie Verfasser aut Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen 1st ed Heidelberg dpunkt.verlag 2024 ©2024 1 Online-Ressource (299 Seiten) txt rdacontent c rdamedia cr rdacarrier Description based on publisher supplied metadata and other sources Intro -- Inhaltsübersicht -- Inhaltsverzeichnis -- Einleitung -- Vorwort -- Danksagung -- Über dieses Buch -- Teil 1: Grundlagen der Gestaltung -- Kapitel 1: Die Kluft zwischen Design und Entwicklung überbrücken -- 1.1 Wie Entwickler von Design- und User-Experience-Grundlagen profitieren -- 1.1.1 Zusammenarbeit und Kommunikation verbessern -- 1.1.2 Die Gründe für Designentscheidungen verstehen -- 1.1.3 Besserer Code durch das Verständnis der Grundlagen des visuellen Designs -- 1.1.4 Besserer Code (und Design) durch geringere Abhängigkeit von Frameworks von Drittanbietern -- 1.1.5 User Experience und Entwicklung -- 1.2 Der Weg zu einem besseren Verständnis von Design und User Experience -- 1.2.1 Der Gestaltungsprozess, den dieses Buch behandelt -- 1.2.2 Designexperten vs. smartes Design -- 1.2.3 Das Ganze zusammenfügen -- Zusammenfassung -- Kapitel 2: Grundlagen des Designs -- 2.1 Die Grundsätze der Gestaltung -- 2.1.1 Nähe -- 2.1.2 Ausrichtung -- 2.1.3 Wiederholung -- 2.1.4 Kontrast -- 2.1.5 Ausgewogenheit -- 2.2 Designgrundlagen für die User Experience und darüber hinaus -- Zusammenfassung -- Teil 2: User Experience -- Kapitel 3: Grundlagen der User Experience -- 3.1 Benutzererfahrung geht über die visuelle Gestaltung hinaus -- 3.2 Was ist User Experience? -- 3.3 Die User-Experience-Rollen -- 3.3.1 Nutzerforschung -- 3.3.2 Gestaltung der User Experience -- 3.3.3 User-Experience-Texter -- 3.4 Methoden der User Experience -- 3.4.1 Nutzerzentrierter Entwurf -- 3.4.2 Double-Diamond-Prozess -- 3.5 User-Experience-Praktiken vertiefen -- Zusammenfassung -- Kapitel 4: Nutzerforschung -- 4.1 Einführung in die Nutzerforschung -- 4.1.1 Nutzerforschung scheint kostspielig zu sein, aber Misserfolg ist teurer -- 4.1.2 Erste Datenerhebung -- 4.1.3 User-Personas -- 4.1.4 Nutzerbedürfnisse 4.1.5 Ziele der Website festlegen: Abgleich von Nutzer- und Unternehmenszielen -- 4.1.6 S.M.A.R.T.-Ziele erstellen -- 4.2 Strategien der Nutzerforschung -- 4.2.1 Qualitativ vs. quantitativ -- 4.2.2 Benutzereinstellung vs. Benutzerverhalten -- 4.2.3 Methoden der Nutzerforschung -- 4.2.4 Forschung in einer kontinuierlichen Phase -- Zusammenfassung -- Kapitel 5: User-Experience-Design -- 5.1 Informationsarchitektur -- 5.1.1 Sitemap -- 5.1.2 Bestandsaufnahme und Prüfung der Inhalte -- 5.2 User Flows und User Journeys -- 5.2.1 User Flow -- 5.2.2 User Journey -- 5.3 Gestaltung Ihrer Website und Anwendung -- 5.3.1 Wireframing -- 5.3.2 Gestaltung der Benutzeroberfläche und farbige Mock-ups -- 5.3.3 Prototyping -- Zusammenfassung -- Teil 3: Visuelle Gestaltungselemente -- Kapitel 6: Web-Layout und Gestaltung -- 6.1 Aufbau der Struktur Ihrer Website -- 6.2 Ein Raster verwenden -- 6.2.1 Das Raster festlegen -- 6.2.2 Die Abmessungen des Rasters -- 6.3 Auswahl eines Layouts -- 6.3.1 Einspaltige Muster verwenden -- 6.3.2 Gängige mehrspaltige Muster -- 6.3.3 Lesemuster -- 6.4 Raum nutzen -- 6.5 Überlegungen zum responsiven Design -- 6.5.1 Für Mobilgeräte gestalten -- 6.5.2 Design für Multiscreen- und faltbare Geräte -- Zusammenfassung -- Kapitel 7: Web-Layouts mit Animationen aufwerten -- 7.1 Warum eine Animation? -- 7.1.1 Verbesserung der Benutzerfreundlichkeit -- 7.1.2 Unvergessliche Interaktionen schaffen -- 7.1.3 Animationen als Dekoration verwenden, um eine emotionale Reaktion hervorzurufen -- 7.2 Wann sollte eine Animation verwendet werden? -- 7.2.1 Hinweise für die Navigation auf der Webseite geben -- 7.2.2 Rückmeldung an die Benutzer bei der Interaktion mit UI-Elementen geben -- 7.2.3 Navigation und Seitenübergänge -- 7.2.4 Den Status von etwas in Arbeit anzeigen -- 7.2.5 Langfristig denken -- 7.3 Wie man Animationen plant 7.3.1 Wie man ein Storyboard erstellt -- 7.4 Technische Aspekte der Animation -- 7.4.1 Überlegungen zur Performance -- 7.4.2 Überlegungen zur Barrierefreiheit -- Zusammenfassung -- Kapitel 8: Auswahl von und Arbeit mit Typografie im Web -- 8.1 Die Grundlagen von Schrift -- 8.1.1 Zwischen einer Schrift und einem Schriftschnitt unterscheiden -- 8.1.2 Unterschiedliche Schriftklassifizierungen -- 8.1.3 Schriftarten und -schnitte -- 8.2 Auswahl einer Schrift für das Web -- 8.2.1 Was macht eine gute Webschrift aus? -- 8.2.2 Wie man Schriftarten und Schriften miteinander verbindet -- 8.2.3 Eine Schriftrampe aufbauen -- 8.2.4 Ihren Schriftarten Größen zuweisen -- 8.2.5 Einen vertikalen Rhythmus festlegen -- 8.2.6 Für Lesbarkeit sorgen -- Zusammenfassung -- Kapitel 9: Farbtheorie -- 9.1 Terminologie der Farben -- 9.1.1 Farbtöne -- 9.1.2 Warme vs. kühle Farben -- 9.1.3 Farbton, Sättigung und Helligkeit -- 9.2 Der Farbkreis -- 9.2.1 Farbbeziehungen -- 9.2.2 Beispiele für Farben studieren und dann weitere Beispiele ansehen -- 9.3 Farbpsychologie -- 9.4 Auswählen und Anwenden eines Farbschemas -- 9.5 Tutorial: Wählen Sie ein Farbschema und wenden Sie es an -- 9.6 Überlegungen zur Barrierefreiheit -- 9.6.1 Farbkontrast prüfen -- 9.6.2 Verlassen Sie sich nicht nur auf die Farbe, um einen Zustand oder Status anzuzeigen -- 9.7 Farbmodi im Web -- 9.7.1 RGB und RGBA -- 9.7.2 Hexadezimal -- 9.7.3 HSL und HSLA -- 9.7.4 CIE Lab und LCH -- 9.7.5 Welchen Farbmodus soll ich verwenden? -- 9.8 Farbabweichungen auf Bildschirmen -- Zusammenfassung -- Kapitel 10: Aufbau einer Website -- 10.1 Die Anforderungen an die Projekt-Website -- 10.2 Die Platzierung von Inhalten mit einem Wireframe festlegen -- 10.3 Rastersystem und Abstände festlegen -- 10.4 Typografie auswählen -- 10.5 Vertikalen Rhythmus festlegen -- 10.6 Bildmaterial auswählen 10.6.1 Bilder verwenden, um den Ton anzugeben -- 10.6.2 Text auf Bildern -- 10.7 Farbpalette auswählen und anwenden -- 10.8 Letzte Handgriffe -- 10.9 Responsives Design -- 10.9.1 Tablet-Design, das achtspaltige Raster -- 10.9.2 Mobiles Design, das vierspaltige Raster -- 10.9.3 Mobile-first Design -- Zusammenfassung -- Teil 4: Nach der visuellen Gestaltung -- Kapitel 11: Testen, Validieren, Iterieren -- 11.1 Der Zyklus des Designs -- 11.1.1 Ein bestehendes Design ersetzen -- 11.1.2 Minimum Viable Product -- 11.1.3 Wann ist ein Entwurf gut genug, um mit dem Testen zu beginnen? -- 11.2 Testarten -- 11.2.1 Kundeninterviews -- 11.2.2 Testen in einer Produktionsumgebung -- 11.2.3 A/B-Tests -- 11.2.4 Gestaffelte Rollouts -- 11.2.5 Anfängliche Methoden der Nutzerforschung -- 11.3 Prüfergebnisse anwenden -- Zusammenfassung -- Kapitel 12: Entwicklungsentscheidungen und User Experience -- 12.1 Die Wirkung des geschriebenen Codes -- 12.1.1 Warum es wichtig ist, gutes HTML zu schreiben -- 12.1.2 Performance und Ladezeiten -- 12.1.3 Webtechnologien ohne Cross-Browser-Unterstützung -- 12.2 Entwickler bauen für Entwickler -- Zusammenfassung -- Weitere Ressourcen -- Index Webdesign (DE-588)1041632088 gnd rswk-swf Webdesign (DE-588)1041632088 s DE-604 Erscheint auch als Druck-Ausgabe Stimac, Stephanie Design Trifft Code Heidelberg : dpunkt.verlag,c2024 9783988890016 |
| spellingShingle | Stimac, Stephanie Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen Intro -- Inhaltsübersicht -- Inhaltsverzeichnis -- Einleitung -- Vorwort -- Danksagung -- Über dieses Buch -- Teil 1: Grundlagen der Gestaltung -- Kapitel 1: Die Kluft zwischen Design und Entwicklung überbrücken -- 1.1 Wie Entwickler von Design- und User-Experience-Grundlagen profitieren -- 1.1.1 Zusammenarbeit und Kommunikation verbessern -- 1.1.2 Die Gründe für Designentscheidungen verstehen -- 1.1.3 Besserer Code durch das Verständnis der Grundlagen des visuellen Designs -- 1.1.4 Besserer Code (und Design) durch geringere Abhängigkeit von Frameworks von Drittanbietern -- 1.1.5 User Experience und Entwicklung -- 1.2 Der Weg zu einem besseren Verständnis von Design und User Experience -- 1.2.1 Der Gestaltungsprozess, den dieses Buch behandelt -- 1.2.2 Designexperten vs. smartes Design -- 1.2.3 Das Ganze zusammenfügen -- Zusammenfassung -- Kapitel 2: Grundlagen des Designs -- 2.1 Die Grundsätze der Gestaltung -- 2.1.1 Nähe -- 2.1.2 Ausrichtung -- 2.1.3 Wiederholung -- 2.1.4 Kontrast -- 2.1.5 Ausgewogenheit -- 2.2 Designgrundlagen für die User Experience und darüber hinaus -- Zusammenfassung -- Teil 2: User Experience -- Kapitel 3: Grundlagen der User Experience -- 3.1 Benutzererfahrung geht über die visuelle Gestaltung hinaus -- 3.2 Was ist User Experience? -- 3.3 Die User-Experience-Rollen -- 3.3.1 Nutzerforschung -- 3.3.2 Gestaltung der User Experience -- 3.3.3 User-Experience-Texter -- 3.4 Methoden der User Experience -- 3.4.1 Nutzerzentrierter Entwurf -- 3.4.2 Double-Diamond-Prozess -- 3.5 User-Experience-Praktiken vertiefen -- Zusammenfassung -- Kapitel 4: Nutzerforschung -- 4.1 Einführung in die Nutzerforschung -- 4.1.1 Nutzerforschung scheint kostspielig zu sein, aber Misserfolg ist teurer -- 4.1.2 Erste Datenerhebung -- 4.1.3 User-Personas -- 4.1.4 Nutzerbedürfnisse 4.1.5 Ziele der Website festlegen: Abgleich von Nutzer- und Unternehmenszielen -- 4.1.6 S.M.A.R.T.-Ziele erstellen -- 4.2 Strategien der Nutzerforschung -- 4.2.1 Qualitativ vs. quantitativ -- 4.2.2 Benutzereinstellung vs. Benutzerverhalten -- 4.2.3 Methoden der Nutzerforschung -- 4.2.4 Forschung in einer kontinuierlichen Phase -- Zusammenfassung -- Kapitel 5: User-Experience-Design -- 5.1 Informationsarchitektur -- 5.1.1 Sitemap -- 5.1.2 Bestandsaufnahme und Prüfung der Inhalte -- 5.2 User Flows und User Journeys -- 5.2.1 User Flow -- 5.2.2 User Journey -- 5.3 Gestaltung Ihrer Website und Anwendung -- 5.3.1 Wireframing -- 5.3.2 Gestaltung der Benutzeroberfläche und farbige Mock-ups -- 5.3.3 Prototyping -- Zusammenfassung -- Teil 3: Visuelle Gestaltungselemente -- Kapitel 6: Web-Layout und Gestaltung -- 6.1 Aufbau der Struktur Ihrer Website -- 6.2 Ein Raster verwenden -- 6.2.1 Das Raster festlegen -- 6.2.2 Die Abmessungen des Rasters -- 6.3 Auswahl eines Layouts -- 6.3.1 Einspaltige Muster verwenden -- 6.3.2 Gängige mehrspaltige Muster -- 6.3.3 Lesemuster -- 6.4 Raum nutzen -- 6.5 Überlegungen zum responsiven Design -- 6.5.1 Für Mobilgeräte gestalten -- 6.5.2 Design für Multiscreen- und faltbare Geräte -- Zusammenfassung -- Kapitel 7: Web-Layouts mit Animationen aufwerten -- 7.1 Warum eine Animation? -- 7.1.1 Verbesserung der Benutzerfreundlichkeit -- 7.1.2 Unvergessliche Interaktionen schaffen -- 7.1.3 Animationen als Dekoration verwenden, um eine emotionale Reaktion hervorzurufen -- 7.2 Wann sollte eine Animation verwendet werden? -- 7.2.1 Hinweise für die Navigation auf der Webseite geben -- 7.2.2 Rückmeldung an die Benutzer bei der Interaktion mit UI-Elementen geben -- 7.2.3 Navigation und Seitenübergänge -- 7.2.4 Den Status von etwas in Arbeit anzeigen -- 7.2.5 Langfristig denken -- 7.3 Wie man Animationen plant 7.3.1 Wie man ein Storyboard erstellt -- 7.4 Technische Aspekte der Animation -- 7.4.1 Überlegungen zur Performance -- 7.4.2 Überlegungen zur Barrierefreiheit -- Zusammenfassung -- Kapitel 8: Auswahl von und Arbeit mit Typografie im Web -- 8.1 Die Grundlagen von Schrift -- 8.1.1 Zwischen einer Schrift und einem Schriftschnitt unterscheiden -- 8.1.2 Unterschiedliche Schriftklassifizierungen -- 8.1.3 Schriftarten und -schnitte -- 8.2 Auswahl einer Schrift für das Web -- 8.2.1 Was macht eine gute Webschrift aus? -- 8.2.2 Wie man Schriftarten und Schriften miteinander verbindet -- 8.2.3 Eine Schriftrampe aufbauen -- 8.2.4 Ihren Schriftarten Größen zuweisen -- 8.2.5 Einen vertikalen Rhythmus festlegen -- 8.2.6 Für Lesbarkeit sorgen -- Zusammenfassung -- Kapitel 9: Farbtheorie -- 9.1 Terminologie der Farben -- 9.1.1 Farbtöne -- 9.1.2 Warme vs. kühle Farben -- 9.1.3 Farbton, Sättigung und Helligkeit -- 9.2 Der Farbkreis -- 9.2.1 Farbbeziehungen -- 9.2.2 Beispiele für Farben studieren und dann weitere Beispiele ansehen -- 9.3 Farbpsychologie -- 9.4 Auswählen und Anwenden eines Farbschemas -- 9.5 Tutorial: Wählen Sie ein Farbschema und wenden Sie es an -- 9.6 Überlegungen zur Barrierefreiheit -- 9.6.1 Farbkontrast prüfen -- 9.6.2 Verlassen Sie sich nicht nur auf die Farbe, um einen Zustand oder Status anzuzeigen -- 9.7 Farbmodi im Web -- 9.7.1 RGB und RGBA -- 9.7.2 Hexadezimal -- 9.7.3 HSL und HSLA -- 9.7.4 CIE Lab und LCH -- 9.7.5 Welchen Farbmodus soll ich verwenden? -- 9.8 Farbabweichungen auf Bildschirmen -- Zusammenfassung -- Kapitel 10: Aufbau einer Website -- 10.1 Die Anforderungen an die Projekt-Website -- 10.2 Die Platzierung von Inhalten mit einem Wireframe festlegen -- 10.3 Rastersystem und Abstände festlegen -- 10.4 Typografie auswählen -- 10.5 Vertikalen Rhythmus festlegen -- 10.6 Bildmaterial auswählen 10.6.1 Bilder verwenden, um den Ton anzugeben -- 10.6.2 Text auf Bildern -- 10.7 Farbpalette auswählen und anwenden -- 10.8 Letzte Handgriffe -- 10.9 Responsives Design -- 10.9.1 Tablet-Design, das achtspaltige Raster -- 10.9.2 Mobiles Design, das vierspaltige Raster -- 10.9.3 Mobile-first Design -- Zusammenfassung -- Teil 4: Nach der visuellen Gestaltung -- Kapitel 11: Testen, Validieren, Iterieren -- 11.1 Der Zyklus des Designs -- 11.1.1 Ein bestehendes Design ersetzen -- 11.1.2 Minimum Viable Product -- 11.1.3 Wann ist ein Entwurf gut genug, um mit dem Testen zu beginnen? -- 11.2 Testarten -- 11.2.1 Kundeninterviews -- 11.2.2 Testen in einer Produktionsumgebung -- 11.2.3 A/B-Tests -- 11.2.4 Gestaffelte Rollouts -- 11.2.5 Anfängliche Methoden der Nutzerforschung -- 11.3 Prüfergebnisse anwenden -- Zusammenfassung -- Kapitel 12: Entwicklungsentscheidungen und User Experience -- 12.1 Die Wirkung des geschriebenen Codes -- 12.1.1 Warum es wichtig ist, gutes HTML zu schreiben -- 12.1.2 Performance und Ladezeiten -- 12.1.3 Webtechnologien ohne Cross-Browser-Unterstützung -- 12.2 Entwickler bauen für Entwickler -- Zusammenfassung -- Weitere Ressourcen -- Index Webdesign (DE-588)1041632088 gnd |
| subject_GND | (DE-588)1041632088 |
| title | Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| title_auth | Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| title_exact_search | Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| title_full | Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| title_fullStr | Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| title_full_unstemmed | Design Trifft Code Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| title_short | Design Trifft Code |
| title_sort | design trifft code alles was developer uber gestaltung und ux wissen mussen |
| title_sub | Alles, Was Developer über Gestaltung und UX Wissen Müssen |
| topic | Webdesign (DE-588)1041632088 gnd |
| topic_facet | Webdesign |
| work_keys_str_mv | AT stimacstephanie designtrifftcodealleswasdeveloperubergestaltungunduxwissenmussen |