SEO-Experten in den USA

Seit über 10 Jahren unterstützen wir Unternehmen dabei, ihre Finanz- und Markenziele zu erreichen. Onum ist eine werteorientierte SEO-Agentur.

AKTUELLE NEWS
KONTAKT
SEO-Experte
So funktioniert es
Ändern Sie Ihre Sicht auf SEO

Web-Entwicklung

Wetten, dass Sie nicht viel Zeit auf der 2. Seite von Google verbringen – warum also Ihre Website?

WEBSEITENENTWICKLUNG

WAS IST WEBENTWICKLUNG?

Normalerweise verwenden wir die Ausdrücke Webdesign und -entwicklung zusammen, obwohl sich die Ausdrücke auf außergewöhnliche Komponenten der Methode zur Erstellung von Websites beziehen, die bestimmte Fähigkeitseinheiten erfordern. Lassen Sie uns nun ungefähr über die primäre Fähigkeitsgruppe sprechen, die das Internet-Layout ist. Im Wesentlichen bezieht sich das Internet-Layout auf jeden kultivierten Teil der Internetseite und seine Benutzerfreundlichkeit. Webdesigner verwenden verschiedene Layout-Anwendungen, darunter Adobe Photoshop (10 $/Monat) oder GIMP (kostenlos) und viele verschiedene Geräte, um das Format und die verschiedenen sichtbaren Faktoren der Website zu erstellen.

Danach setzen Front-Quit-Builder ihr Layout über die Front-End-Internetverbesserung durch, was uns zum zweiten Fähigkeitssatz (Internetverbesserung) führt. Jetzt würden Sie möglicherweise fragen, was Front-Quitt-Programmierung ist, um es einfach zu platzieren, ist es das sichtbare Front-Quitt-Detail einer Software (oder einer Website, App)

Das ist sichtbar und praktisch durch die quitt Person. Die bekanntesten Front-Quitt-Sprachen sind (HTML, CSS, JS). Wenn Sie bereits neugierig sind, Mitglied in diesem Bereich zu werden, was offensichtlich ist, weil Sie sich mit mir langweilen und diesen Faktor des Artikels erreicht haben, müssen Sie als erstes primäres HTML und CSS studieren Ergänzung in unserem Mastering und Segment akademisches Vermögen dieses Artikels.

Der zweite ist jedoch Teil des zweiten Fähigkeitssatzes, der die Verbesserung des Back-End-Internets ist. Webverbesserung bezieht sich auf Bau, das Wachstum und die Pflege von Websites. Web-Entwickler nehmen normalerweise ein Website-Design, das von einem Internet-Kleiderhändler fertiggestellt wurde, und erstellen daraus eine funktionierende Website, indem sie Internet-Skripte in Sprachen wie PHP, ASP, Python, Ruby, Perl usw. schreiben von Internet-Software ist ein Enabler für einen Front-Quit-Genuss… Backend-Code wird auf dem Server verwaltet, nicht auf dem Client. Damit Backend-Builder heute nicht mehr so ​​einfach mit Programmiersprachen und Datenbanken umgehen wollen, sollten sie aber auch über Kenntnisse der Serverstruktur verfügen.

Jetzt können Sie überraschen, was eine Datenbank ist, um sie einfach zu platzieren, sie ist bei weitem ein Gerät zum Speichern und Verwalten von Fakten (jeder Form von Fakten). Die bekanntesten Datenbanken sind MySQL (die maximal verwendete), MongoDB, SQLite, Postgres usw.

Sie haben auch außergewöhnliche Formen von Datenbanken wie SQL (relational) und NoSQL (nicht relational). Sie können diesen einfachen Artikel testen, um die Unterschiede zwischen SQL- und NoSQL-Datenbanken zu verstehen.

Jetzt haben wir auf die Verbesserungen beim Front- und Return-Quit hingewiesen, aber wir sollten nicht übersehen, dass wir zusätzlich Full-Stack-Verbesserungen haben, die ehrlich gesagt die Mischung aus beiden sind. Die meisten Complete-Stack-Builder sind Freiberufler oder erfahrene Builder in einem Unternehmen mit jahrelanger Freude. Um zu einem kompletten Internet-Entwickler zu werden, müssen Sie mindestens die folgenden Sprachen lernen: HTML, CSS, JS, PHP, SQL (eine Datenbanksprache).

Jetzt würden Sie das Wort 'Framework' möglicherweise früher hören, und falls Sie es nicht getan haben, werde ich es einfach versuchen und zu platzieren. Ein Framework macht die Existenz des Entwicklers ehrlich gesagt viel einfacher, da Sie es tun. Sie müssen Ihren Code nicht von Grund auf neu schreiben. In der Arena von Internet-Layout, um eine vertrauenswürdigere Definition zu bieten, wird ein Framework als ein Paket beschrieben, das aus einer Form von Dokumenten und Ordnern mit standardisiertem Code (HTML, CSS, JS-Dateien usw.) besteht, die zur Verbesserung von Websites verwendet werden können. als Grundlage für den Anfang eine Website online erstellen.

weltbeste SEO-Influencer

CMS

  • Der Unterschied zwischen Shared, VPS, Committed und Hosting-Pläne für Cloud-Websites
  • Eine kurze Erläuterung zum Servermanagement
  • Bestimmen Sie meine Mastering-Mode und den Weg, den ich studieren muss!
  • Wo war der Ausgangspunkt meines Mastering-Abenteuers?
  • Index wichtiger und nützlicher Mastering-Ressourcen
  • Wichtige Ausrüstung, die mir in diesem Bereich der Malerei helfen könnte
  • Geräteverzeichnis mit Erläuterung

Das Web-Layout ist eine wichtige Sache der Internet-Verbesserungsmethode. Wenn Sie neugierig auf Internet-Layouts sind, vermuten wir, dass Sie eine innovative Ader haben. Und wie sollten Sie sich jetzt nicht mehr für den Sprung in die erste Internetpräsenz begeistern? Netz Layout ist die Herstellung eines Sets ein zielgerichtetes Kunstwerk – aber wo fängt man an? Wenn Sie Fragen haben, was Sie verstehen möchten, bevor Sie beginnen, hilft Ihnen dieses Handbuch.

Wählen Sie etwas Primäres für Ihr erstes Web Website-Online-Layout

Sieht das wie ein Kinderspiel aus, richtig? Aber von Zeit zu Zeit werden wir übermäßig kühn und werden entmutigt. Für Ihren ersten Auftrag ist es ein sehr gutes Konzept, etwas Einfaches und Spaßiges auszuwählen. Ein E-Commerce-Website Online ist komplexer und könnte höher sein, sobald Sie mehr Freude daran haben. 

Ein Weblog ist ein sehr guter Anfang. Es könnte ein sehr gutes Layout-Workout sein und Sie werden herausfinden, wie ein Content Management System (CMS) funktioniert. Und das Beste: Sie müssen nicht bei Null anfangen. Da sind viele weblog Vorlagen, die es einfach machen, eine kollektiv zu platzieren.

Vorlagen sind ein wertvolles Mastering-Gerät. Wenn Sie sich ansehen, wie HTML-, CSS- und Javascript-Faktoren gestylt und gemeinsam verfügbar sind, erhalten Sie eine tiefere Vorstellung davon, was Layout-Gemälde ausmacht. Sie können Vorlagen als Grundlage verwenden, um Anpassungen und Anpassungen vorzunehmen.

Vielleicht müssen Sie kein Weblog starten – versuchen Sie, sich von Ihren innovativen Freizeitbeschäftigungen oder Hobbys zurückzuziehen. Wie wäre es, eine Ausstellung nach Ihren Bildfähigkeiten oder Ihrer Serie von schnellen Geschichten zu konstruieren? Das Erstellen eines Layouts, um Ihre Leidenschaft zu charakterisieren, sorgt für eine unterhaltsame erste Aufgabe.

Experten für Onpage-Optimierungsdienste

Finden Sie Vorschläge von verschiedenen Designern

Sie werden ohne Frage über Websites stolpern, die Sie mit ihrem schönen Layout begeistert haben.

Erstellen Sie ein Vorschlagsdokument mit Hyperlinks zu Websites, die Sie lieben, oder speichern Sie sie im Vorbeigehen mit einem Lesezeichen. Pinterest ist ein extrem guter Bereich, um extrem gutes Web zu finden Website online Layout – Sie können Illustrationen, E-Book-Cover, Poster, Blogs und verschiedene Formen von Layout-Gemälden suchen und anheften, auf die Sie verweisen können. Designer verwenden für diese Kollektionen den Zeitraum „Temper Board“. Stimmungsforen sind eine nützliche Kurzreferenz, falls Sie feststecken. Was du wirst.

Abgesehen von den Entdeckungen, die Sie in Ihrem persönlichen Bereich machen, gibt es einige kuratierte Sammlungen, die Sie testen müssen. 

Awards bietet ständig neue und funkelnde Gemälde und viele thematische Sammlungen 

Behance ist eine erstklassige Zusammenstellung von Website-Design-Gemälden, wobei der Schwerpunkt auf hoher Zufriedenheit und Kreativität liegt

Dribbble ist eine Spezialität von männlichen oder weiblichen Designern und bietet ein Diskussionsforum, um Kommentare zu erhalten und mit anderen über ihre Gemälde zu sprechen

Und natürlich besuchen Sie die Webflow-Ausstellung, um zu erfahren, welche Ansätze Menschen für unsere Layout-Plattform verwenden. Es gibt viele coole Sachen zum Ausprobieren und so viele Vorlagen, die geklont werden müssen, da Sie sehr persönlich sind.

Suchen Sie im Internet nach Vorschlägen

Web-Layout ist kenntnisreich durch eine sichtbare Sprache, die überall bestimmt werden kann, wie der Quilt eines Image-Romans oder der virtuelle Kiosk Ihrer Bank. Entwickeln Sie eine Uhr, um das gewünschte Layout zu erkennen, und beginnen Sie zu untersuchen, warum etwas funktioniert oder nicht malt, unabhängig vom Medium.

Interessieren Sie sich für Typografie 

