Web-Design

Web-Design umfasst viele verschiedene Fähigkeiten und Disziplinen in der Produktion und Wartung von Websites. Die verschiedenen Bereiche des Webdesigns umfassen Web -Grafikdesign; UI-Design (UI -Design); Autoring, einschließlich standardisierter Code und proprietäre Software; Benutzer-Erfahrung-Design (UX -Design); und Suchmaschinenoptimierung. Oft arbeiten viele Menschen in Teams, die verschiedene Aspekte des Designprozesses abdecken, obwohl einige Designer sie alle abdecken.[1] Der Begriff "Webdesign" wird normalerweise verwendet, um den Entwurfsprozess in Bezug auf das Front-End-Design einer Website einschließlich des Schreibens zu beschreiben Markup. Webdesign überlappt teilweise Web Engineering im breiteren Umfang von Web Entwicklung. Es wird erwartet, dass Webdesigner ein Bewusstsein für Benutzerfreundlichkeit und sein auf dem Laufenden sein mit Web -Barrierefreiheit Richtlinien.

Geschichte

Webdesignbücher in einem Geschäft

1988–2001

Obwohl Webdesign eine ziemlich jüngste Geschichte hat. Es kann mit anderen Bereichen wie Grafikdesign, Benutzererfahrung und Multimedia -Kunst verbunden werden, wird jedoch aus technologischer Sicht treffender gesehen. Es ist ein großer Teil des Alltags der Menschen geworden. Es ist kaum vorstellbar, dass das Internet ohne animierte Grafiken, verschiedene Typografie, Hintergrund, Videos und Musikstile.

Der Beginn des Web- und Webdesigns

1989 während der Arbeit bei der Arbeit bei Cern Tim Berners-Lee vorgeschlagen, ein globales Hypertextprojekt zu schaffen, das später als das bekannt wurde Weltweites Netz. Von 1991 bis 1993 wurde das World Wide Web geboren. Text-Nur-Text-Seiten können mit einem einfachen Zeilen-Mode-Browser angezeigt werden.[2] 1993 Marc Andreessen und Eric Bina, erstellt die Mosaikbrowser. Zu der Zeit gab es mehrere Browser, die meisten von ihnen waren jedoch auf Unix-basierte und natürlich schwere Text. Es gab keinen integrierten Ansatz zu Grafikdesignelementen wie Bildern oder Geräuschen. Der Mosaik -Browser hat diese Form gebrochen.[3] Das W3c wurde im Oktober 1994 gegründet, um "das World Wide Web in das volle Potenzial zu führen, indem gemeinsame Protokolle entwickelt wurden, die seine Entwicklung fördern und seine Interoperabilität gewährleisten".[4] Dies entmutigte eines Unternehmens von der Monopolisierung eines Anstandsbrowsers und einer Programmiersprache, die die Wirkung des gesamten World Wide Web als Ganzes hätte verändern können. Der W3C setzt weiterhin Standards, die heute mit JavaScript und anderen Sprachen gesehen werden können. 1994 gründete Andreessen Mosaic Communications Corp., die später als bekannt wurden Netscape Communications, der Netscape 0,9 Browser. Netscape hat seine eigenen HTML -Tags ohne Rücksicht auf den traditionellen Standardprozess erstellt. Zum Beispiel enthielt Netscape 1.1 Tags zum Ändern von Hintergrundfarben und Formatierung von Text mit Tabellen auf Webseiten. Während 1996 bis 1999 die Browserkriege begann as Microsoft und Netscape kämpfte für den ultimativen Browserdominanz. In dieser Zeit gab es auf diesem Gebiet viele neue Technologien Cascading Style Sheets, JavaScript, und Dynamisches HTML. Insgesamt führte der Browserwettbewerb zu vielen positiven Kreationen und half Webdesign in rasantem Tempo.[5]

Entwicklung des Webdesigns

