0
10 Aufregende Wege zur Verwendung von Oberflächenelementen in deinem Site-Designby marvelads.comon.10 Aufregende Wege zur Verwendung von Oberflächenelementen in deinem Site-Design  Wussten Sie, dass Rick Astley’s “Never Gonna Give You Up” 30 Jahre alt ist? Auch wenn der Name keine Glocke klingelt, gibt es eine starke Chance, dass Sie zufällig ein Musikvideo für sie irgendwann gefunden haben, dank dem Rickroll. Oder vielleicht bist du mit dem Streich-Labyrinth-Spiel vertraut als vor etwa 10 Jahren? Du weißt, […]

 

Wussten Sie, dass Rick Astley’s “Never Gonna Give You Up” 30 Jahre alt ist? Auch wenn der Name keine Glocke klingelt, gibt es eine starke Chance, dass Sie zufällig ein Musikvideo für sie irgendwann gefunden haben, dank dem Rickroll.

Oder vielleicht bist du mit dem Streich-Labyrinth-Spiel vertraut als vor etwa 10 Jahren? Du weißt, wovon ich rede: Du sitzt bei der Arbeit, dein Freund besteht darauf, dass es ein cooles Spiel gibt, das du ausprobieren musst, und dann setzen sie dein Ei ins Spiel, obwohl du eine Client-Posteingangsanfrage hast, die auf dich wartet. (Es war eine sehr hypothetische Situation, übrigens und nicht was mir passiert ist.)

Dann, wie Sie das Labyrinth sorgfältig erforschen und denken, dass Sie die Partitur Ihres Freundes schlagen werden, erscheint Linda Blair von [1.900.998] Exorzist und schreit zu laut von Ihrem Arbeitscomputer.

Rickrolling und Streiche springen-unwahrscheinlich, um die trendigsten meme immer wieder zu sein. Allerdings sind sie gute Beispiele für die Verwendung von Überraschungselementen, um Ihr Publikum zu überraschen, zu überraschen und hoffentlich zu beeindrucken.

Als Web-Entwickler, wissen Sie, dass die Regeln der Minimalismus Barsch (wie es sollte). Meiner Meinung nach bietet die strategische Nutzung von Leerraum mit diesem Inhalt die perfekte Gelegenheit, um Ihre Besucher mit etwas Unerwünschtem zu überraschen. Ich sage nicht, dass du deine Besucher re-crawlen musst oder sie mit Traffic-Videos wirklich erschreckt hast. Es gibt viele andere Möglichkeiten, um ihnen ein bisschen ein Nervenkitzel und wecken sie von der Tour, die sie erwarten, um durch Ihre Website zu erhalten.

In diesem Tag werde ich 10 Möglichkeiten, um ein Überraschungselement zu Ihrem WordPress-Website hinzufügen und ich werde auch einige coole Beispiele, wie andere Menschen diese Arbeit für ihre eigenen Zwecke zu schaffen.

10 Möglichkeiten, Überraschungselemente in WordPress zu verwenden

Lass uns es sehen Die Besucher wissen, was jetzt im Hinblick auf eine Website zu erwarten ist. Entwerfen Sie einen großen Header Menü Hamburger am Telefon. Kontakte und über Seiten. Wahrscheinlich ein Zeugnis-Widget.

Nichts ist zu aufregend über eine vorhersagbare Website-Erfahrung. Aber es ist absolut nichts falsch mit ihm. Besucher schätzen Konsistenz und Vorhersagbarkeit. Aber wäre es nicht mehr vertieft, sie mit dieser Hoffnung zu fesseln und dann in der Lage zu sein, sie mit einem zufälligen Element zu überraschen, das sie denken lässt: “Nun, das ist wirklich anders / lustig / erstaunlich”?

Es gibt eine Reihe von Möglichkeiten, um das Element der Überraschung in Web-Design zu verwenden. Zu viel davon wird offensichtlich ein schlechter Schritt in Bezug auf UX sein, aber das Finden der richtigen Hinweise von ihm (und das passt zu Ihrer Markenidentität) wird wahrscheinlich das Interesse Ihres Besuchers mehr als ein paar Kerben treten.