Wir lernen oft, ohne Schriften zu kennen. Zahlen Sie Zinsen auf die Auswirkungen, die die Art hat, wenn Sie Inhaltsmaterial verschlingen. Ist diese Schriftart im Menü lesbar? Was macht dieses handgeschriebene Zeichen für die Nachbarschaftskaufleute so schön? Briefe sind überall. Machen Sie sich bewusst, dass jede wünschenswerte und schreckliche Typografie verwendet. 

Typewolf ist eine hervorragende nützliche Ressource, um Registerkarten für berühmte Schriftarten zu erhalten. Es gibt viele Listen, die es zu erkunden gilt, eine aktuelle Online-Website und Lookbooks mit bemerkenswerten Schriftkombinationen. Es ist nützlich, echte Beispiele für die verwendete Typografie zu sehen, und Webseiten wie Typewolf sind ein extrem gutes Gebiet, um ihre realistischen Anwendungen zu testen. Wenn Sie sich mit außergewöhnlichen Schriftarten vertraut machen, können Sie die richtige Schriftart für Ihr erstes Web auswählen Website-Online-Layout.

Lass die großen Künste auf dich wirken 

Oh, haben wir darauf hingewiesen, dass es eine ganze Reihe von Kunstwerken gibt, von denen man sich anziehen kann? Dennoch prägen so viele Aktionen und Künstler heute die Bilder der Kreativen – vor allem Internetdesigner. Machen Sie einen Spaziergang durch unser Web-Layout- und Artwork-Records-Stück, um viele enorme kreative Errungenschaften zu entdecken. Nicht handlich ist vollgepackt mit wertvollen Fakten, es ist ein hervorragendes Beispiel für den Weg Inhaltsmaterial und Kunst können kollektiv kommen, um eine Geschichte zu prägen.

Es gibt einen Teil der ...

Experten für Onpage-Optimierung

Erforschen Sie außergewöhnliche Layoutformen

Es gibt so viele Disziplinen des Layouts, mit denen man sich vertraut machen muss. Ein Verständnis für Produktlayout, Illustration oder sogar Branding kann zusätzlich Ihre innovativen Sinne steigern.

Für den Vorschlag, der über das Internet-Layout hinausgeht, gibt Abduzeedo außergewöhnliche Beispiele. Egal, ob es sich um Poster, Gepäck oder Möbel handelt, Sie werden erstklassige Beispiele für das ordnungsgemäß fertiggestellte Layout sehen. Seien Sie offen für außergewöhnliche Gestaltungsformen und suchen Sie aktiv nach unseren Vorschlägen. Je mehr Verständnis Sie haben, desto weniger kompliziert wird es wahrscheinlich sein, Ihre erste Internet-Site zu gestalten. Bildung informiert Intuition.

Es gibt einen Teil der ...

Bereiten Sie Inhaltsmaterial vor, bevor Sie beginnen 

Putting Inhaltsmaterial Erste Möglichkeit, mit Inhaltsmaterial für Gemälde ausgestattet zu sein, bevor Sie mit der Gestaltung Ihrer ersten Internet-Site beginnen.

Es muss nicht perfekt sein. Sie können kontinuierlich bearbeiten und für Google optimieren SEO (Suche nach Motoroptimierung) später. Aber zumindest ein harter Entwurf dessen, was passieren wird, wird dazu beitragen, dass das Layout darauf ausgelegt ist, damit umzugehen. Die Gestaltung mit aktuellem Inhaltsmaterial bietet Ihnen eine bessere Veranschaulichung der Art und Weise, wie die Internetseite wird erscheinen und verfügen. Es bietet Ihnen zusätzlich die Möglichkeit, innerhalb der Layoutmethode vorab Anpassungen vorzunehmen.

Für Blogs sollten Sie eine Einrichtung haben, die für die Überprüfung im CMS ausgestattet ist. Wenn Sie ein Paar Posts schreiben, bevor Sie es veröffentlichen, werden Sie sich immer wieder bemühen, etwas nach der Realität zu notieren. 

Halten Sie Ihr Layout einfach und intuitiv

Ob Schreiben, Navigation oder CTAs, niemand möchte zusammen mit Ihrem Layout Krieg führen.

Ihre Layout-Technik muss in Einfachheit und Ordnung verwurzelt sein. Logic muss eine Person über die Web-Website mit Leichtigkeit online führen. Und weil wir von denen sprechen, die mit dem interagieren werden, was Sie geschaffen haben, ist dies ein großartiger Bereich, um UX vorstellen.

Verstehen Sie die Grundlagen der Person genießen (UX)

Eine Internet-Site ist mehr als nur ein schwebender Textinhalt in einem Bereich. Das Farbschema, das Inhaltsmaterial, die Typografie, das Format und die Bildsprache kommen alle zusammen, um Ihnen zu dienen Zielmarkt und Emotionen wecken. Jemand, der durch den von Ihnen erstellten virtuellen Bereich wandert, muss eine saubere Richtung frei von Hindernissen haben.

UX macht eine Spezialität des Know-hows zu Ihrem Zielmarkt. Was suchen sie – und wie wird Ihr Layout das Auffinden erleichtern? UX bedeutet, in die Köpfe Ihres Zielmarktes zu treten und Ihr Layout mit ihren Augen zu sehen.

Behalten Sie beim Aufbau Ihrer ersten Internet-Site diese richtungsweisenden UX-Konzepte in Gedanken:

  • Machen Sie die Dinge einfach und intuitiv
  • Kommunizieren Sie Ideen in einer logischen Abfolge
  • Erfüllen Sie die Wünsche Ihres Zielmarktes und stellen Sie sich der Versuchung, Ihre Fähigkeiten auf Kosten der Benutzerfreundlichkeit zu zeigen
  • Wenn Sie sich mit Ihrem Zielmarkt vertraut machen, können Sie ein Layout erstellen, das auf seine Bedürfnisse und Wünsche zugeschnitten ist. Sehen Sie sich unser Handbuch für Anfänger zu Personenstudien an, um weitere Einblicke in die Vorgehensweise zu erhalten.

Verstehen Sie die Grundlagen der Personenschnittstelle (UI)

Wenn Sie neu im Internet-Layout sind, sind Sie wahrscheinlich über die Unterscheidung zwischen UI und UX besorgt. Die meisten Leute waren. Wissen Sie das – es sind großartige Ideen.

Wenn UX mit der allgemeinen Erfahrung eines Layouts involviert ist, wird die UI auf die Besonderheiten festgelegt. Wenn Sie in einem Aufzug waren, ist UI die Länge und Zuordnung der Bodentasten, während UX die Farben, Texturen und verschiedene Innenlayout-Auswahlen des Aufzugsbereichs verkörpern könnte. Die Benutzeroberfläche ist so eingestellt, dass eine Person die Ausrüstung erhält, die sie möchten, um Ihre Website durch Komplikationen zu verlieren. 

Behalten Sie beim Erstellen Ihrer ersten Website diese UI-Konzepte in Ihren Gedanken:

  • Die Funktionsweise interaktiver Faktoren muss erkennbar sein
  • Einheitlichkeit sollte manuelle Verwendbarkeit sein – Bewegungen müssen logischen Stilen entsprechen
  • Designauswahl muss mit einem klaren Zweck getroffen werden

Verwenden Sie die Konzepte des Layouts, um Ihre Internet-Layout-Methode für Anfänger zu manuellen

Ein effektives Layout wird durch sichere Vorschriften geleitet und es ist wichtig, die entscheidenden Fähigkeiten des Internet-Layouts zu erkennen, bevor Sie beginnen. Es gibt weit verbreitete Praktiken mit dem Ziel, das Verfahren zu vereinfachen und ein empfindlicheres allerletztes Produkt zu erhalten. 

Optimierung von Onpage SEO und Content

Layout

Wenn Sie Websites gestalten und erstellen müssen, ist das gewünschte Format des Know-hows der Schlüssel. Wir befürworten das Halten von Angelegenheiten mindestens und das Ausführen nur mit einigen Faktoren zur Erkennung der richtigen Platzierung.

Wenn Sie mit dem Entwerfen beginnen, nehmen Sie Gitter an. Raster richten Faktoren wie Div-Blöcke und Bilder auf einer Internet-Webseite auf eine Weise aus, die Ordnung schafft. 

Die Form eines Formats muss einer sichtbaren Hierarchie entsprechen. Was sind die entscheidenden Gedanken, die die Menschen brauchen, um zu sehen, und in welcher Reihenfolge? Die visuelle Hierarchie möchte sich an die nicht ungewöhnlichen Platzstile halten, die Menschen bei der Analyse verwenden. Es gibt Wege, die das menschliche Auge im Internet häufig befolgt: das F-Sample und das Z-Sample. Wenn Sie wissen, wie diese Malereistile Sie bei der Vorbereitung Ihres Inhaltsmaterial

Das F-Sample ist ein größerer, nicht ungewöhnlicher Ort für Designs mit dichten Inhaltsblöcken. Die Augen der Leute werden die linke Facette eines Formats entlang experimentieren, bis die Dinge ihr Interesse erwecken, und dann von links nach rechts studieren. Stellen Sie sich vor, Sie suchen durch das Menü in einem Restaurant – Sie können die beeindruckenden Namen der links ausgerichteten Gerichte übergehen, bis Sie zu etwas zurückkehren, das Sie fesselt, damit Sie die Hilfsinformationen zu diesem bestimmten Gericht studieren können.

Die meisten Menschen lernen über so etwas wie ein Weblog, das auf dieser F-Probe eingerichtet ist. Mit linksbündig ausgerichteten Textinhalten und Aufzählungssätzen profitiert Nelson Abalos von diesem Layout-Ansatz, der eine reibungslose Navigation und Einhaltung seiner Posts ermöglicht.

Das Z-Sample bezieht sich auf ein viel weniger textlastiges Layout. Viele Touchdown-Seiten stimmen diesem Beispiel zu. Alle wichtigen Faktoren bei der Conservation Guide-Webseite Online halten Sie sich an das Z-Muster. Wenn Sie ein unerfahrener Internet-Kleidermacher sind, ist dies ein einfacher Formattrick, um die Benutzerfreundlichkeit zu verbessern.

Sie haben die Farben des Regenbogens und der Vergangenheit für Sie. Und wir alle verstehen, dass „mit extrem guter Energie auch extrem gute Verantwortung verbunden ist“. Die Energie des Farbwählers kann für wünschenswert oder böse eingesetzt werden.