1996 veröffentlichte Microsoft seinen ersten Wettbewerbsbrowser, der mit eigenen Funktionen und HTML -Tags komplett war. Es war auch der erste Browser, der Stilblätter unterstützte, die zu dieser Zeit als obskure Authoring -Technik angesehen wurde und heute ein wichtiger Aspekt des Webdesigns ist.[5] Das HTML Markup zum Tische war ursprünglich zum Anzeigen von tabellarischen Daten vorgesehen. Die Designer erkannten jedoch schnell das Potenzial, HTML-Tabellen zum Erstellen der komplexen Mehrspaltlayouts zu verwenden, die ansonsten nicht möglich waren. Zu diesem Zeitpunkt schien Design und gute Ästhetik Vorrang vor einer guten Aufschlagstruktur zu haben, und der Semantik wurde wenig Aufmerksamkeit geschenkt und wenig Aufmerksamkeit Web -Barrierefreiheit. HTML -Websites waren in ihren Entwurfsoptionen begrenzt, noch mehr mit früheren Versionen von HTML. Um komplexe Designs zu erstellen, mussten viele Webdesigner komplizierte Tabellenstrukturen verwenden oder sogar Blank verwenden Spacer .gif Bilder, um leere Tabellenzellen zu verhindern, kollabieren.[6] CSS wurde im Dezember 1996 von der eingeführt W3c Präsentation und Layout zu unterstützen. Dies erlaubte Html Der Code, der eher semantisch als auch semantisch und präsentativ ist, und verbesserte Web -Barrierefreiheit siehe Tabless Web Design.

In 1996, Blinken (Ursprünglich bekannt als Futuresplash) wurde entwickelt. Zu diesem Zeitpunkt war das Tool zur Entwicklung von Flash -Inhalten im Vergleich zu den grundlegenden Layout- und Zeichnungswerkzeugen relativ einfach, ein begrenzter Vorläufer auf Aktionenund eine Zeitleiste, aber sie ermöglichte es Webdesigner, über den Punkt von HTML hinauszugehen. Animierte GIFs und JavaScript. Da Flash jedoch a erforderlich war Plug-InViele Webentwickler vermieden es, es zu nutzen, weil sie Angst haben, ihren Marktanteil aufgrund mangelnder Kompatibilität zu begrenzen. Stattdessen kehrten Designer zu GIF Bewegungsgrafiken insgesamt) und JavaScript für Widgets. Die Vorteile von Flash machten es jedoch in den spezifischen Zielmärkten so beliebt genug, sich schließlich in die überwiegende Mehrheit der Browser zu bearbeiten, und mächtig genug, um an ganze Websites zu entwickeln.[6]

Ende der ersten Browserkriege

Weitere Informationen: Browserkriege § Erster Browserkrieg (1995–2001)

Im Jahr 1998 veröffentlichte Netscape Netscape Communicator Code unter einem Open Source -LizenzTausende von Entwicklern können an der Verbesserung der Software teilnehmen. Diese Entwickler beschlossen jedoch, einen Standard für das Web von Grund auf neu zu starten, was die Entwicklung des Open -Source -Browsers leitete und bald auf eine vollständige Anwendungsplattform erweiterte.[5] Das Webstandards Projekt wurde gebildet und fördert die Einhaltung der Browser Html und CSS Standards. Programme wie Säure1, Säure2, und Acid3 wurden erstellt, um Browser auf Einhaltung von Webstandards zu testen. Im Jahr 2000 wurde Internet Explorer für Mac veröffentlicht, dem ersten Browser, der HTML 4.01 und CSS 1 vollständig unterstützte. Es war auch der erste Browser, der die vollständige unterstützte Png Bildformat.[5] Bis 2001 hatte Internet Explorer nach einer Kampagne von Microsoft Internet Explorer 96% von 96% erreicht Nutzung der Webbrowserfreigabe, was das Ende der ersten Browserkriege bedeutet, als Internet Explorer keinen wirklichen Wettbewerb hatte.[7]

2001–2012

Seit Beginn des 21. Jahrhunderts ist das Web immer mehr in das Leben der Menschen integriert. Da dies geschehen ist, hat sich auch die Technologie des Webs fortgesetzt. Es gab auch signifikante Änderungen in der Art und Weise, wie Menschen das Web verwenden und zugreifen, und dies hat die Art und Weise geändert, wie Websites entworfen werden.

Seit dem Ende der Browserkriege[wenn?] Neue Browser wurden veröffentlicht. Viele davon sind Open Source Dies bedeutet, dass sie tendenziell eine schnellere Entwicklung haben und neue Standards unterstützen. Die neuen Optionen werden von vielen berücksichtigt[Wieselwörter] um besser zu sein als Microsofts Internet Explorer.