Hier sind einige Ideen:

1. Verborgene Nachrichten in deinem Design einschließen

Ich bin ständig überrascht von der Anzahl der Firmen, die Bilder in ihren Logos verstecken. Arrow FedEx und Amazon A-to-Z ist wohl das bekannteste Beispiel dafür.

Wenn Sie an der Stelle sind, wo Sie eine Website entwerfen, ist es höchstwahrscheinlich zu spät, um etwas über das Hinzufügen einer versteckten Nachricht in Ihrem Logo zu tun. Bis es Zeit ist, das Bild zu ändern, darüber nachzudenken, wie Sie eine versteckte Nachricht oder ein Marken-Image in Ihre Website-Design, Foto, Maskottchen oder sogar Text einbetten können.

2. Süßes Geschäft auf Popup-Bar oder Halo

Für E-Commerce-Unternehmen gibt es eine Reihe von Möglichkeiten, um etwas kostenlos oder mit einem Rabatt zu bieten. Aber, wie Sie wissen, wird es nicht viel von einem Einfluss (oder ein Unterschied auf Ihrem Endergebnis), wenn Sie diese Transaktionen in alle werfen, sobald sie Ihre Website eingeben.

Deshalb haben wir eine perfekte und auch halal nicht die Mühe, mit dem Süßungsmittel für uns umzugehen. PinkBlush nutzt sowohl in der Hoffnung, Besucher auf einen oder beide lokalen Sonderangebote zu locken.

 Die Elemente der Überraschung - PinkBlush "width =" 1050 "height =" 585
Die Verwendung von PinkBlush Rabatten ist atemberaubend.

3. Füge deinem Bios eine lustige Note hinzu

Die Seite über Webseiten kann sehr schnell, sehr schnell sein. Es ist niemandes schuld Die meisten Leute verlassen sich auf “Dave und ich schreiben Code für das Leben” -Stop Bio, was ziemlich gut ist. Es ist prägnant und präzise und zwingt die Besucher nicht, lange Absätze von Daves Beschreibung zu lesen, wie er nach Rutgers ging, zog nach Colorado, aber dann entschied die Ostküste war der beste Strand (weil das ist).

Nun, ob Ihr Ziel ist es, Menschen zu bekommen, um tatsächlich lesen Sie Ihr Team Bios oder nicht, ist diese Seite ein toller Ort, um die lustige Seite der Menschen dahinter zu zeigen. Nehmen Sie zum Beispiel, was Wistia tat. Geben Sie das Wort “Tanz” ein und Sie können diese lustige Animation für sich selbst sehen.

4. Nicht-traditionellen Rollwirkung erzeugen

Jeder weiß, welche Art von statischen Web-Design und ich würde sagen, dass die meisten Menschen auch wissen, die Scroll-Parallaxe gerade jetzt. Also, wenn Sie ein Fan der Scrolling Trigger Gesten sind, ist dies eine gute Möglichkeit zu spielen.

Einer meiner Favoriten ist von Made by Few. Wenn Sie auf die Homepage blättern, können Sie denken, es ist nur eine traditionelle statische Website, aber dann whoops! Ihre Maus oder Finger ist versehentlich beschädigt und Sie bemerken, dass die Menge hin und her schaukelt und wie Sie.

 Element der Überraschung - von einem kleinen "width =" 1050 "height =" 582
Erstellt von ein paar Menschen, die Rock

5. Holen Sie sich Promi-Unterstützung

Wenn du denkst, dass es unmöglich ist, kannst du jemanden wie Britney Spears bekommen, um dich als Entwickler seiner WordPress-Wahl zu unterstützen, dann bist du wahrscheinlich richtig. Allerdings bedeutet das nicht, dass Sie oder Ihr Klient irgendwann keine wirklich coole Berühmtheit oder Beeinflusser-Gelegenheit finden.

Die BBC berichtet einige Beispiele dafür, wie kleine Unternehmen große Namensunterstützung nutzen können, um ihr Geschäft zu wachsen, etwas, das ihre Website-Besucher überraschen könnte, genau wie die Leute, die das Unternehmen führen. Dies ist die Action-Bronson-Video-Aufnahme für die Weihnachtsstufen im Austausch für Essen und Freizeit in ihrer Küche:

6. Füge etwas Unterhaltung hinzu

Die Gamifizierung geht nirgendwo im Webdesign voran, zumal die Millenniums-Kaufkraft zunimmt und die Generation Z in die Konsumentenklasse übergeht. Also, wenn Sie die WPMU DEV Abdeckung von, wie man Gamma zu Ihrem WordPress Website zum ersten Mal hinzufügen, achten Sie darauf, es jetzt zu überprüfen.

Oder Sie können Inspiration von einem zufällig aktivierten Dinosaurier-Spiel nehmen, das Sie spielen können, wann immer Sie Internet-Konnektivität verlieren:

 <img class=
Wer erwartet nicht, dass das Internet mehr für eine weitere Chance zu spielen geht?

7. Anrufe auf unerwartete Animation rufen

Sprechen Sie über eine vorhersehbare Erfahrung. Sie wissen, dass Ihre Besucher schließlich auf dem Call-Action-Formular und Kontakte auf Ihrer Website kommen. Und du weißt, dass viele von ihnen bereit sind zu konvertieren, auch wenn Sie nicht einen Hauch von etwas Unerwartetes auf die Erfahrung hinzufügen.

Aber was, wenn du es machst? Ist das nicht ein guter Weg, um sie zu stoppen und zu fragen, welche anderen Überraschungen du für sie hast?

ReadMe hat diese Art von “Überraschung” Animation zu ihrem Kontaktformular hinzugefügt und es ist wirklich cool.

Ihr Eulen-Maskottchen zeigt ihren Finger auf jedem Eingabefeld, während ihr sie auf der Registrierungsseite füllt.

 Element der Überraschung - ReadMe Registrierung "width =" 1050 "height =" 500
Das ReadMe-Ghost zeigt an, in welchem ​​Feld du arbeitest.

Die Eule wird ein bisschen unartig auf der Sign-In-Seite, wenn er seine Augen schließt, während du dein Passwort eingegeben hast.

8. Verstecke etwas im Quellcode

Als Web-Entwickler, wissen Sie, dass der Schlüssel zum Aufbau einer Website, die gut funktioniert, ist das Schreiben sauberer Code. Aus diesem Grund verwenden Sie häufig vordefinierte CSS- und JavaScript-Bibliotheken, um den Prozess zu glätten und stellen Sie sicher, dass Sie die entsprechende Funktionalität und den Feature-Code hinzufügen.

Aber wie nett ist es für dich? Sicher, Ihre Besucher werden die Vorteile Ihrer schönen Website ernten, aber im Grunde die gleiche Sache für Sie, Tag für Tag.

Also, für diesen Rat, denke ich, das ist eine großartige Gelegenheit für Sie, um aus Ihren Gewohnheiten herauszukommen und etwas Spaß zu machen, der Quellcode Ihrer Web site zu sein. Dies kann nicht unbedingt auf jeder Website passieren und kann nur für Ihre eigenen Zwecke sein, aber es ist immer noch eine lustige Möglichkeit, etwas überraschend hinzuzufügen, dass vielleicht nur ein paar andere technisch gesinnte Personen finden und schätzen werden.

Coca-Cola tut dies:

 Element der Überraschung - Coca-Cola-Quellcode "width =" 1050 "height =" 469
Coca-Colas Geheimcode-Nachrichtenquelle.

Wie bei PayPal:

 Die Hölle des Mädchens "Häufig gestellte Fragen"

 

So auch Kanye West:

 

 

 Element der Überraschung - Kanye West Quellcode "width =" 1050 "height =" 625
Kanye West Geheimcode Nachricht.

9. Verstecken Sie etwas, das deutlich sichtbar ist

Wenn Sie die Idee von diesem digitalen Osterei lieben, aber etwas wollen, können Sie mit Besuchern auf der tatsächlichen Website teilen, überprüfen Sie, was Kickstarter getan hat:

 Element der Überraschung - Kickstarter Schere "width =" 1050 "height =" 412
Hast du schon Osterei Kickstarter gesehen?

 