Hier sind ein paar vertrauenswürdige Taktiken, um sich für ein Farbschema für Ihre erste Website zu entscheiden.

Monochrom

Verwenden Sie eine unverheiratete Farbe als Basis, reichen Sie die Sättigungsmenge aus, umfassen Sie Licht und Dunkelheit und spielen Sie mit verschiedenen Farben für ein einheitliches Farbschema. Unabhängig von Ihrer Nische ist eine monochrome Online-Website eine clevere Layout-Wahl. Und bedenke, jede Farbe, die du für die auswählst Textinhalt, stellen Sie sicher, dass Sie ungefähre Klarheit haben.

In diesem Fall von Unique wird jedes Segment durch ein monochromatisches Farbschema abgegrenzt. Sie müssen Ihren Anfängerdesigns jedoch nicht so ausgefallen sein, es ist jedoch großartig, sich die Verwendung verschiedener monochromatischer Farbvariationen anzusehen. Beachten Sie, dass jedes Segment aus Farben besteht, die mit den vorgestellten Taschen verbunden sind? Dies ist ein angenehmer Layout-Trick, der für eine harmonische Farbgebung sorgt.

Komplementärmedizin

Nehmen Sie Farbtöne, die dem Farbkreis widersprechen könnten, und integrieren Sie sie. Einfach ausreichend, richtig?

Verwenden Sie Komplementärfarben mit Vorsicht. In diesem Layout unter der Ignisis-Internetseite hat der Tuchmacher Blau und Orange in außergewöhnlichen Kombinationen neben Weiß- und Grautönen für ein Format verwendet, das die Augen in keiner Weise ermüdet. Die Auswertung fühlt sich knackig und erfrischend an.

beste Linkbuilding-Unternehmen

Typografie ist eine dimensionale Struktur, die in erster Linie ganz auf Freude und Vorstellungskraft basiert und durch Regeln und Klarheit geleitet wird.

Typografie bestimmt den Ton

Denken Sie an eine Hochzeitseinladung oder eine Beerdigungsankündigung. Beides sind tiefgreifende Existenzereignisse – eines eine gemütliche Geburtstagsfeier und die Alternative im Allgemeinen düsterer. Wo eine reich verzierte Blumenschrift gut für eine Ehe funktioniert, ist sie jetzt nicht mehr für eine Beerdigung geeignet. 

Bei der Gestaltung Ihres ersten Internetseite, Ton in Gedanken bewahren. Wenn Sie nach einer unbeschwerten Atmosphäre wie einem Weblog für Mahlzeiten suchen, ist das Einweben in verspielten Schriftarten das Erlebnis. Wenn Sie jedoch eine Website für eine Regulierungsbehörde erstellen, sollten Sie mit größeren Expertenschriftarten fortfahren.

Serifen im Gegensatz zu Nicht-Serifen

Ein nicht ungewöhnlicher Platzfehler neuerer Designer besteht darin, Serifen- und Nicht-Serifen-Schriften zu kombinieren. Sie können sie beiseite legen, da die Enden von Serifenbuchstaben eine zusätzliche Linie oder einen zusätzlichen Strich haben, der vertikal oder horizontal angebracht ist. 

Serifen sind ein Artefakt aus der Zeit der Druckmaschinen, während die meisten der von uns untersuchten Phrasen mit Tinte auf Papier veröffentlicht wurden. Serifen verankerte Phrasen auf dem Web-Seite und machte sie weniger kompliziert zu studieren. In den früheren Tagen des Internets wurden Serifen durch Internetdesigner vermieden, da die Bildschirmauflösungen durch die Verringerung der Bildschirmauflösungen verwässert wurden. Jetzt, da Monitore für Typografie mit Serifen optimiert sind, haben sie ein Comeback erlebt.

Diese kleinen Stämme machen einen großen Unterschied. Sie werden wissen, dass sich die obige PT Serif-Schrift formeller anfühlt und das Sans-Serif-Modell leichter und lockerer wirkt. 

Da Serifenschriften komplexer sind, werden sie erstklassig in Maßen eingesetzt. Kopfzeilen sind ein perfekter Bereich für Serifenschriften und große Blöcke von Inhaltsmaterial Profitieren Sie von einer stärker vereinfachten Schrift ohne Serifen.

Ornamentik statt Zweckmäßigkeit

Die Schleifen und Wirbel einer schwungvollen Schriftart verleihen einem Layout Charakter und Schönheit. Eine Internetseite soll mit a . sprechen Zielmarkt über Inhaltsmaterial. Klarheit ist, wie Hermann Zapf sagte, eines der höchsten entscheidenden Merkmale einer Schrift. 

Typografie-Techniken

Es gibt viel zu lernen mit Typografie. Wenn Sie sich als Bekleidungshersteller weiterentwickeln, möchten Sie wissen, wie Sie Linienhöhe, Kerning und außergewöhnliche Strichstärken in Ihrer Typografie verwenden können. Aber lassen Sie sich nicht zu sehr darauf ein, alle Feinheiten Ihres ersten Webs zu optimieren Website online. Konzentrieren Sie sich darauf, sicherzustellen, dass das Ganze lesbar ist – Sie können die Informationen später testen. 

Beginnen Sie mit der Gestaltung 

Tutorials und Studien sind für Ihr Mastering nützlich, aber früher oder später möchten Sie einfach nur eintauchen und mit dem Designen beginnen. Selbst wenn Sie etwas schaffen, das niemand jemals sehen wird, ist es dennoch Trainingsprobleme, die Sie beheben und das Gelernte anwenden können. Keine Angst, wenn es jetzt nicht mehr erstaunlich ist. Aber freuen Sie sich, wenn Sie die Schwelle vom aufstrebenden Bekleidungshersteller zu einem solchen überschreiten – Sie sind in Ihrer Art und Weise! 

Einige andere Aspekte des Webdesigns, die unter anderem Folgendes umfassen:

Sie haben Ihr erstes Layout fertiggestellt – herzlichen Glückwunsch! Sie haben sich schwer getan und sind gerüstet, um es der Arena zu offenbaren. Aber bevor Sie auf "Veröffentlichen" klicken, sollten Sie ein paar Türen zu dem machen, was Sie gemacht haben.

Optimistische Beschwerden zu bekommen, kann unangenehm sein. Etwas erschaffen, sei es ein Aufsatz, ein Gemälde oder ein Internetseite ist ein Akt der Verletzlichkeit. Die Gegenstände, die Sie in die Arena gestellt haben, sind eine Erweiterung dessen, wer Sie sind und worin Sie erfolgreich sind. Zu wissen, was Sie gemacht haben, kann höher oder ungenau sein, kann wie ein privater Angriff aussehen.

Im Internet-Layout sind Kommentare ein gewöhnlicher und wesentlicher Bestandteil der Methode. Lerne einen Weg, dein Ego abzuheben und die Kommentare von dir selbst wirklich wertvoll zu trennen. Während Sie genießen, werden Sie in der Lage sein, realistische, nützliche Kommentare wahrzunehmen und durchzusetzen und den Rest zuzulassen. Sie werden feststellen, dass erfahrenere Designer verstehen, was es heißt, ein Neuling zu sein – sie freuen sich, dass viele weniger qualifizierte Designer erfolgreich sind.

Wenn Sie mit Webflow entwerfen, stellen Sie Ihre Bilder im Webflow-Showcase in Prozent oder fordern Sie Unterstützung im Webflow-Layout-Diskussionsforum an. Im Laufe der Entwicklung müssen Sie an Orten wie Dribbble und Behance posten, um Ihre Bilder besser in den Blick zu nehmen. Nicht ganz praktisch werden Sie eine optimistische Beschwerde bekommen, Sie werden Kommentare zu dem bekommen, was Sie gut machen – was sich immer sehr gut anfühlt.

Webflow macht Internet-Layout für Anfänger praktisch

Vorbei sind die Zeiten, in denen man komplizierten Front-Quitt-Code studieren musste, um eine Website zu erstellen. In der Vergangenheit mussten Sie sich auf einen Entwickler verlassen, um Ihre Designs zur Existenz zu bringen. Heute können Sie mit Webflow komplizierte Websites in nur wenigen Stunden gestalten, erstellen und veröffentlichen. 

Wenn Sie einige Schlüsselideen kennen und in der Lage sind, den Unterschied zwischen wünschenswerten und schrecklichen Layouts zu verstehen, erhalten Sie die Selbstsicherheit und die Fähigkeiten, Ihre erste Website zu erstellen. Webflow befreit Sie vom Programmieren, eröffnet Ihnen Ihre innovative Bandbreite und ermöglicht Ihnen, sofort mit dem Designen zu beginnen.

Das erste zu berücksichtigende Element ist die Fahrt Ihrer Person mit der Drift oder die Richtung, durch die der Tourist über Ihr navigiert Internetseite. Schließlich ist das Layout von Internet-Webseiten nicht ungefähr das Wachsen einer Gruppe von Männer- oder Frauenseiten; es ist ungefähr wachsende Ströme. Diese Richtung ist eine Abfolge von Schritten, die der Tourist vom Zugangsfaktor (der primären Webseite, auf der er landet) bis zu der bestimmten Bewegung unternimmt, die er ausführen muss (im Allgemeinen ein Konversionsantrag, der eine Signalisierung, einen Kauf usw. ). Das Folgende wird Ihnen helfen, Ihre persönlichen Abläufe zu bestimmen, während Sie Ihre Internet-Site gestalten.

Informationsstruktur (IA) ist ein Feld, mit dem Sie Fakten für Ihre Site-Besucher wirklich und logisch anordnen können. Informationsarchitekten untersuchen, wie Kunden Fakten formen und schaffen eine Hierarchie, die den Erwartungen der Person entspricht. Eine gute IA ist das Ergebnis intensiver persönlicher Studien und der Überprüfung von Werten.

Es gibt zahlreiche Ansätze zu analysieren die Wünsche einer Person. Oft wird ein Faktenarchitekt ein energisches Element in persönlichen Interviews, Kartensortierung und moderierten Usability-Check-outs nehmen, wobei er einen Blick darauf werfen, wie Menschen mit dem gegenwärtigen Layout interagieren und ihre Kritiken darauf prozentualisieren.