Das W3c hat neue Standards für HTML (veröffentlichtHTML5) und CSS (CSS3) sowie neu JavaScript APIs, jeweils als neuer, aber individueller Standard.[wenn?] Während der Begriff HTML5 nur verwendet wird, um sich auf die neue Version von HTML zu beziehen und etwas Von den JavaScript -APIs ist es üblich, sie auf die gesamte Suite neuer Standards (HTML5, CSS3 und JavaScript) zu beziehen.

2012 und später

Mit der Verbesserung der 3G- und LTE-Internet-Berichterstattung wurde ein großer Teil des Website-Verkehrs mobiler erzeugt. Dies wirkte sich auf die Webdesign -Branche aus und drängte sie in Richtung minimalistischer, erleichterter und vereinfachter Stil. Insbesondere wurde der "Mobile First" -Ansatz entstand, der impliziert, dass das Design von Website-Design mit mobilen Layout zuerst erstellt und anschließend an höheren Bildschirmdimensionen angepasst wird.

Werkzeuge und Technologien

Webdesigner verwenden eine Vielzahl verschiedener Tools, je nachdem, an welchem ​​Teil des Produktionsprozesses sie beteiligt sind. Diese Tools werden im Laufe der Zeit nach neueren Standards und Software aktualisiert, aber die Prinzipien dahinter bleiben gleich. Webdesigner verwenden beide Vektor und Raster Grafik-Editoren zum Erstellen von webformatierten Bildern oder Designprototypen. Zu den Technologien, die zum Erstellen von Websites verwendet werden, gehören W3C-Standards wie HTML und CSS, die von Hand codiert oder generiert werden können durch Wysiwyg Bearbeitungssoftware. Andere Tools, die Webdesigner verwenden könnten, umfassen Mark -up Validatoren[8] und andere Test -Tools für Benutzerfreundlichkeit und Zugänglichkeit, um sicherzustellen, dass ihre Websites die Richtlinien für die Weboci -Barrierefreiheit entsprechen.[9]

Fähigkeiten und Techniken

Marketing- und Kommunikationsdesign

Marketing- und Kommunikationsdesign auf einer Website kann identifizieren, was für den Zielmarkt funktioniert. Dies kann eine Altersgruppe oder ein bestimmter Kulturstrang sein; Somit kann der Designer die Trends seines Publikums verstehen. Designer können auch die Art der Website verstehen, die sie entwerfen, was zum Beispiel das bedeutet (B2B) von Geschäft zu Geschäft Überlegungen zum Design von Website -Design können sich stark von einer auf Verbraucher gezielten Website wie a unterscheiden Einzelhandel oder Unterhaltungswebsite. Eine sorgfältige Überlegung kann getroffen werden, um sicherzustellen, dass die Ästhetik oder das Gesamtdesign einer Website nicht mit der Klarheit und Genauigkeit des Inhalts oder der Leichtigkeit voneinander in Konflikt geraten Webnavigation,[10] vor allem auf einer B2B -Website. Designer können auch den Ruf des Eigentümers oder des Unternehmens berücksichtigen, das die Website vertritt, um sicherzustellen, dass sie positiv dargestellt werden.

Benutzererfahrungsdesign und interaktives Design

Das Verständnis des Benutzers des Inhalts einer Website hängt häufig vom Benutzerverständnis der Funktionsweise der Website ab. Dies ist Teil der Benutzer-Erfahrung-Design. Die Benutzererfahrung bezieht sich auf Layout, Löschanweisungen und Beschriftungen auf einer Website. Wie gut ein Benutzer versteht, wie er auf einer Website interagieren kann Interaktives Design Der Seite. Wenn ein Benutzer die Nützlichkeit der Website wahrnimmt, nutzt er sie eher weiter. Benutzer, die mit der Nutzung der Website geschickt und gut vertraut sind benutzerfreundlich Website -Schnittstelle dennoch nützlich. Benutzer mit weniger Erfahrung sind jedoch weniger wahrscheinlich die Vorteile oder Nützlichkeit einer weniger intuitiven Website -Schnittstelle. Dies treibt den Trend für eine universellere Benutzererfahrung und einen einfachen Zugriff vor, um so viele Benutzer wie möglich unabhängig von der Benutzerfähigkeiten aufzunehmen.[11] Ein Groß UI-Design.

