Webseitensystemdesign - Ihre Ideen mit Diagramm visualisieren

Dieser Artikel verwendet Visuals zur Verdeutlichung der Ideen für Webseitenplanung, um zu zeigen, wie wichtig die Diagramme an Arbeiten der Webseitenplanung sind.

Webseitensystemdesign - Die grundlegende Struktur erstellen

Die heutige Website sind eher Websysteme. Designer entscheiden die Funktionierung der Site. Menschen kommunizieren Funktionalitäten mit Entwicklern durch Sitemaps, Hierarchiedarstellungen, Wireframes, Anwendungsfalldiagramme und viele andere visuelle Tools. Zum Beispiel, nach ein Denken einer Online-Gruppenkauf-Website in den Sinn kam, ist Brainstorming der gesamten Struktur der erste Schritt. Just like this hierarchy diagram shows below, müssen Sie die wichtigsten Merkmale und Rahmen bestimmen.

Online-Gruppenkauf-Website Beispiel

Kostenloser Download der Software zur Verwendung aller Vorlagen

Download Windows Version Mac Version Linux Version

Was sind der Zweck dieser Website?

Wenn Sie den Rahmen bauen, eine Sache, die Sie im Auge behalten müssen, ist die wichtigsten Ziele Ihrer Website. Was wollen Sie durch diese Website erreichen? Ist es für den gewerblichen Einsatz? Wer ist die Zielgruppe Ihrer Website?

Wie erreichen Sie diese Ziele?

Um das Endziel zu erreichen, müssen die folgenden Dienste in die Website aufgenommen werden:

  1. Produktanfrage Dienste: Kunden können Produkte nach Name, Funktion und Preis Produkte suchen.
  2. Brancheninformation Dienste: Bietet die Neuigkeiten, die Produkte oder Kunden eng verwandt sind.
  3. Nachrichtenbrett Dienste: Bietet Online-Nachrichtendienst Kunden zu helfen, Tipps und Erfahrungen zu tauschen.
  4. PIM der Mitglieder Dienst: Dieser Teil umfasst persönliches Profil, Kauf-Datensatz und Kredit von Mitglieder.
  5. Produktmanagement Dienst: Administratoren können Rabattinformationen und Werbung durch das Hintergrundsystem freigeben.
  6. Mitgliedermanagement Dienst: Enthält Besucher, ordentliche Mitglieder und VIP-Mitglieder.
  7. Auftragsmanagement Dienst: Administratoren haben die Berechtigung zu ändern oder löschen Aufträgen entsprechend spezifischen Situationen.

Anwendungsfalldiagramm zeigt Benutzern Interaktion mit dem System

Ein weiteres Diagramm wird verwendet, um die Interaktion mit dem System zu zeigen. Dieses Diagramm nennt man Anwendungsfalldiagramm, das eine bestimmte Art von UML-Diagrammen für die Beschreibung der verschiedenen Arten von Benutzern in einem System und die verschiedenen Möglichkeiten, die sie mit dem System interagieren.

Online-Gruppenkauf-Website Vorlagen

Weitere Tools für Design des Webseitensystems

Name
Beispiel
Beschreibung
Hierarchisches Organigramm
Als Sitemap rsp. Site-Map, seltener auch: Seitenübersicht, wird die vollständige hierarchisch strukturierte Darstellung aller Einzeldokumente (Webseiten) eines Internetauftritts bzw. einer Website bezeichnet (Seitenstruktur). Im Idealfall zeigt die Sitemap auch die hierarchischen Verknüpfungsstrukturen der Seiten an. Sie dient als Analyse- sowie als Planungsinstrument. Edraw beinhaltet eine Vielzahl von vorgezeichneten Sitemap-Shapes. Ziehen Sie die integrierten Elemente aus der Bibliothek und legen sie auf Ihrer Seite ab. Zeichnung könnte nicht einfacher sein!
Website Wireframe
Ein Webseite Wireframe, auch wird als Prototyping oder Blueprint bekannt, ist eine visuelle Anleitung, die skelettartigen Rahmen einer Website darstellt. Edraw ist die einfachste und beste Weise, interaktive Wireframes zu erstellen und zu teilen. Nicht nur möchten Sie Windows UI designen, sondern auch iPhone Schnittstelle planen, hat Edraw das richtige Werkzeug für Sie. Mit Edraw können die Benutzer die Wireframes für Website, iOS und Andriod-Anwendungen leicht erstellen.
Konzeptionelle Website
Konzeptionelle Website
Edraw Programm für konzeptionelle Website ist für die Erstellung von professionellen Darstellungen der konzeptionellen Website mit Präsentationsqualität sorgfältig zugeschnitten. Mit integrierten Formen und Symbolen können Sie eine qualitativ hochwertige konzeptionelle Website mit nur ein paar Minuten schaffen.

Wireframe Software

iPhone UI designen

Einfache Sitemapping Software

Fangen an! Sie werden das benutzerfreundliche Visualisierungsprogramm lieben.

Edraw Max ist perfekt, nicht nur für professionell gestaltete Flussdiagramme, Organigramme, Brainstormingdiagramm, sondern auch für Netzwerkdiagramme, Grundrisse, Arbeitsflussdiagramm, Modedesign, UML-Diagramme, Elektropläne, R&I-Fließschema, Wissenschaft, Diagramme und Grafiken... und das ist erst der Anfang!

Top