Web-Layout ist ein kompliziertes Thema. Designer und Bauherren müssen jedes sichtbare Erscheinungsbild (wie die Website aussieht) und ein zweckmäßiges Layout (wie die Website funktioniert) berücksichtigen. Bei so vielen Angelegenheiten, die Sie berücksichtigen möchten, kann die Methode des Layouts schwierig sein. Um die Aufgabe zu vereinfachen, haben wir dieses Handbuch für Sie zusammengestellt.

In diesem Handbuch werden wir die grundlegenden Konzepte, Heuristiken und Taktiken erkennen, um Ihnen zu helfen, eine extrem gute Person mit Ihrer Internet-Site zu schaffen. Wir beginnen mit weltweiten Angelegenheiten, wie Personenflüssen (eine Möglichkeit, die Form der Website zu skizzieren), danach Malerei bis hin zum Mann oder Frau Webseite (was ist zu einem bestimmten Zeitpunkt in zu berücksichtigen?

Layout der Internet-Webseite). Wir werden außerdem verschiedene entscheidende Komponenten des Layouts verkleiden, darunter Mobilfunkprobleme und das Auschecken.

Gestalten der Personenströme

Das erste zu berücksichtigende Element ist die Fahrt Ihrer Person mit der Drift oder die Richtung, durch die der Tourist über Ihre Website navigiert. Schließlich ist das Layout von Internet-Webseiten nicht ungefähr das Wachsen einer Gruppe von Männer- oder Frauenseiten; es ist ungefähr wachsende Ströme. Diese Richtung ist eine Abfolge von Schritten, die der Tourist vom Zugangsfaktor (der primären Webseite, auf der er landet) bis zu der bestimmten Bewegung unternimmt, die er ausführen muss (im Allgemeinen ein Konversionsantrag, der eine Signalisierung, einen Kauf usw. ). Das Folgende wird Ihnen helfen, Ihre persönlichen Abläufe zu bestimmen, während Sie Ihre Internet-Site gestalten.

Einige Site-Besucher kommen auf eine Internet-Site, um nach einem bestimmten Artikel zu suchen. Da sie verstehen, was sie brauchen, werden sie wahrscheinlich die Navigationsalternativen nicht verwenden, um es zu finden. Das Merkmal „Suchen“ dient in diesem Fall als Abkürzung. Besucher müssen in der Lage sein, freundliche Textinhalte in einem Suchcontainer zu posten, sie zu hinterfragen und zu lokalisieren Web-Seite sie suchen nach.

Berücksichtigen Sie diese wenigen grundlegenden Vorschriften bei der Gestaltung des Jagdcontainers:

  • Stellen Sie den Jagdcontainer dort auf, auf den sich die Kunden verlassen können, um ihn zu finden. Die Tabelle unten, die hauptsächlich auf einem Blick durch A. Dawn Shaikh und Keisi Lenz basiert, zeigt die erwartete Nähe des Jagdgebietes, die mit einer Umfrage von 142 Teilnehmern übereinstimmt. Sie haben festgestellt, dass der maximale praktische Punkt der linke oder eigentliche Gipfel jeder Webseite auf einer Website ist.
  • Laut 1 have a look at ist der Pinnacle Left oder der eigentliche Pinnacle Ihrer Seiten der erstklassige Bereich für einen Seek-Container. 
  • Laut 1 have a look at ist der Pinnacle Left oder der eigentliche Pinnacle Ihrer Seiten der erstklassige Bereich für einen Seek-Container.
  •  
  • Verwenden Sie ein Lupensymbol, um das Interesse an dem Ort zu wecken. Das Lupensymbol ist weit verbreitet, was bedeutet, dass es maximal Kunden bekannt ist. Die Nielsen Norman Group empfiehlt die Verwendung eines schematischen Symbols, das effektivste Modell der Lupe.
  • Bemessen Sie den Eingabebehälter entsprechend. Den Eingangsbereich zu schnell zu machen, ist ein nicht ungewöhnlicher Platzfehler. Natürlich können Kunden recht langwierige Fragen direkt in einen schnellen Bereich stellen, auch wenn ein Teil des Textinhalts gleichzeitig am praktischsten ist, was für die Benutzerfreundlichkeit nicht besonders gut ist. Obwohl ein Suchcontainer einfach zu schnell ist, neigen Websitebesucher dazu, schnelle, vage Anfragen zu stellen, da längere Anfragen schwierig und unbequem zu studieren sein können. Ein 27-Personen-Eingabebereich wird 90% der Anfragen aufnehmen.
  • Platzieren Sie den Jagdcontainer auf jeder Webseite. Zeigen Sie den Jagdcontainer auf jeder Webseite an, damit Kunden unabhängig davon, wo sie sich auf der Website befinden, Zugang dazu erhalten.

Männer- oder Frauenseiten gestalten

Nachdem wir nun die Grundlagen der Person gehen mit dem Drift überprüft haben, ist es an der Zeit, Wege zu finden, um die Internet-Seiten für Männer oder Frauen zu gestalten. Im Folgenden haben wir die wichtigsten Tipps zur Gestaltung von Websites zusammengefasst, die Sie verstehen sollten.

beste Linkbuilding-Unternehmen

WEBDESIGN-KERN

Seitenform

Eine gut basierte Webseite hilft den Besuchern der Website, die Schnittstellendetails jeder Person zu finden. Es gibt zwar keine einheitlichen Vorschriften, aber einige Website design Tipps, die Ihnen helfen, eine starke Form zu erstellen:

  • Machen Sie es vorhersehbar. Schau auf dein Websites von Mitbewerbern, nehmen Sie keine ungewöhnlichen Layoutstile wahr und passen Sie sich den Erwartungen der Person an, indem Sie Layoutstile verwenden, die mit Ihrem Zielzielmarkt vertraut sein könnten.
  • Verwenden Sie ein Formatraster. Ein Formatraster unterteilt eine Webseite in die wichtigsten Bereiche und definiert die Beziehungen zwischen den Faktoren in Längen- und Positionsphrasen. Mit Hilfe eines Rasters wird das Kombinieren außergewöhnlicher Elemente einer Webseite in einem zusammenhängenden Format sehr viel einfacher.
  • Verwenden Sie ein Drahtmodell mit geringer Konstanz, um entscheidende Faktoren zu privatisieren. Wireframing kann Internet-Designer eine Vielzahl von Zeiten halten. Vor Aufbau der Webseite mit tatsächlichen Faktoren, erstellen Sie ein Wireframe, untersuchen Sie es und entfernen Sie alles, was nicht unbedingt erforderlich ist.

Scrollverhalten

Eine ständige Fantasie unter Internetdesignern ist, dass Menschen nicht scrollen. Um es klar zu sagen: Jeder scrollt und diese beginnen fast sofort zu scrollen, wenn sie auf einer brandneuen Webseite landen.

Wenn Sie dies wissen, können Sie die Freude der Menschen mit diesen Empfehlungen steigern:

  • Ermutigen Sie Kunden zum Scrollen. Trotz der Tatsache, dass Menschen normalerweise so schnell scrollen, weil die Webseite Hunderte, Inhaltsmaterial auf der Spitze der Webseite bleibt sehr entscheidend. Setzen Sie Ihr maximal überzeugendes Inhaltsmaterial auf den Höhepunkt:
  • Ein wünschenswerter Advent. Ein großartiger Advent vereint den Kontext für das Inhaltsmaterial und die Lösungen für die Frage des Touristen: „Worum geht es auf dieser Webseite eigentlich?“
  • Spannende Bilder. Gute Bilder können Textinhalte begleiten und den Besuchern der Website helfen, das Konzept oder das Thema besser zu verstehen.
  • Orientieren Sie Ihre Kunden. Behalten Sie beim Erstellen längerer Seiten im Hinterkopf, dass die Seitenbesucher dennoch eine Orientierungserfahrung (in ihrer heutigen Umgebung) und eine Navigationserfahrung (verschiedene gangbare Wege) benötigen. Lange Seiten könnten die Navigation für Kunden erschweren; Wenn die Pinnacle-Navigationsleiste beim Herunterscrollen der Person nicht mehr sichtbar ist, muss sie alle zurückgekehrten Manieren nach oben scrollen, während sie sich tief in der Webseite befinden. Der scheinbare Ansatz dazu ist ein klebriges Menü, das die heutige Umgebung suggeriert und zu jeder Zeit an einem festen Ort auf dem Bildschirm bleibt.
  • Geben Sie sichtbare Kommentare ab, während Sie neues Inhaltsmaterial laden. Dies ist vor allem für Internetseiten entscheidend, bei denen Inhaltsmaterial ist Hunderte dynamisch, die Informations-Feeds enthalten. Da das Laden von Inhaltsmaterial zu einem bestimmten Zeitpunkt beim Scrollen schnell sein muss (nicht mehr als zehn Sekunden), können Sie eine Animationsschleife verwenden, um darauf hinzuweisen, dass das Gerät läuft.
  • Entführen Sie das Scrollen nicht. Die Manipulation und Freiheit des Benutzers sind eine Reihe der Schlüsselheuristiken für das UI-Layout, die von Jakob Nielsen geprägt wurden. Entführtes Scrollen ist für maximale Kunden traumatisch, da es die Manipulation wegnimmt und das Scrollverhalten unvorhersehbar macht. Beim Layouten und Internetseite, erlauben der Person, ihr Surfvergnügen zu manipulieren.

Inhalt wird geladen