Erweiterte interaktive Funktionen können erforderlich sein Plugins Wenn nicht erweiterte Kodierungssprachkenntnisse. Die Auswahl der Interaktivität, die Plug-Ins erfordert, ist eine kritische Entscheidung für das Design der Benutzererfahrung. Wenn das Plug-In nicht mit den meisten Browsern vorinstalliert ist, besteht das Risiko, dass der Benutzer weder das Wissen noch die Geduld hat, ein Plug-In zu installieren, nur um auf den Inhalt zuzugreifen. Wenn die Funktion erweiterte Kodierungssprachkenntnisse erfordert, kann sie im Vergleich zu der Verbesserung, die die Funktion der Benutzererfahrung ergänzt, zu kostspielig oder zu kostspielig. Es besteht auch ein Risiko, dass eine fortgeschrittene Interaktivität mit älteren Browsern oder Hardwarekonfigurationen nicht kompatibel ist. Die Veröffentlichung einer Funktion, die nicht zuverlässig funktioniert, ist für die Benutzererfahrung möglicherweise schlechter als keinen Versuch. Es hängt von der Zielgruppe ab, ob es wahrscheinlich benötigt wird oder Risiken wert ist.

Progressive Enhancement

Die Reihenfolge der progressiven Verbesserung
Hauptartikel: Progressive Enhancement

Progressive Enhancement ist eine Strategie im Webdesign, die den Schwerpunkt legt Internetinhalt Erstens zulassen Jeder zugänglich Der grundlegende Inhalt und die Funktionalität einer Webseite, während Benutzer Mit zusätzlichen Browserfunktionen oder einem schnelleren Internetzugang erhalten Sie stattdessen die erweiterte Version.

In der Praxis bedeutet dies, Inhalte durch zu servieren Html und Styling und Animation anwenden CSS in technisch möglicher Ausdehnung und dann weitere Verbesserungen durch anwenden JavaScript. Der Text von Seiten wird sofort über den HTML -Quellcode geladen, anstatt auf JavaScript zu warten Textbasierte Browserund maximiert Rückwärtskompatibilität.[12]

Als Beispiel, Mediawiki-Basierte Websites, einschließlich Wikipedia, verwenden progressive Verbesserung, da sie weiterhin verwendet werden können, während JavaScript und sogar CSS deaktiviert sind, da der Inhalt von Seiten im HTML-Quellcode der Seite enthalten ist, während sich anschließend das Explople Everipedia von JavaScript zum Ladung des Seiteninhalts beruht. Eine leere Seite erscheint mit JavaScript deaktiviert.

Seitenlayout

Ein Teil des Benutzeroberflächendesigns wird von der Qualität der beeinflusst Seitenlayout. Beispielsweise kann ein Designer überlegen, ob das Seitenlayout der Website beim Entwerfen des Layouts auf verschiedenen Seiten konsistent bleiben sollte. Die Pixelbreite von Seite kann auch als wichtig für die Ausrichtung von Objekten im Layout -Design angesehen werden. Die beliebtesten Websites mit fester Breite haben im Allgemeinen die gleiche festgelegte Breite, um das aktuellste Browserfenster bei der aktuellsten Bildschirmauflösung in der aktuellsten Monitorgröße zu entsprechen. Die meisten Seiten sind auch für Bedenken von zentral ausgerichtet Ästhetik auf größeren Bildschirmen.

Flüssigkeitslayouts Erhöhte Popularität um 2000, damit der Browser benutzerspezifische Layoutanpassungen an Flüssigkeitslayouts basierend auf den Details des Leserbildschirms (Fenstergröße, Schriftgröße relativ zum Fenster usw.) vornehmen kann. Sie wuchsen als Alternative zu HTML-Tisch-basierten Layouts und auf netzbasiertes Design In beiden Seitenlayout -Designprinzipien und in der Codierungstechnik waren jedoch sehr langsam übernommen.[Anmerkung 1] Dies lag auf Überlegungen von Bildschirm Lesegeräte und unterschiedliche Fenstergrößen, über die Designer keine Kontrolle haben. Dementsprechend kann ein Design in Einheiten unterteilt werden (Seitenleisten, Inhaltsblöcke, Einbettungswerbung Bereiche, Navigationsbereiche), die an den Browser gesendet werden und die vom Browser in das Displayfenster eingebaut werden, so gut er kann. Obwohl eine solche Anzeige häufig die relative Position der wichtigsten Inhaltseinheiten verändern kann, können die Seitenleisten unten verschoben werden Hauptteil eher als auf der Seite. Dies ist ein flexibleres Display als ein hartcodiertes, gitterbasiertes Layout, das nicht zum Gerätsfenster passt. Insbesondere kann sich die relative Position von Inhaltsblöcken ändern, während der Inhalt innerhalb des Blocks nicht betroffen ist. Dies minimiert auch die Notwendigkeit des Benutzers, die Seite horizontal zu scrollen.

