Das Entwerfen einer Portal-Website-Startseite (eine Seite, die als Tür zu einer großen Menge an Inhalten dient) kann ein äußerst herausforderndes Webdesign-Projekt sein. Die Natur eines Portals bedeutet, dass sich die Homepage ständig ändert und voller Links und Inhalte ist. Der Trick bei der Gestaltung einer zugänglichen und benutzerfreundlichen Portalseite besteht darin, ein Website-Layout zu erstellen, das häufige Inhaltsänderungen erleichtert, aber für eine einfache Lektüre und Navigation konsistent gestaltet bleibt. Wenn Sie es nicht richtig machen, können Sie eine überfüllte Seite erhalten, die schwer zu lesen ist. Die gute Nachricht ist, dass die Webdesign-Experten von Michael Bell One über umfangreiche Erfahrung in der Gestaltung von Portal-Websites für Schulen, Unternehmen und Regierungsinstitutionen verfügen, einschließlich des innovativen Online-Bestellsystems für Dienstleistungen des East Sussex County Council für Schulen. Lesen Sie weiter, um einige der Schlüsselfaktoren zu entdecken, die wir bei der Gestaltung von Portal-Websites berücksichtigen…
Portal-Website-Design: Layout
Wenn wir überlegen, wie wir uns am besten einem Portal-Website-Design nähern, beginnen wir im Allgemeinen mit dem Layout. Wenn wir eine Seite entwerfen, die voller Links und Informationen ist, verwenden wir normalerweise so viel Seitenbreite wie möglich, indem wir linke Ränder und unnötige Leerzeichen entfernen. Da Responsive Webdesign bei allem, was wir tun, im Mittelpunkt steht, würden wir natürlich auch den Platz optimal nutzen, unabhängig davon, auf welchem Gerät die Website angezeigt wird. Außerdem funktioniert das Zentrieren von Inhalten und Grafiken auf einer Portalseite nie wirklich gut, da Benutzer dazu neigen, oben links zu lesen und schnell nach unten rechts zu scannen.
Der beste Ansatz für das Portal-Webdesign besteht darin, Kästchen und Formen zu verwenden, um die Seite in leicht lesbare Teile zu unterteilen. Wir neigen dazu, eine Kombination aus langen grauen Rechtecken, quadratischen Tafeln mit helleren Farben für Nachrichtenabschnitte und Spalten im Magazinstil für Community- und Freizeitinformationen zu verwenden. Eine kleine, fette Schrift (10px Verdana) eignet sich gut für diese Art von Seitenabschnitten und hebt sich von den Hintergrundfarben und -formen ab. Links werden oft in vertrauten Blau- und Orangetönen hervorgehoben, wobei Symbole manchmal verwendet werden, um dem Benutzer zusätzliche visuelle Informationen darüber zu geben, was passiert, wenn er auf einen Link klickt.
Finden Sie heraus, wie wir Ihnen helfen können
Portal-Website-Design: Hintergrund
Die nächsten offensichtlichen Designelemente, die berücksichtigt werden müssen, sind Hintergrundbilder und Farben. Die Verwendung eines subtilen, pastellfarbenen Hintergrunds ist eine gute Möglichkeit, der Portalseite Textur und Tiefe zu verleihen. Wenn der Hintergrund jedoch zu beschäftigt ist oder zu viel Farbe und Schatten aufweist, kann dies wie eine Website aus den 1990er Jahren aussehen. Problematischer wird es, wenn die Farben, die über dem Portalhintergrund liegen, zu stark sind. Ein typisches Beispiel dafür ist, wenn wir mit der Neugestaltung von Portal-Websites beauftragt werden, die große Mengen an Cyan verwenden. Einige Farben funktionieren einfach nicht auf Computerbildschirmen, Cyan ist eine davon. Die Verwendung als Akzentfarbe kann sehr effektiv sein, aber das Abdecken großer Bereiche der Webseite kann zu Problemen mit der Lesbarkeit führen.
Für Portal-Website-Seitenlayouts ist es oft eine gute Idee, blasse Hintergründe mit dunklem Text oder gelegentlich dunklen Hintergrund mit blassem Text zu verwenden – zusammen mit Ofter-Tönen über stark gesättigten. Aufgrund unserer langjährigen Erfahrung in der Gestaltung von informationslastigen Websites stellen wir fest, dass die Verwendung von Blau- und Grautönen als starke Farben auf Nachrichten- und Portalwebsites äußerst effektiv ist, da sie das Auge schonen und einen besseren Kontrast für ein komfortableres Leseerlebnis bieten.
Design der Portal-Website: Grafiken und Bilder
Wir haben sorgfältig überlegt, wie wir Grafiken und Bilder verwenden. Wenn ein Logo schlecht gestaltet ist oder die Bilder zu klein oder falsch mit dem Text ausgerichtet sind, kann dies dazu führen, dass die Portal-Webseite unausgewogen und unorganisiert sowie unprofessionell aussieht. Da das Design von Markenstrategien der Eckpfeiler unseres digitalen Designgeschäfts ist, wissen wir, wie wir Logos und grafische Elemente entwerfen, die nicht nur zu Ihren Inhalten passen, sondern auch zu den Wünschen und Bedürfnissen Ihrer Zielgruppe.
Bei der Gestaltung von Portal-Website-Layouts möchten wir auch zusätzliche Elemente wie jQuery News-Scrollers und Schieberegler auf ein Minimum beschränken. Obwohl diese im Allgemeinen sehr gut funktionieren, können sie sich negativ auf die Seitenladezeiten auswirken und zu Seitenfehlern oder Flackern führen. Es ist besser, ein spezielles News-Panel zu haben, das aus Gründen der Lesbarkeit einfaches HTML verwendet, aber auch, weil Lauftext vom Seiteninhalt ablenken kann, wie es Bannerwerbung oder animierte Grafiken häufig tun.
Unser oberstes Ziel bei der Gestaltung von Portal-Website-Layouts ist es, eine reaktionsschnelle, zugängliche und benutzerfreundliche Informationsdrehscheibe zu schaffen, die nicht nur gut aussieht, sondern auch mühelos eine große Menge an Informationen an ihre Leser übermitteln kann. Um dies zu erreichen, stellen wir im Allgemeinen fest, dass ein Portal-Webseitenlayout im Magazinstil gut funktioniert. Es mag eine gut verwendete Formel sein, aber das liegt daran, dass es ein äußerst effektives Mittel ist, Informationen schnell und effizient zu vermitteln.
Finden Sie heraus, wie wir Ihnen helfen können
Die fünf wichtigsten Tipps für eine polierte Portal-Website
Effizienz
Wenn Sie viele Inhalte auf einer Seite benötigen, reduzieren Sie Ränder und Ränder, um jedes freie Pixel für die Verwendung mit dem Inhalt zurückzugewinnen. Teilen Sie Ihr Layout in Panels auf und platzieren Sie sie etwa 10 Pixel voneinander entfernt. Verwenden Sie feine Linien und kleine fette Schriftarten und geben Sie den Panels einen internen Abstand von 10-15 Pixel, um den Text von den Kanten fernzuhalten.
Kein Hintergrundbild
Hintergrundbilder sind in Ordnung, aber seien Sie vorsichtig, wie Sie sie verwenden. Wenn sie zu beschäftigt sind oder zu viel wiederholen, sieht das Endergebnis nur chaotisch aus. Achten Sie besonders darauf, beim Entwerfen von Portal-Website-Grafiken geprägte Bilder zu vermeiden. Einfache 2D-Webgrafiken sehen viel sauberer und professioneller aus. Denken Sie immer daran, dass der Hintergrund niemals mit dem Vordergrund um visuelle Aufmerksamkeit konkurrieren sollte – insbesondere auf Informationswebsites.
Die Natur einer Portalseite bedeutet, dass sie voller Links ist. Die meisten Portale sind jedoch in Unterabschnitte unterteilt, die immer über eine gut sichtbare Navigationsleiste leicht zugänglich sein sollten. Versuchen Sie, diese Links oben auf der Seite oder auf der linken Seite zu platzieren, und wiederholen Sie sie im Klartext am Fuß der Seite, um die Idiotensicherheit zu erhöhen.
Ruhige Farben
Farbe ist ein grundlegender Bestandteil des Interface-Designs, und das Entwerfen einer Portal-Website ist nicht anders. Vermeiden Sie helle, gesättigte Farben wie Cyan. wenn Sie helle Farben mögen, versuchen Sie es mit 10-20%, wenn sie sich im Hintergrund befinden, oder verwenden Sie sie als Akzentfarben für Untertitel, Links und CSS-Rollover. Versuchen Sie, gedämpfte Farben für Boxen und Hintergründe zu verwenden: Grautöne eignen sich gut für praktisch jedes Farbschema.
Vermeiden Sie Gizmos
Jeder Webdesigner liebt jQuery; Es ist eine fantastische JavaScript-Bibliothek und wir verwenden sie mit großer Wirkung auf viele E-Commerce-Webdesigns und CMS-Websites, aber das bedeutet nicht, dass es auf jeder Website verwendet werden sollte. JavaScript-Widgets und Bildlaufleisten können Webseiten verlangsamen und Probleme mit älteren Webbrowsern verursachen. Sie können auch ein wenig klebrig aussehen, wenn sie überstrapaziert werden. Wenn das, was Sie zu sagen haben, wichtig ist, sollten Sie es klar und sicher sagen, ohne es wie die rot gepunktete LED-Anzeige bei Ihrer örtlichen Post am Benutzer vorbei zu scrollen.
Das Entwerfen einer Portal-Website ist einfach; Das Entwerfen einer großartigen Portal-Website ist schwierig. Es erfordert Erfahrung, Kreativität und Designtalent, um eine Informationsquelle zu schaffen, die informativ ist und gleichzeitig zugänglich und intuitiv zu bedienen ist. Wenn also Ihre Schule, Gemeindeorganisation oder Ihr Unternehmen von einem schön gestalteten, reaktionsschnellen und zugänglichen Portal-Website-Design profitieren würde, wenden Sie sich noch heute an Michael Bell One, um Ihr Projekt zu besprechen.
Über Michael Bell One
Michael Bell One ist eine Agentur für Webdesign, SEO (Suchmaschinenoptimierung) und digitales Marketing mit Sitz in Lewes, East Sussex, und Büros in Sussex, Surrey, London und Kent.
Um mit uns über Ihr Webdesign-, SEO- oder Branding-Projekt zu sprechen, kontaktieren Sie James Golding unter 01273 478822 oder senden Sie uns stattdessen einfach eine E-Mail.