Die spontane Reaktion ist erstklassig, aber es gibt Zeiten, in denen Ihre Website mehr Zeit für die Bereitstellung benötigt Inhaltsmaterial für Website-Besucher. Eine schreckliche Internetverbindung sollte zu einer trägen Reaktion führen, oder eine Operation selbst sollte etwas länger dauern. Unabhängig vom Zweck eines solchen Verhaltens muss Ihre Internetseite jedoch schnell und ansprechbar. Hier sind ein paar Ansätze, um dies zu ernten:

  • Positiv machen Normales Laden dauert nicht lange. Unsere Kräuterinteressenspanne könnte sehr gering sein. Laut Studien der Nielsen Norman Group sind 10 Sekunden das Limit! Wenn Website-Besucher sich darauf freuen müssen, dass eine Website geladen wird, werden sie sauer und gehen. Selbst mit maximal toll gestalteter Ladeanzeige werden Kunden trotzdem abreisen, wenn es zu lange dauert.
  • Verwenden Sie zu einem bestimmten Zeitpunkt beim Laden Skelettmonitore. Viele Websites verwenden Entwicklungszeichen, um anzuzeigen, dass Fakten geladen werden. Das Ziel hinter einem Entwicklungsindikator ist zwar richtig, da es sichtbare Kommentare liefert, kann das Ergebnis jedoch schlecht sein. Wie Luke Wroblewski erwähnt: „Fortschrittszeichen durch Definition benennen Interesse an der Realität, auf die eine Person warten möchte. Es ist, als würde man die Uhr nach unten ticken sehen – während man das tut, scheint die Zeit langsamer zu laufen.“
  • Skelettmonitore sind hierfür eine hervorragende Gelegenheit. Diese Boxen sind ein kurzes sauberes Modell der Web-Seite, in die ständig Fakten geladen werden. Anstatt einen Ladeindikator anzuzeigen, können Designer ein Skelett-Display verwenden, um das Interesse der Kunden an einer echten Entwicklung zu erkennen und Vorfreude auf das Kommende zu wecken. Da Fakten inkrementell auf dem Bildschirm angezeigt werden, sieht es so aus, als würden die Dinge sofort passieren.

Metaphorik

Wie die Aussprache geht, ist ein Foto mehr als tausend Sätze wert. Menschen sind gut sichtbare Wesen und Bilder sind ein wirksames Mittel, um das Interesse der Person zu wecken. Ein unverheiratetes Foto kann dem Betrachter mehr bieten als ein aufwendig gestalteter Block von Textinhalt. Darüber hinaus verschieben Bilder Sprachgrenzen in einer Weise, die Textinhalte ehrlich gesagt nicht können.

Die folgenden Konzepte helfen Ihnen, Bilder in Ihrem Internet zu kombinieren Webseitenlayout:

Machen Sie positive Bilder relevant. Eines der größten Risiken im Layout sind Bilder, die die falsche Botschaft vermitteln. Wählen Sie Bilder aus, die sauber sein könnten und Ihre Produktziele unterstützen.

Vermeiden Sie universelle Bilder von Menschen. Die Verwendung menschlicher Gesichter im Layout ist eine wirkungsvolle Möglichkeit, mit Kunden zu interagieren. Wenn Website-Besucher Gesichter verschiedener Menschen sehen, vermuten sie, dass sich hinter dem Produkt oder der Organisation echte Menschen befinden. Aber um Vertrauen aufzubauen, verlassen sich viele Unternehmenswebsites auf universelle Inventarbilder. Wenn Website-Besucher unechte Bilder sehen, werden sie anfangen, an der Organisation zu zweifeln.

Verwenden Sie erstaunliche Eigenschaften und verwenden Sie keine Verzerrung. Die hohe Zufriedenheit der sichtbaren Eigenschaft in Ihrer Internetpräsenz kann einen brillanten Einfluss auf die Wirkung der Person haben. Verpixelte Bilder lassen die Besucher der Website an der hohen Zufriedenheit Ihres Produkts zweifeln. Überprüfen Sie daher die Entscheidungsgrößen für verschiedene Verhältnisse und Geräte.

Videos

Mit steigenden Internetgeschwindigkeiten sind Filme berühmter denn je, da sie hauptsächlich denken, dass sie die im Internet verbrachte Zeit verlängern Websites online. Heute ist Video überall. Wir betrachten es auf unseren Desktops, Tablets und Telefonen. Bei effektivem Einsatz ist Video eines der effektivsten Geräte für attraktives Arbeiten Zielmarkt — es vermittelt mehr Emotionen und bietet dem Menschen ein Erlebnis für ein Produkt oder eine Dienstleistung.

Wenn Sie Video auf Ihrer Internetseite anwenden müssen, beachten Sie die folgenden Tipps:

  • Stellen Sie Audio standardmäßig auf "aus" ein, mit der Option, es anzuzeigen. Wenn Kunden auf eine Webseite gelangen, verlassen sie sich nicht darauf, dass sie einen Ton abspielt. Wenn sie sich in einem öffentlichen Bereich befinden und jetzt keine Kopfhörer mehr tragen, werden sie unerwartete und plötzliche Audiosignale nicht bewundern. In den meisten Fällen verlassen Kunden die Website so schnell, wie sie funktioniert.
  • Halten Sie Werbefilme so schnell wie möglich. Laut einer Analyse von D-Mak Productions sind Quick Movies für die Masse der Kunden attraktiver. Halten Sie kommerzielle Unternehmensfilme innerhalb von wenigen Minuten.
  • Bieten Sie eine Möglichkeit, um Zugang zu Inhaltsmaterial zu erhalten. Versuchen Sie immer, Ihre Waren für Kunden mit unterschiedlichen Fähigkeiten zu gestalten, zu denen auch Personen gehören, die nicht zuhören oder sehen können. Um die Zugänglichkeit zu gewährleisten, fügen Sie Bildunterschriften und ein vollständiges Transkript des Videos hinzu.

Call-to-Motion-Buttons (CTAs)

Calls-to-Motion (CTAs) sind Schaltflächen, die Kunden zu Ihrem Conversion-Zweck leiten. Der gesamte Faktor eines CTA-Layouts besteht darin, Website-Besucher zu einer bestimmten Bewegung zu leiten. Einige nicht ungewöhnliche Beispiele für CTAs sind:

  • „Testversion starten“
  • „E-Book herunterladen“
  • „Für Updates anmelden“
  • „Lass dich beraten“

Berücksichtigen Sie beim Entwerfen von CTA-Buttons einige Dinge:

  • Größe. Ihr CTA muss groß genug sein, um Interesse zu wecken. Ein kurzer 5-2. Blick wird Ihnen helfen, die richtige Länge zu bestimmen. Sehen Sie sich 5 Sekunden lang eine Internetseite an und listen Sie dann die Faktoren auf, die Sie berücksichtigen. Wenn der CTA eine Reihe von Faktoren ist, dann herzlichen Glückwunsch! Es ist passend dimensioniert.
  • Visuelle Prominenz. Sie können sicherstellen, dass Schaltflächen hervorstechen, indem Sie ihnen eine größere sichtbare Bedeutung verleihen. Kontrastierende Farbtöne malen erstklassig für CTAs und sorgen für hängende Knöpfe.
  • Negativer Bereich. Neben Länge und Farbe nimmt die Größe der Fläche um einen CTA eine entscheidende Stellung innerhalb der sichtbaren Faktorenhierarchie ein. Weißer (oder schlechter) Bereich schafft einen entscheidenden Atemraum und trennt den Knopf von verschiedenen Faktoren innerhalb der Benutzeroberfläche.
  • Etiketten. Bewegungsorientiert nutzen Textinhalt für CTA-Labels, da dies die Website-Besucher dazu zwingen könnte, Bewegung zu machen. Verwenden Sie robuste Verben wie „Start“, „Get“ oder „Join“.

Papierkram im Internet

Das Ausfüllen von Papieren ist eine der maximal entscheidenden Formen des Zusammenspiels für Kunden im Internet. Benutzer müssen in der Lage sein, Papierkram schnell und ohne Verwirrung zu erledigen.

Hier sind einige Layout-Tipps, die Ihnen helfen, Ihr Shape-Layout zu verbessern:

  • Fragen Sie am besten, was erforderlich ist. Jeder weitere Bereich, den Sie in eine Form hochladen, wirkt sich auf die Conversion-Rate aus. Je mehr Sie fragen, desto weniger beeinflusst werden die Kunden möglicherweise, die Fakten anzubieten. Denken Sie immer darüber nach, warum Sie von Ihren Kunden nach sicheren Fakten fragen und wie Sie diese verwenden werden.
  • Ordnen Sie die Form logisch an. Zum Beispiel kann es seltsam erscheinen, den Deal einer Person vor ihrem Anruf anzufordern.
  • Zusammengehörige Felder gruppieren. Die Gruppierung schafft einen Sprung von einer Gruppe von Anfragen zur nächsten. Die gemeinsame Gruppierung von zusammengehörigen Feldern ermöglicht es der Person zusätzlich, die Fakten erfahrbar zu machen.

Animation

Animation ist jedes andere entscheidende Gerät für ein leistungsstarkes Zusammenspiel. Immer mehr Designer integrieren Animationen als gezieltes Detail, um das Vergnügen der Person zu verschönern. Animationen im Layout können jedoch die Person am praktischsten genießen, wenn sie zur richtigen Zeit und im richtigen Bereich enthalten sind. Gute UI-Animation hat einen Zweck; es ist weit bedeutsam und zielgerichtet.

Hier sind einige Beispiele, in denen Animation die Person verschönern kann:

  • Visuelle Kommentare zur Personenbewegung. Gutes Zusammenspiel-Layout bietet Kommentare. Visuelle Kommentare sind nützlich, wenn Sie Ihren Kunden ungefähr das Ergebnis einer Operation mitteilen möchten. Wenn es Probleme gibt, kann eine zielgerichtete Animation diese Tatsache bieten. Beispielsweise kann eine Shake-Animation darauf hindeuten, dass die Person das falsche Passwort eingegeben hat.
  • Sichtbarkeit der Gerätereputation. Als eine von Jakob Nielsens 10 Heuristiken für Benutzerfreundlichkeit bleibt die Sichtbarkeit der Gerätereputation eine Reihe der wichtigsten Konzepte in Person Schnittstellenlayout. Der Benutzer muss zu jedem Zeitpunkt seinen aktuellen Kontext in einem Gerät verstehen, und eine Internetseite muss die Person durch geeignete sichtbare Kommentare über das Geschehen informieren. Datenimport und -download sind traditionelle Vorgänge im Internet und eignen sich hervorragend für gezielte Animationen. Zum Beispiel zeigt ein lebhafter Ladebalken an, wie schnell eine Methode abläuft, und verbindet eine Erwartung für eine Geschwindigkeit, mit der die Bewegung ausgeführt wird.