Sich anpassendes Webdesign ist ein neuerer Ansatz, der auf CSS3 basiert, und eine tiefere Ebene der Spezifikation pro Gerät im Stilblatt der Seite durch eine verbesserte Verwendung des CSS @Medien Regel. Im März 2018 gab Google bekannt, dass sie die mobile Indexierung einsetzen würden.[13] Websites, die reaktionsschnelles Design verwenden, sind gut platziert, um sicherzustellen, dass sie diesen neuen Ansatz entsprechen.

Typografie

Hauptartikel: Typografie

Webdesigner können die Vielfalt der Website -Schriften auf nur wenige beschränken, die ähnlich sind, anstatt eine breite Palette von zu verwenden Schriften oder Typstile. Die meisten Browser erkennen eine bestimmte Anzahl sicherer Schriftarten, die Designer hauptsächlich verwenden, um Komplikationen zu vermeiden.

Das Download des Schriftart der Schrift wurde später im CSS3 -Schriftenmodul enthalten und inzwischen in Safari 3.1, Opera 10 und Mozilla Firefox 3.5 implementiert. Dies hat anschließend das Interesse an erhöht Web Typografiesowie die Verwendung von Schriftart herunterladen.

Die meisten Site-Layouts enthalten negativen Raum, um den Text in Absätze zu zerlegen und auch einen zentralen Text auszurichten.[14]

Bewegungsgrafiken

Das Seitenlayout und die Benutzeroberfläche können auch durch die Verwendung von Bewegungsgrafiken beeinflusst werden. Die Wahl, ob Bewegungsgrafiken verwendet werden sollen oder nicht, kann vom Zielmarkt für die Website abhängen. Motion-Grafiken können mit einer unterhaltungsorientierten Website zu erwarten oder zumindest besser empfangen werden. Eine Website zielt jedoch auf das Zielgruppen mit einem ernsthafteren oder formelleren Interesse (wie Geschäft, Gemeinschaft oder Regierung) möglicherweise unnötig und ablenkend, wenn auch nur für Unterhaltung oder Dekorationszwecke. Dies bedeutet nicht, dass ernsthaftere Inhalte nicht durch animierte oder Videopräsentationen verbessert werden können, die für den Inhalt relevant sind. In beiden Fällen, Bewegungsgrafikdesign kann den Unterschied zwischen effektiveren Bildmauern oder ablenkenden Bildern ausmachen.

Bewegungsgrafiken, die vom Site -Besucher nicht initiiert werden, können Probleme mit Barrierefreiheit verursachen. Die Standards für Zugänglichkeitsstandards der World Wide Web Consortium erfordern, dass die Besucher der Website die Animationen deaktivieren können.[15]

Qualität des Code

Website -Designer können es als eine gute Praxis betrachten, um den Standards entsprechen. Dies geschieht normalerweise über eine Beschreibung, in der angegeben ist, was das Element tut. Die Nichteinhaltung von Standards macht eine Website möglicherweise nicht unbrauchbar oder fehlerhaft, aber Standards können sich auf das richtige Layout von Seiten für die Lesbarkeit beziehen sowie die Anpassung der Coded -Elemente angemessen. Dies beinhaltet Fehler im Code, mehr organisiertes Layout für Code und sicherzustellen, dass IDs und Klassen ordnungsgemäß identifiziert werden. Schlecht codierte Seiten werden manchmal umgangssprachlich genannt Etikettsuppe. Validierung über W3C[8] Kann nur dann durchgeführt werden, wenn eine korrekte DocType -Erklärung abgegeben wird, mit der Fehler im Code hervorgehoben werden. Das System identifiziert die Fehler und Bereiche, die nicht den Webdesignstandards entsprechen. Diese Informationen können dann vom Benutzer korrigiert werden.[16]

Generierte Inhalte

Es gibt zwei Möglichkeiten, wie Websites generiert werden: statisch oder dynamisch.

Statische Websites

Hauptartikel: Statische Webseite