Wenn du zum Ende der Seite blätterst, wirst du ein Scheren-Symbol unten links sehen. Klicken Sie darauf, bis eine überraschende Meldung erscheint:

 

 

 Element der Überraschung - Kickstarter Kontaktformular "width =" 1050 "height =" 468
Kickstarter findet auf jeden Fall einen einzigartigen Weg, um neue Kunden zu bekommen.

 

Wenn du darüber nachdenkst, ist es eine sehr schlaue Art, Ostereier auf deiner Seite zu benutzen. Sicher, es kann nur für Unterhaltungszwecke sein, aber Kickstarter macht eine große Offenlegung in ein … Kontaktformular? Ja, das ist eine Form von Kontakt und vielleicht eine Sache, die mehr Leute bereit sind, wegen der einzigartigen Weise zu schicken, die ihnen zugesandt wird.

 

Wie von Hubble gesagt, Laura Filton:

 

“Ich fühle mich wie Ostereier sind Teil der Entwickler Persönlichkeit.” Dies sind sehr intelligente Menschen, die gerne Rätsel lösen, und die Ins und Outs ihrer Arbeit wurden von den meisten nie vollständig geschätzt Konsumenten, die ihre Produkte einsetzen, so können sie, indem sie Ostereier verstecken, Kunden belohnen, die zusätzliche Initiativen ergreifen, um die Software wirklich zu graben und zu schätzen – und was sie produziert. “

 

10. Werfen Sie etwas zufällig für sie

 

Diese letzte, die ich gerade entdeckt habe und ehrlich gesagt bin ich immer noch überrascht, weil, wie viel Zeit ich in Asana jeden Tag verbringe. Doch jetzt, wo ich weiß, dass es existiert, bin ich sehr dankbar dafür. Dies ist eine scheinbar unbedeutende Überraschung und trägt nichts dazu bei, meine Erfahrung bei der Verwendung von Produktivitäts-Apps zu verbessern, aber das macht mich sehr glücklich.

Dies ist, was Asana tat:

Gehe zu Mein Profil Einstellungen . Klicken Sie auf Hacks Tab und schalten Sie auf Tab + B hack.

Wiederholen Sie Asana, um Änderungen zu übernehmen … und drücken Sie dann Tab + B so oft wie Sie möchten.

Was ist die Überraschung von Asana?

Was ist die Überraschung von Asana? Ist es nicht Ist es wirklich schön Ja

 

Auch wenn du kein Fan von Katzen bist, kannst du dem Giggle auf dem neuen Tabby nicht widerstehen (bekommst es: Tab-B / tabby), das bei jedem Tab + B-Programm auf deinem Bildschirm erscheint

 

Einwickeln

 

Um ehrlich zu sein, werden nicht alle Geschäftsideen innovativ sein und Aufmerksamkeit erregen, aber es besteht noch ein Bedarf an solchen Dienstleistungen oder Produkten. Nur weil Sie eine WordPress-Website für Buchhalter oder Hund Wasserflaschen Design bedeutet nicht, dass die gesamte Erfahrung in der Ort muss das gleiche wie Vanille als das Geschäft dahinter sein.

 

Das heißt, ein guter Weg, um ein wenig Geist zu Ihrem WordPress Website hinzuzufügen ist, um es mit dem Element der Überraschung einzubetten. Natürlich muss das im Kontext relevant sein. Was für die oben genannten Marken funktioniert, kann nicht für Sie arbeiten, also nehmen Sie sich einen Moment Zeit, um herauszufinden, welche Elemente auf Ihrer Website ideal sind, um zu spielen.

Denken Sie daran: Sie wollen Ihre Besucher nicht vereiteln, verwirren oder stören. Hinzufügen eines Überraschungselementes, nur weil der Überraschungsfaktor wirklich nach hinten schießen kann, also benutze diese Design-Elemente mit Bedacht und darüber nachzudenken, wie sie ihre Erfahrung positiv beeinflussen können.

Vielen Dank für das Lesen, besuchen Sie den Originalartikel aus dieser Quelle Link.

Author: 

Related Posts

 

Leave a Reply