Web-Layout ist ein kompliziertes Thema. Designer und Bauherren müssen jedes sichtbare Erscheinungsbild (wie die Website aussieht) und ein zweckmäßiges Layout (wie die Website funktioniert) berücksichtigen. Bei so vielen Angelegenheiten, die Sie berücksichtigen möchten, kann die Methode des Layouts schwierig sein. Um die Aufgabe zu vereinfachen, haben wir dieses Handbuch für Sie zusammengestellt.

In diesem Handbuch werden wir die grundlegenden Konzepte, Heuristiken und Taktiken erkennen, um Ihnen zu helfen, eine extrem gute Person mit Ihrer Internet-Site zu schaffen. Wir beginnen mit weltweiten Angelegenheiten, wie Personenflüssen (eine Möglichkeit, die Form der Internet-Site zu skizzieren), dann Gemälde bis hin zur Männer- oder Frauen-Webseite (was zu einem bestimmten Zeitpunkt beim Layout der Internet-Webseite zu berücksichtigen ist) ). Wir werden außerdem verschiedene entscheidende Komponenten des Layouts verkleiden, darunter Mobilfunkprobleme und das Auschecken.

SEO USA

DESIGN-FLOW

BENUTZERFLUSS GESTALTEN

Das erste zu berücksichtigende Element ist die Fahrt Ihrer Person mit der Drift oder die Richtung, durch die der Tourist über Ihre Website navigiert. Schließlich ist das Layout von Internet-Webseiten nicht ungefähr das Wachsen einer Gruppe von Männer- oder Frauenseiten; es ist ungefähr wachsende Ströme. Diese Richtung ist eine Abfolge von Schritten, die der Tourist vom Zugangsfaktor (der primären Webseite, auf der er landet) bis zu der bestimmten Bewegung unternimmt, die er ausführen muss (im Allgemeinen ein Konversionsantrag, der eine Signalisierung, einen Kauf usw. ). Das Folgende wird Ihnen helfen, Ihre persönlichen Flows zu bestimmen, während Sie Ihre Internetseite.

Informationsstruktur

Informationsstruktur (IA) ist ein Feld, mit dem Sie Fakten für Ihre Site-Besucher wahrheitsgemäß und logisch anordnen können. Informationsarchitekten untersuchen, wie Kunden Fakten formen und schaffen eine Hierarchie, die den Erwartungen der Person entspricht. Eine gute IA ist das Ergebnis intensiver persönlicher Studien und der Überprüfung von Werten.

Es gibt zahlreiche Ansätze, die Wünsche einer Person zu analysieren. Oft wird ein Faktenarchitekt ein energisches Element in persönlichen Interviews, Kartensortierung und moderierten Usability-Check-outs nehmen, wobei er einen Blick darauf werfen, wie Menschen mit dem gegenwärtigen Layout interagieren und ihre Kritiken darauf prozentualisieren.

  • Das Sortieren von Karten ist ein einfacher Ansatz, der lässt UX-Praktiker verstehen, wie Kunden sich organisieren und vorbereiten Inhaltsmaterial
  • Card Sorting ist ein einfacher Ansatz, der es UX-Praktikern ermöglicht, zu verstehen, wie Kunden Inhaltsmaterial organisieren und vorbereiten. Bildkredit-Score genießt UX.
  • IA wird ebenfalls verwendet, um das Web zu skizzieren Website Online-Navigation und Menüs. Wenn UX-Praktiker die Ausführung auf einem Menü beenden, verwenden sie jeden anderen Ansatz, der als „Baum-Check-out“ bezeichnet wird, um zu zeigen, dass es funktioniert. Das Auschecken von Bäumen erfolgt früher als das Entwerfen der echten Schnittstelle.

Das Auschecken von Bäumen ist eine zuverlässige Methode, um herauszufinden, ob Kunden mit der vorgeschlagenen Menüform malen können oder nicht. 

Das Auschecken von Bäumen ist eine zuverlässige Methode, um herauszufinden, ob Kunden mit der vorgeschlagenen Menüform malen können oder nicht. Bildkredit-Score Nielsen Norman Group.

Globale Navigation

Die Navigation ist ein Eckpfeiler der Benutzerfreundlichkeit. Wenn Site-Besucher nicht auf Ihrer Website navigieren können, werden sie höchstwahrscheinlich verlassen. Deshalb muss die Navigation auf Ihrer Internetseite drei Konzepten folgen:

Einfachheit. Ihre Navigation muss Website-Besuchern helfen, eine Möglichkeit zu finden, sich in Ihrem Web zu bewegen Website online mit den wenigsten Klicks realisierbar.

Klarheit. Es sollte nicht ungefähr erraten werden, was jede Navigationsalternative ist.

Konsistenz. Das Navigationsgerät muss für alle Seiten der Internetseite gleich sein.

Bedenken Sie einige Dinge, während Navigation gestalten:

  1. Wählen Sie ein Navigationsbeispiel in erster Linie ganz nach den Wünschen der Person aus. Die Navigation muss den Wünschen der meisten Besucher Ihrer Internetseite entsprechen. Es ist beispielsweise besser, sich von der Hamburger-Menü-Navigation fernzuhalten, wenn der Großteil Ihrer Kunden mit den Mitteln des Symbols selbst nicht vertraut ist.
  2. Priorisieren Sie Navigationsalternativen. Eine wünschenswerte Layout-Crew wird Navigationsalternativen priorisieren, die mit nicht ungewöhnlichen Aufgaben der Ortsperson übereinstimmen, und dabei an jede Priorität und Häufigkeit der Aufgaben denken.
  3. Machen Sie es sichtbar. Minimieren Sie die kognitive Belastung der Person, indem Sie wichtige Navigationsalternativen vollständig sichtbar machen. Wenn wir Navigationsalternativen verbergen, drohen wir, dass Website-Besucher sie nicht finden können.
  4. Kommunizieren Sie die heutige Umgebung. Es ist nicht ungewöhnlich, auf vielen Websites Ärger zu machen, wenn man die Nähe des heutigen Touristen nicht vorschlägt. Wenn Seitenbesucher fragen müssen: „Wo bin ich?“, ist dies ein klares Zeichen dafür, dass Ihre Navigation ein paar Bilder wünscht. Stellen Sie für große Websites Umgebungsschilder wie Breadcrumbs bereit.
  5. Die visuelle und zweckmäßige Gestaltung von Internet-Hyperlinks

Links sind ein wichtiges Detail in der Internet-Navigation. Ihr sichtbares und zweckmäßiges Layout wirkt sich unmittelbar auf die Benutzerfreundlichkeit aus. Befolgen Sie einige Vorschriften mit diesen interaktiven Faktoren:

  • Erkenne den Unterschied zwischen Innen und Außen Hyperlinks. Bei inneren und äußeren Hyperlinks rechnen die Nutzer mit außergewöhnlichem Verhalten. Alle inneren Hyperlinks müssen innerhalb des gleichen Tabs geöffnet werden, damit die Besucher der Website den "Zurück"-Button verwenden können.
  • Ändern Sie die Farbe der besuchten Hyperlinks. Wenn besuchte Hyperlinks keine andere Farbe haben, sollten Kunden die gleichen Seiten versehentlich mehr als einmal besuchen.
  • Testen Sie alle Hyperlinks. Es ist ärgerlich, auf eine 404-Fehler-Webseite zu gelangen. Verwenden Sie Geräte wie Dead Link Checker, um beschädigte Hyperlinks auf Ihrer Website zu finden.
  • Schaltfläche „Zurück“ in einem Browser
  • Die Schaltfläche „zurückgegeben“ ist möglicherweise die am häufigsten verwendete Schaltfläche innerhalb des Browsers, stellen Sie also sicher, dass sie konsistent mit den Erwartungen der Person funktioniert. Wenn eine Person einem Hyperlink auf einer Webseite folgt und anschließend auf die Schaltfläche "Zurück" klickt, zählt sie darauf, dass sie an die gleiche Stelle auf der einzigartigen Webseite zurückkehrt. Vermeiden Sie Bedingungen, bei denen das Klicken auf „zurückgegeben“ die Person zum Höhepunkt der vorläufigen Webseite führt, anstatt dort, wo sie aufgehört hat, hauptsächlich auf langen Seiten. Der Verlust des Platzes zwingt die Person dazu, über zu scrollen Inhaltsmaterial sie bereits gesehen haben, was zu sinnlosen Wechselspielkosten führt.

Paniermehl

Breadcrumbs sind harte und schnelle kontextbezogene Hyperlinks, die als nützliche Navigationsressource auf Websites dienen. Es ist ein sekundäres Navigationsschema, das normalerweise die Umgebung der Person auf einer Website vorschlägt.

Auch wenn dieses Detail keiner Klärung bedarf, sind einige Dinge erwähnenswert:

  1. Verwenden Sie Breadcrumbs nicht als Ersatz für die Navigation Nummer eins. Besucher müssen das Hauptmenü verwenden, um zu navigieren; Semmelbröseln müssen die Website-Besucher dabei am praktischsten unterstützen. Wenn Site-Besucher sich anstelle eines zusätzlichen Merkmals auf Breadcrumbs als Navigationstechnik Nummer eins verlassen, ist dies bei weitem ein klarer Hinweis auf ein schlechtes Navigationslayout.
  2. Auf der Best Buy-Internetseite unterstützen Breadcrumbs die Navigation Nummer eins. 
  3. Auf der Best Buy-Internetseite unterstützen Breadcrumbs die Navigation Nummer eins. Bildkredit-Score Best Buy.
  4. Trennen Sie jeden Grad wirklich. Verwenden Sie Pfeilspitzen als Trennzeichen, jetzt keine Schrägstriche mehr. Ein Schrägstrich (/) kann problemlos mit Produktklassen auf E-Trade-Websites kollidieren. Wenn Sie den Ahead-Schrägstrich anwenden, stellen Sie sicher, dass keine Produktklasse jemals einen Schrägstrich hat:
  5. Beispiel für eine schlechte Brotkrumenform; Die Unterscheidung zwischen den außergewöhnlichen Sortimenten dieses Breadcrumb-Pfades kann für Kunden schwierig sein.
  6. Beispiel für eine schlechte Brotkrumenform; Die Unterscheidung zwischen den außergewöhnlichen Sortimenten dieses Breadcrumb-Pfades kann für Kunden schwierig sein.
  7. Suche
  8. Einige Site-Besucher kommen auf eine Internet-Site, um nach einem bestimmten Artikel zu suchen. Da sie verstehen, was sie brauchen, werden sie wahrscheinlich die Navigationsalternativen nicht verwenden, um es zu finden. Das Merkmal „Suchen“ dient in diesem Fall als Abkürzung. Besucher müssen in der Lage sein, freundlichen Textinhalt in einem Such-Container zu posten, sie zu hinterfragen und die gesuchte Webseite zu finden.