Eine statische Website speichert eine eindeutige Datei für jede Seite einer statischen Website. Jedes Mal, wenn diese Seite angefordert wird, wird der gleiche Inhalt zurückgegeben. Dieser Inhalt wird während des Designs der Website einmal erstellt. Es wird normalerweise manuell verfasst, obwohl einige Websites einen automatisierten Erstellungsprozess verwenden, ähnlich einer dynamischen Website, deren Ergebnisse langfristig als abgeschlossene Seiten gespeichert sind. Diese automatisch erstellten statischen Websites wurden um 2015 immer beliebter, mit Generatoren wie z. Jekyll und Adobe Muse.[17]

Die Vorteile einer statischen Website sind, dass sie einfacher zu hosten waren, da ihr Server nur zum Servieren statischer Inhalte und nicht zur Ausführung von serverseitigen Skripten erforderlich war. Dies erforderte weniger Serververwaltung und hatte weniger Chancen, Sicherheitslöcher aufzudecken. Sie könnten auch Seiten schneller auf Billig-Server-Hardware servieren. Dieser Vorteil wurde weniger wichtig, da das billige Webhosting erweiterte, um auch dynamische Funktionen anzubieten, und Virtuelle Server bot eine hohe Leistung für kurze Intervalle zu geringen Kosten.

Fast alle Websites verfügen über statische Inhalte, da unterstützende Assets wie Bilder und Stilblätter normalerweise statisch sind, selbst auf einer Website mit hochdynamischen Seiten.

Dynamische Websites

Hauptartikel: Dynamische Webseite

Dynamische Websites werden im laufenden Fliegen generiert und verwenden serverseitige Technologie, um Webseiten zu generieren. Sie extrahieren normalerweise ihre Inhalte aus einer oder mehreren Back-End-Datenbanken: Einige sind Datenbankabfragen in einer relationalen Datenbank, um einen Katalog abzufragen oder numerische Informationen zusammenzufassen. Dokumentendatenbank wie zum Beispiel MongoDB oder NoSQL Um größere Einheiten von Inhalten zu speichern, z. B. Blog -Posts oder Wiki -Artikel.

Im Entwurfsprozess werden dynamische Seiten häufig verspottet oder Wirrframed Verwenden statischer Seiten. Die Fähigkeiten, die für die Entwicklung dynamischer Webseiten erforderlich ist, ist viel breiter als für statische Seiten, die serverseitig und Datenbankcodierung sowie clientseitiges Schnittstellendesign beinhalten. Selbst mittelgroße dynamische Projekte sind daher fast immer ein Teamaufwand.

Wenn sich dynamische Webseiten zum ersten Mal entwickelten, wurden sie normalerweise direkt in Sprachen wie z. Perl, Php oder ASP. Einige davon, insbesondere PHP und ASP, verwendeten einen Ansatz "Vorlage", bei dem eine serverseitige Seite der Struktur der fertigen clientseitigen Seite ähnelte und Daten an Orten eingefügt wurden, die von "Tags" definiert wurden. Dies war ein schnelleres Entwicklungsmittel als das Codieren in einer rein prozeduralen Codierungssprache wie Perl.

Beide Ansätze wurden jetzt für viele Websites von anwendungsorientierten Tools auf höherer Ebene wie z. Content -Management -Systeme. Diese bauen auf dem Allzweck-Codierungsplattformen auf und gehen davon aus Blog, ein thematisches Magazin oder eine Nachrichtenseite, ein Wiki oder ein Benutzerforum. Diese Tools machen die Implementierung einer solchen Website sehr einfach und eine rein organisatorische und designbasierte Aufgabe, ohne dass eine Codierung erforderlich ist.

Das Bearbeiten des Inhalts selbst (sowie auf der Vorlagenseite) kann sowohl über die Website selbst als auch mit der Verwendung von Software von Drittanbietern erfolgen. Die Möglichkeit, alle Seiten zu bearbeiten, wird nur an eine bestimmte Kategorie von Benutzern (z. B. Administratoren oder registrierte Benutzer) zur Verfügung gestellt. In einigen Fällen dürfen anonyme Benutzer bestimmte Webinhalte bearbeiten, was weniger häufig ist (z. B. in Foren - Hinzufügen von Nachrichten). Ein Beispiel für eine Website mit einer anonymen Änderung ist Wikipedia.

Homepage -Design