Berücksichtigen Sie diese wenigen grundlegenden Vorschriften bei der Gestaltung des Jagdcontainers:

  • Stellen Sie den Jagdcontainer dort auf, auf den sich die Kunden verlassen können, um ihn zu finden. Die Tabelle unten, die hauptsächlich auf einem Blick durch A. Dawn Shaikh und Keisi Lenz basiert, zeigt die erwartete Nähe des Jagdgebietes, die mit einer Umfrage von 142 Teilnehmern übereinstimmt. Sie haben festgestellt, dass der maximale praktische Punkt der linke oder eigentliche Gipfel jeder Webseite auf einer Website ist.
  • Laut 1 have a look at ist der Pinnacle Left oder der eigentliche Pinnacle Ihrer Seiten der erstklassige Bereich für einen Seek-Container. 
  • Laut 1 have a look at ist der Pinnacle Left oder der eigentliche Pinnacle Ihrer Seiten der erstklassige Bereich für einen Seek-Container. Bildkredit-Score Erik Möller.
  • Verwenden Sie ein Lupensymbol, um das Interesse an dem Ort zu wecken. Das Lupensymbol ist weit verbreitet, was bedeutet, dass es maximal Kunden bekannt ist. Die Nielsen Norman Group empfiehlt die Verwendung eines schematischen Symbols, das effektivste Modell der Lupe.
  • Um Interesse an Ihrer Suchleiste zu wecken, verwenden Sie ein Symbol wie eine Lupe. 
  • Um Interesse an Ihrer Suchleiste zu wecken, verwenden Sie ein Symbol wie eine Lupe. Bildkredit-Score-Symbole8.
  • Bemessen Sie den Eingabebehälter entsprechend. Den Eingangsbereich zu schnell zu machen, ist ein nicht ungewöhnlicher Platzfehler. Natürlich können Kunden etwas langwierige Fragen direkt in einen schnellen Bereich bringen, wie auch immer ein Teil des Textes am praktischsten ist Inhalt zu einem Zeitpunkt zu sehen sein, was für die Benutzerfreundlichkeit nicht besonders gut ist. Obwohl ein Suchcontainer einfach zu schnell ist, neigen Websitebesucher dazu, schnelle, vage Anfragen zu stellen, da längere Anfragen schwierig und unbequem zu studieren sein können. Ein 27-Personen-Eingabebereich wird 90% der Anfragen aufnehmen.

Der riesige Enter-Container von Amazon ermöglicht den Besuchern der Website, ihre gesamte Suchfrage zu prüfen. Bildkredit-Scores von Amazon.

Platzieren Sie den Jagdcontainer auf jeder Webseite. Zeigen Sie den Jagdcontainer auf jeder Webseite an, damit Kunden unabhängig davon, wo sie sich auf der Website befinden, Zugang zu ihm erhalten Internetseite.

Männer- oder Frauenseiten gestalten

Nachdem wir nun die Grundlagen der Person gehen mit dem Drift überprüft haben, ist es an der Zeit, Wege zu finden, um die Internet-Seiten für Männer oder Frauen zu gestalten. Im Folgenden haben wir die wichtigsten Tipps zur Gestaltung von Websites zusammengefasst, die Sie verstehen sollten.

Content-Strategie

Wenn es um das Layout von Internet-Webseiten geht, ist das wichtigste Element das Layout über die Ziele der Webseite hinweg. Content-Strategie– was sich auf die Planung, das Wachstum und den Umgang mit dem Inhaltsmaterial auf Ihrer Website bezieht – wird bei diesem Training helfen. Jede Webseite hat ihren Zweck, der darin besteht, die Besucher der Website über etwas zu informieren oder sie zu einer Conversion zu ermutigen. Sobald Sie den Zweck der Webseite verstanden haben, müssen Sie am einfachsten das Layout herausfinden oder die Inhaltsmaterial.

Hier sind einige realistische Empfehlungen, die Sie berücksichtigen Content-Material-Strategie:

Verhindern Sie eine Überfrachtung mit Fakten. Zu viele Fakten auf einer Webseite können die Seitenbesucher ohne Probleme belasten. Es gibt ein paar einfache Ansätze, um die Überfrachtung mit Fakten zu begrenzen. Ein nicht ungewöhnlicher Ansatz ist das Chunking: das Aufteilen von Inhaltsmaterial in kleinere Stücke, um den Kunden zu helfen, es zu verstehen und die Methode höher zu legen. Eine Kassenform ist ein großartiges Beispiel dafür.

  1. Vermeiden Sie Fachjargon und branchenspezifische Ausdrücke. Jeder unbekannte Zeitraum oder jedes unbekannte Wort, das sich die Webseite ansieht, macht es für Site-Besucher sehr viel schwieriger, die Fakten zu verstehen. Eine sichere Vermutung ist, alle Analysebereiche zu notieren und Formulierungen zu wählen, die wahr und für jeden ohne Probleme verständlich sind.
  2. Minimieren Sie lange Sätze. Schreiben Sie in kleine, scanbare Segmente. Laut Robert Gunnings ee-ebook „How to Take the Fog Out of Business Writing“ müssen Sätze 20 Sätze oder weniger umfassen.
  3. Vermeiden Sie es, alle Buchstaben groß zu schreiben. Textinhalte in Großbuchstaben eignen sich hervorragend für Akronyme und Logos. Aber es ist erstklassig, bei Absätzen, Formbeschriftungen, Fehlern und Benachrichtigungen keine Großbuchstaben zu verwenden. In seinem E-Book Legibility of Print erwähnt Miles Tinker, dass Großbuchstaben die Analysegeschwindigkeit drastisch reduzieren.
  4. Seitenform
  5. Eine gut basierte Webseite hilft den Besuchern der Website, die Schnittstellendetails jeder Person zu finden. Obwohl es keine einheitlichen Vorschriften gibt, gibt es einige Tipps zum Website-Design, die Ihnen helfen, eine starke Form zu erstellen

Machen Sie es vorhersehbar. Schauen Sie sich die Websites Ihrer Konkurrenten an, nehmen Sie keine ungewöhnlichen Layoutstile wahr und richten Sie sich an den Erwartungen der Personen durch die Verwendung von Layoutstilen aus, die mit Ihren vertraut sein könnten Ziel Zielmarkt.

Verwenden Sie ein Formatraster. Ein Formatraster unterteilt eine Webseite in die wichtigsten Bereiche und definiert die Beziehungen zwischen den Faktoren in Längen- und Positionsphrasen. Mit Hilfe eines Rasters wird das Kombinieren außergewöhnlicher Elemente einer Webseite in einem zusammenhängenden Format sehr viel einfacher.

  • Ein 12-Spalten-Raster ist für das Layout der Internet-Webseite geeignet. Die Formatraster von Adobe XD helfen Designern dabei, stabile, vorbereitete Designs für außergewöhnliche Bildschirmgrößen zu erstellen und die Proportionen zwischen den Faktoren zu kontrollieren. 
  • Ein 12-Spalten-Raster ist für das Layout der Internet-Webseite geeignet. Die Formatraster von Adobe XD unterstützen Designer dabei, stabile, vorbereitete Designs für außergewöhnliche Bildschirmgrößen zu erstellen und die Proportionen zwischen den Faktoren zu kontrollieren. Bildkreditwürdigkeit Adobe XD.

Verwenden Sie ein Drahtmodell mit geringer Konstanz, um entscheidende Faktoren zu privatisieren. Wireframing kann Internet-Designer eine Vielzahl von Zeiten halten. Vor Aufbau der Webseite mit tatsächlichen Faktoren, erstellen Sie ein Wireframe, untersuchen Sie es und entfernen Sie alles, was nicht unbedingt erforderlich ist.

Visuelle Hierarchie

Es ist viel wahrscheinlicher, dass die Leute schnell mit einer Internetseite experimentieren, als das Ganze dort zu studieren. Daher ist es ein sehr gutes Konzept, Ihr Internet-Webseiten-Layout für das sofortige Scannen zu optimieren. Sie können Site-Besuchern helfen, das Gewünschte zu finden, mit einer sehr gut sichtbaren Hierarchie, die auf die Assoziation oder Darstellung von Faktoren auf einer Internetseite in einer Weise verweist, die ihre Bedeutung suggeriert (d. h., ihre Augen müssen zuerst erkennen). , 2. usw.). Nun, eine sichtbare Hierarchie kann die Überprüfbarkeit von Webseiten erheblich verbessern.

Verwenden Sie pflanzliche Scan-Stile. Als Designer haben wir eine Vielzahl von Möglichkeiten, das Aussehen von Menschen zu manipulieren, während sie eine Webseite anzeigen. Das F-Muster und das Z-Muster sind Kräuterscanstile, mit denen Sie die richtige Richtung für die Augen des Touristen festlegen können. Bei Seiten mit hohem Textinhalt, die Artikel und Suchergebnisse enthalten, ist das F-Beispiel höher, während das Z-Beispiel für Seiten geeignet ist, die nicht auf den Textinhalt ausgerichtet sind.

Priorisieren Sie die entscheidenden Faktoren visuell. Machen Sie entscheidende Faktoren, zu denen Schlüssel gehören Inhaltsmaterial oder Ihre Nummer-eins-Name-to-Motion-Buttons, die zentralen Faktoren, damit Website-Besucher sie sofort sehen.

Der Name-to-Motion „Pick a Plan“ sticht in diesem Fall heraus.

Der Name-to-Motion „Pick a Plan“ sticht in diesem Fall heraus. Bildkredit-Score MailChimp.

Erstellen Sie Mockups, um die sichtbare Hierarchie zu verdeutlichen. Mockups sind Layout-Artefakte mit hoher Konstanz, mit denen Designer sehen können, wie das letzte Format aussehen wird. Die Neuordnung von Faktoren in einem Internet-Layout-Gerät ist viel weniger kompliziert als dies mit Code.

Eine ständige Fantasie unter Internetdesignern ist, dass Menschen nicht scrollen. Um es klar zu sagen: Jeder scrollt und diese beginnen fast sofort zu scrollen, wenn sie auf einer brandneuen Webseite landen.

Wenn Sie dies wissen, können Sie die Freude der Menschen mit diesen Empfehlungen steigern:

  • Ermutigen Sie Kunden zum Scrollen. Trotz der Tatsache, dass Menschen normalerweise so schnell scrollen, weil die Webseite Hunderte, Inhaltsmaterial auf der Spitze der Webseite bleibt sehr entscheidend. Setzen Sie Ihr maximal überzeugendes Inhaltsmaterial auf den Höhepunkt:
  • Ein wünschenswerter Advent. Ein großartiger Advent vereint den Kontext für das Inhaltsmaterial und die Lösungen für die Frage des Touristen: „Worum geht es auf dieser Webseite eigentlich?“
  • Spannende Bilder. Gute Bilder können Textinhalte begleiten und den Besuchern der Website helfen, das Konzept oder das Thema besser zu verstehen.

In diesem Fall nutzt Tesla effektives Bildmaterial, um die Vorteile und Funktionen des Model X aufzuzeigen. Image credit Score Tesla.

Orientieren Sie Ihre Kunden. Behalten Sie beim Erstellen längerer Seiten im Hinterkopf, dass die Seitenbesucher dennoch eine Orientierungserfahrung (in ihrer heutigen Umgebung) und eine Navigationserfahrung (verschiedene gangbare Wege) benötigen. Lange Seiten könnten die Navigation für Kunden erschweren; Wenn die Pinnacle-Navigationsleiste beim Herunterscrollen der Person nicht mehr sichtbar ist, muss sie alle zurückgekehrten Manieren nach oben scrollen, während sie sich tief in der Webseite befinden. Der scheinbare Ansatz dazu ist ein klebriges Menü, das die heutige Umgebung suggeriert und zu jeder Zeit an einem festen Ort auf dem Bildschirm bleibt.

Wenn Sie über eine Möglichkeit nachdenken, eine Internet-Webseite so zu gestalten, dass die Interaktionskosten zwischen Personen minimiert werden, besteht eine Antwort darin, scrollaktivierte Sticky-Navigation anzuwenden. Bild Kreditwürdigkeit Zenman.

Geben Sie sichtbare Kommentare ab, während Sie neu laden Inhaltsmaterial. Dies ist vor allem für Internetseiten von entscheidender Bedeutung, bei denen das Inhaltsmaterial Hunderte dynamisch enthält, die Informations-Feeds enthalten. Da das Laden des Inhaltsmaterials zu einem bestimmten Zeitpunkt beim Scrollen schnell sein muss (nicht mehr als zehn Sekunden), können Sie eine Animationsschleife verwenden, um darauf hinzuweisen, dass das Gerät läuft.

Eine subtile Animation (die den Ladeindikator von Tumblr enthält) teilt der Person mit, dass umfangreicheres Inhaltsmaterial geladen wird. 

Eine subtile Animation (die den Ladeindikator von Tumblr enthält) teilt der Person mit, dass umfangreicheres Inhaltsmaterial geladen wird. Bild Kreditwürdigkeit Tumblr.

Entführen Sie das Scrollen nicht. Der Benutzer manipuliert und die Freiheit sind eine Reihe der wichtigsten Heuristiken für UI-Layout geprägt durch Jakob Nielsen. Entführtes Scrollen ist für maximale Kunden traumatisch, da es die Manipulation wegnimmt und das Scrollverhalten unvorhersehbar macht. Wenn Sie eine Internet-Site gestalten, erlauben Sie der Person, ihr Surfvergnügen zu manipulieren.

Die Anmelde-Webseite von Tumblr verwendet Scroll-Hijacking, was nicht perfekt ist. 

Anmeldung bei Tumblr Webseite macht Verwendung von Scroll-Hijacking, was keine perfekte Person ist. Bild Kreditwürdigkeit Tumblr.

Inhalt wird geladen

Während die spontane Reaktion erstklassig ist, gibt es Zeiten, in denen Ihre Internet-Site mehr Zeit braucht, um den Site-Besuchern Inhaltsmaterial zur Verfügung zu stellen. Eine schreckliche Internetverbindung sollte zu einer trägen Reaktion führen oder eine Operation selbst sollte etwas länger dauern. Unabhängig vom Zweck eines solchen Verhaltens muss Ihre Internetseite jedoch schnell und ansprechbar. Hier sind ein paar Ansätze, um dies zu ernten:

  • Positiv machen Normales Laden dauert nicht lange. Unsere Kräuterinteressenspanne könnte sehr gering sein. Laut Studien der Nielsen Norman Group sind 10 Sekunden das Limit! Wenn Website-Besucher sich auf eine Internetseite zu laden, werden sie sauer und gehen. Selbst mit maximal fantastisch gestalteter Ladeanzeige werden Kunden trotzdem abreisen, wenn es zu lange dauert.
  • Verwenden Sie zu einem bestimmten Zeitpunkt beim Laden Skelettmonitore. Viele Websites verwenden Entwicklungszeichen, um anzuzeigen, dass Fakten geladen werden. Das Ziel hinter einem Entwicklungsindikator ist zwar richtig, da es sichtbare Kommentare liefert, kann das Ergebnis jedoch schlecht sein. Wie Luke Wroblewski erwähnt: „Fortschrittszeichen durch Definition benennen Interesse an der Realität, auf die eine Person warten möchte. Es ist, als würde man die Uhr nach unten ticken sehen – während man das tut, scheint die Zeit langsamer zu laufen.“
  • Skelettmonitore sind hierfür eine hervorragende Gelegenheit. Diese Boxen sind ein kurzes sauberes Modell der Web-Seite, in die ständig Fakten geladen werden. Anstatt einen Ladeindikator anzuzeigen, können Designer ein Skelett-Display verwenden, um das Interesse der Kunden an einer echten Entwicklung zu erkennen und Vorfreude auf das Kommende zu wecken. Da Fakten inkrementell auf dem Bildschirm angezeigt werden, sieht es so aus, als würden die Dinge sofort passieren.

Facebook verwendet Skelettmonitore, um die Benutzeroberfläche als auszufüllen Inhaltsmaterial Hunderte inkrementell. 

Facebook verwendet Skelettmonitore, um die Benutzeroberfläche als Inhaltsmaterial Hunderte inkrementell auszufüllen. Bild Kreditwürdigkeit Facebook.

beste Linkbuilding-Unternehmen

TIPPS ZUM WEBDESIGN

Buttons

Schaltflächen sind interaktive UI-Faktoren, die eine Schlüsselposition bei der Unterhaltung mit dem Drift spielen. Es lohnt sich, diese erstklassigen Praktiken für Schaltflächen zu beachten:

  1. Stellen Sie sicher, dass klickbare Faktoren virtuell klickbar erscheinen. Die Art und Weise, wie ein Artikel aussieht, sagt den Kunden, wie sie ihn verwenden können. Visuelle Faktoren, die aussehen wie Hyperlinks oder Schaltflächen jedoch nicht anklickbar sind, die unterstrichene Phrasen enthalten, die keine Hyperlinks sind, oder Faktoren, die eine quadratische Herkunft haben, jedoch keine Schaltflächen sind, können Kunden ohne Probleme verwirren.
  2. Beschriften Sie die Schaltflächen entsprechend ihrer Funktion. Das Label auf jedem umsetzbaren Schnittstellendetail muss ständig mit dem verknüpft werden, was es für die Person tun wird. Beschreibende Etiketten können dabei helfen – Kunden fühlen sich wohler, wenn sie die Bewegung einer Taste verstehen. Vage Etiketten, die „Absenden“ oder zusammenfassende Labels wie in der Instanz unter bieten keine ausreichenden Fakten rund um den Antrag.
  3. Ein wünschenswertes Leitprinzip für das Website-Design ist es, zusammen mit Ihrem sauber zu sein Schaltflächentextinhalt damit die Kunden verstehen, was das Schnittstellendetail tut. 
  4. Ein wünschenswertes Website design Leitprinzip ist es, zusammen mit dem Textinhalt Ihrer Schaltflächen sauber zu sein, damit die Kunden verstehen, was die Schnittstellendetails tun. Bildkredit-Score UX-Angelegenheiten.
  5. Entwerfen Sie Schaltflächen konsequent. Benutzer berücksichtigen Informationen, ob bewusst oder jetzt nicht mehr. Beim Surfen auf einer Internetseite wird das Formular eines ausgewählten Details mit Schaltflächenfunktionalität ergänzt. Daher trägt sichtbare Konsistenz jetzt nicht mehr zu einem extrem gut suchenden Layout bei, kann jedoch das Verhalten der Details für Site-Besucher sogar vorhersehbarer machen. Das Foto unten veranschaulicht diesen Faktor perfekt. Die Verwendung von 3 außergewöhnlichen Knopfformen wird Ihre Person verunsichert verlassen.
  6. Bei der Gestaltung von Schaltflächen führt die Konsistenz zu einer höheren Benutzerfreundlichkeit. 
  7. Bei der Gestaltung von Schaltflächen führt die Konsistenz zu einer höheren Benutzerfreundlichkeit. 
Die besten SEO-Agenturen der Welt

FAZIT

Natürlich sind diese Internet-Layout-Empfehlungen nur ein Anfang. Mischen und formen Sie diese Gedanken zusammen mit Ihrem persönlichen für erstklassige Ergebnisse. Behandeln Sie Ihre Internetseite als eine sich ständig weiterentwickelnde Aufgabe und nutzen Sie Analysen und persönliche Kommentare, um das Vergnügen kontinuierlich zu steigern. Und bedenken Sie, dass Layout nicht nur für Designer gedacht ist, sondern für Kunden.

Share on Facebook
Facebook
Teilen auf Twitter
Twitter
Bei LinkedIn teilen
LinkedIn
Empfehlen über reddit
reddit
Auf tumblr teilen
tumblr

teile deine Gedanken...