Usability -Experten, einschließlich Jakob Nielsen Und Kyle Soucy hat häufig die Homepage -Design für den Erfolg des Website hervorgehoben und behauptet, dass die Homepage die wichtigste Seite auf einer Website ist.[18]Nielsen, Jakob; Tahir, Marie (Oktober 2001), Homepage Usability: 50 Websites dekonstruiert, Neue Fahrer Publishing, ISBN 978-0735711020[19][20] Die Praktizierenden in den 2000er Jahren stellten jedoch fest, dass eine wachsende Anzahl von Website-Verkehr die Homepage umging und direkt auf interne Inhaltsseiten über Suchmaschinen, E-Newsletter und RSS-Feeds ging.[21] Viele Praktizierende zu argumentieren, dass Homepages weniger wichtig sind als die meisten Menschen denken.[22][23][24][25] Jared Spool argumentierte 2007, dass die Homepage einer Website tatsächlich die am wenigsten wichtige Seite auf einer Website sei.[26]

In den Jahren 2012 und 2013 sind Carousels (auch "Sliders" und "Rotating Banners" genannt) zu einem äußerst beliebten Designelement auf Homepages geworden, das oft verwendet wird, um vorgestellte oder aktuelle Inhalte in einem engen Raum zu präsentieren.[27][28] Viele Praktiker argumentieren, dass Karussell ein ineffektives Designelement sind und die Suchmaschinenoptimierung und -Benutzerfreundlichkeit einer Website verletzen.[28][29][30]

Berufe

Bei der Erstellung einer Website sind zwei Hauptjobs beteiligt: ​​der Webdesigner und Web-Entwickler, die oft eng zusammen auf einer Website zusammenarbeiten.[31] Die Webdesigner sind für den visuellen Aspekt verantwortlich, der das Layout, die Färbung und die Typografie einer Webseite enthält. Webdesigner haben auch Kenntnisse über Kenntnisse über Markup -Sprachen wie HTML und CSS, obwohl sich das Ausmaß ihres Wissens von einem Webdesigner zu einem anderen unterscheidet. Insbesondere in kleineren Organisationen benötigt eine Person die erforderlichen Fähigkeiten für das Entwerfen und Programmieren der vollständigen Webseite, während größere Organisationen möglicherweise einen Webdesigner allein für den visuellen Aspekt verantwortlich machen.

Weitere Jobs, die an der Schaffung einer Website beteiligt sein können, umfassen:

  • Grafikdesigner So erstellen Sie Visuals für die Website wie Logos, Layouts und Schaltflächen
  • Internet -Marketing -Spezialisten zur Aufrechterhaltung der Webpräsenz durch strategische Lösungen, um die Zuschauer auf die Website zu richten, indem Sie Marketing- und Werbetechniken im Internet verwenden
  • SEO -Autoren, um zu recherchieren und die richtigen Wörter zu empfehlen, die in eine bestimmte Website aufgenommen werden sollen, und die Website zugänglicher und in zahlreichen Suchmaschinen zugänglicher zu machen
  • Internet -Texter erstellt den schriftlichen Inhalt der Seite, um die gezielten Zuschauer der Website anzusprechen[1]
  • Benutzererfahrung (UX) Designer Integriert Aspekte von benutzerorientierten Designüberlegungen, die Informationsarchitektur, benutzerzentriertes Design, Benutzertests, Interaktionsdesign und gelegentlich visuelles Design umfassen.

Siehe auch

Siehe auch

Verwandte Disziplinen

Anmerkungen

  1. ^
    -Basierend Markup und Spacer .gif Bilder
  1. ^ a b Lester, Georgina. "Unterschiedliche Jobs und Verantwortlichkeiten verschiedener Personen, die an der Erstellung einer Website beteiligt sind". Arts Wales UK. Abgerufen 2012-03-17.
  2. ^ "Längere Biografie". Abgerufen 2012-03-16.
  3. ^ "Mosaikbrowser" (PDF). Archiviert von das Original (PDF) Am 2013-09-02. Abgerufen 2012-03-16.
  4. ^ Zwicky, E. DD, Cooper, S und Chapman, D.B. (2000). Bauen von Internet -Firewalls. Vereinigte Staaten: O'Rily & Associates. p.804. ISBN 1-56592-871-7.{{}}: CS1 Wartung: Verwendet Autorenparameter (Link)
  5. ^ a b c d Genst, Jennifer (2006). Webdesign auf den Punkt gebracht. Vereinigte Staaten von Amerika: O'Reilly Media. S. 12–14. ISBN 0-596-00987-9.
  6. ^ a b Chapman, Cameron, Die Entwicklung des Webdesigns, Sechs Überarbeitungen, archiviert von das Original am 30. Oktober 2013
  7. ^ "Amo.net America's Multimedia Online (Internet Explorer 6 Preview)". Amo.net. Abgerufen 2020-05-27.
  8. ^ a b "W3C Markup Validierungsdienst".
  9. ^ W3c. "Web Accessibility Initiative (WAI)".
  10. ^ Thorlacius, Lisbeth (2007). "Die Rolle der Ästhetik im Webdesign". Nordicom Review. 28 (28): 63–76. doi:10.1515/NOR-2017-0201. S2CID 146649056. Archiviert von das Original am 2021-02-24. Abgerufen 2014-07-18.
  11. ^ Castañeda, J. A. Francisco; Muñoz-Leiva, Teodoro Luque (2007). "Webakzeptanzmodell (WAM): Moderieren von Effekten der Benutzererfahrung". Informationsmanagement. 44 (4): 384–396. doi:10.1016/j.im.2007.02.003.
  12. ^ "Aufbau eines belastbaren Frontends mit progressiver Verbesserung". Gov.uk. Abgerufen 27. Oktober 2021.
  13. ^ "Mobile-First-Indexierung ausführen". Offizieller Google Webmaster Central Blog. Abgerufen 2018-06-09.
  14. ^ Stone, John (2009-11-16). "20 Do's und keine effektive Web -Typografie". Abgerufen 2012-03-19.
  15. ^ World Wide Web Consortium: Richtlinien für die Zugänglichkeit des Webinhaltes 2.2.2: Pause, Stop, Hide
  16. ^ W3C QA. "Meine Website ist Standard! Und Ihre?". Abgerufen 2012-03-21.
  17. ^ Christensen, Mathias Biilmann (2015-11-16). "Statische Website -Generatoren überprüft: Jekyll, Mittelsmann, Wurzeln, Hugo". Smashing Magazine. Abgerufen 2016-10-26.
  18. ^ Soucy, Kyle, Tut Ihre Homepage das, was sie sollte?, Nutzbare Schnittstelle, archiviert von das Original am 8. Juni 2012
  19. ^ Nielsen, Jakob (10. November 2003), Die zehn am meisten verletzten Homepage -Designrichtlinien, Nielsen Norman Group, archiviert aus das Original am 5. Oktober 2013
  20. ^ Knight, Kayla (20. August 2009), Wesentliche Tipps zur Gestaltung einer effektiven Homepage, Sechs Überarbeitungen, archiviert von das Original am 21. August 2013
  21. ^ Spool, Jared (29. September 2005), Ist Homepage -Design noch relevant?, Benutzeroberfläche Engineering, archiviert von das Original am 16. September 2013
  22. ^ Chapman, Cameron (15. September 2010), 10 Usability -Tipps basierend auf Forschungsstudien, Sechs Überarbeitungen, archiviert von das Original am 2. September 2013
  23. ^ Gócza, Zoltán, Mythos Nr. 17: Die Homepage ist Ihre wichtigste Seite, archiviert von das Original am 2. Juni 2013
  24. ^ McGovern, Gerry (18. April 2010), Der Niedergang der Homepage, archiviert von das Original am 24. Mai 2013
  25. ^ Porter, Joshua (24. April 2006), Priorisierung der Designzeit: Ein langer Schwanzansatz, Benutzeroberfläche Engineering, archiviert von das Original am 14. Mai 2013
  26. ^ Spool, Jared (6. August 2007), Usability Tools Podcast: Startseite Design, archiviert von das Original am 29. April 2013
  27. ^ Bates, Chris (9. Oktober 2012), Best Practices im Karusselldesign für ein effektives Webmarketing, Smart Insights, archiviert von das Original am 3. April 2013
  28. ^ a b Messner, Katie (22. April 2013), Bild Karussells: Kontrolle über das Karussell erhalten, Usability.gov, archiviert von das Original am 10. Oktober 2013
  29. ^ Jones, Harrison (19. Juni 2013), Homepage Sliders: schlecht für SEO, schlecht für die Benutzerfreundlichkeit, archiviert von das Original am 22. November 2013
  30. ^ Laja, Peep (8. Juni 2019), Bild Karussell und Schieberegler? Benutze sie nicht. (Hier ist der Grund.), Cxl, archiviert von das Original am 10. Dezember 2019
  31. ^ Oleksy, Walter (2001). Karrieren im Webdesign. New York: The Rosen Publishing Group, Inc. PP.9–11. ISBN 9780823931910.

Externe Links