Geschmackvolle Alternative zum Festzelt

Eine Kundin von mir stellt also wiederholt Anfragen nach Dingen, die „cool“ waren, als ihre Website ursprünglich Ende der Neunziger gestartet wurde. Eine Funktion ist ein scrollendes Laufband, das nur „Willkommen bei {Domainname}“ sagt (Client und Domain wegen Geheimhaltungsvereinbarung zurückgehalten).

Ich habe die Kundin wiederholt darauf hingewiesen, dass dies ein negatives Designelement ist, da ein Laufband nur für die ständige Aktualisierung von Daten sinnvoll ist und sie nur eine Willkommensnachricht setzen möchte. Können Sie sich etwas Zeitgenössisches vorstellen, was subtile Animationen angeht, die ein Laufband ersetzen würden? Der Text würde wieder nur "Willkommen bei {Domainname}" lauten.

AKTUALISIEREN

Einige Leute haben um Klarstellung gebeten, also hier ein paar mehr Informationen über die Seite. Ich würde das Design teilen, aber noch einmal, NDA. : (

Das Design ist die folgenden Themen: Patriotisch, sauber, leicht strukturiert. Das Konzept, das mir gegeben wurde, war ein Archivbild, das eine alte amerikanische Flagge und eine Kopie der Verfassung mit einer darüber gelegten Feder enthielt. Ich habe das als Hintergrund verwendet und den Inhalt auf einen mit Papier strukturierten Mittelbehälter gelegt. Die Farben sind rot, weiß und blau (weißer Hintergrund mit roten Kopfzeilen und blauen Links). Ein Fahnenschwenken könnte dafür eigentlich perfekt sein, wie @Scott vorgeschlagen hat. Über einen Vorschlag zur Umsetzung würde ich mich freuen.

AKTUALISIERUNG 2

Im Interesse, Lösungen vorzuschlagen und nicht nur Probleme zu schaffen, hier ist ein jsfiddle eines jquery-Plugins, um eine Welle zu machen. Anregungen? Verbesserungen? http://jsfiddle.net/yPZVy/

KLÄRUNG

Ich habe diesen Teil vielleicht gut genug erklärt oder nicht, sie verwendet nicht einfach das "Festzelt" -Tag, sondern eher eine Flash-Animation, die dasselbe tut. Dies ist offensichtlich aus vielen Gründen ein Problem.

Ich würde nicht bewegten Text vorschlagen. Aber wenn Sie mit allem gehen müssen, wählen Sie fliegende Tauben und ein sich wiederholend umkehrendes Regenbogenverlaufsdesign zusammen mit einem Soundtrack im Hintergrund, den Sie nicht ausschalten können.
Für diesen Kunden wären es kreischende Weißkopfseeadler und F-35, die über die Seite fliegen. Ich bin mir nicht sicher, ob Kenny Loggins für die Erlaubnis zur Verwendung von Danger Zone erreicht werden konnte.
Sie können mehrere Animationen mit jQuery erstellen. Und Sie können das Intervall, die Richtung und den Typ viel mehr steuern als mit dem alten Marquee-Tag. Ich würde dies auf StackOverflow.com posten. Es ist besser geeignet für diese Seite.
@scott Ich glaube nicht, ich frage nicht nach einer technischen Möglichkeit für das, was ich tun kann. Ich werde wahrscheinlich am Ende eine CSS3-basierte Animation mit einem jQuery-Fallback verwenden. Meine Frage war eine Designfrage: Welche Art von Element kann konzeptionell eine fette Marquee-Animation ersetzen, ohne die Lesbarkeit zu beeinträchtigen?
Ahh fair genug. Das ist ein Rätsel, da jeder Ersatz, selbst in der Nähe eines Festzeltes, genauso ablenkend wäre. Ich meine... "Tasteful Marquee" ist selbst ein Oxymoron :)
Exakt! Vielleicht ist dies eine unaufhaltsame Kraft trifft auf die Frage eines unbeweglichen Objekts, aber ich dachte, jemand hätte eine Idee. Ich habe einige Seiten mit geschmackvollen Animationen gefunden, die passieren, wenn Sie mit der Maus über Dinge fahren usw., aber ich kann anscheinend nichts finden, das Aufmerksamkeit erregt, ohne ... Sie wissen ... schrecklich zu sein.
Ich glaube nicht, dass ich irgendetwas angemessen vorschlagen könnte, ohne zumindest eine Ahnung vom Seitendesign oder zumindest einen allgemeinen Sinn für das Konzept zu haben. Dinge kommen mir in den Sinn – eine langsam wehende Flagge, ein zeitgesteuertes Intervall zwischen einem Banner-Flip, ein Ein-/Ausblenden einer Seite beim Laden.
Okay, ich habe zwei Fragen, bevor ich antworte: 1. Will sie diese coolen Elemente aus der Zeit, als ihre Website zum ersten Mal gestartet wurde, als „Rückblick“ oder warum? 2. Können Sie den Rest der Website allgemein einschätzen, z. B. „technisch“, „grundlegend“, „modern“ usw.?
Sie verlangt es, weil sie der Meinung ist, dass es die Seite zum "Pop" macht. Ja, einer dieser Kunden. Ehrlich gesagt möchte ich nur lebend daraus herauskommen, ohne ihre alte Seite neu zu erstellen. Ich habe die Frage mit Details zum Design aktualisiert.
Wie wäre es mit den Flaggenwellen (SEHR langsam). Sie könnten dies wahrscheinlich mit einem kleinen Satz von Bildern und einem Fade-Effekt anstelle einer vollständigen Animation erreichen.
In den css-tricks-Foren gibt es einen wirklich coolen CSS3-Flag-Wave-Ribbon-Effekt, aber ich sehe keine einfache Möglichkeit, dies für den IE zu reproduzieren, da er so stark auf CSS3-Verläufe angewiesen ist. css-tricks.com/forums/discussion/11054/…
Kannst du Flash dafür verwenden? Ansonsten könnten Sie mit Javascript wahrscheinlich etwas geschmackvolleres machen; Ich würde bei Paperscript nach einem ziemlich einfach zu handhabenden Framework suchen. Es würde Ihnen viele Möglichkeiten eröffnen.
Eigentlich würde ich ihr sagen, dass Marquee nicht mehr unterstützt wird und es keine gute Möglichkeit gibt, dies zu tun, die universell unterstützt wird. Mobiltelefone haben Probleme, wenn Sie dies in Flash tun, und ältere Computer können nicht unbedingt Javascript-Animationen sehen, die HTML5 verwenden.
@ryan Ich überlege tatsächlich, eine Jquery-Animation zu machen, damit sie in allen Browsern funktioniert. Aber ich versuche immer noch, auf der Grundlage all dieser Antworten eine Lösung auszuhandeln.

Antworten (5)

Ich finde, dass, wenn man tief genug gräbt, normalerweise selbst in den verrücktesten Kundenanfragen ein Körnchen Sinn steckt. Die Worte, mit denen sie ausdrücken, was sie wollen, sind normalerweise in ein Durcheinander von dem, was sie gesehen haben und was sie für normal halten, verpackt - aber jeder Beruf hat seinen eigenen Geschmack von "ein bisschen Wissen ist eine gefährliche Sache". Es könnte schlimmer sein, wir könnten Ärzte sein, die versuchen, Patienten zu sagen, dass das Medikament, für das sie gestern eine Anzeige gesehen haben, sie nicht heilen wird, oder Mechaniker, die versuchen zu erklären, warum der Freund des Kunden, „der wirklich gut mit Autos umgehen kann“, falsch lag und es wirklich so ist ehrlich gesagt ist keine einfache Lösung.

Ich vermute in diesem Fall, weil ich den Kunden nicht kenne, aber ich kann mir ein paar echte, vernünftige Wünsche vorstellen, die, wenn sie durch den Fleischwolf von begrenztem Wissen und Erfahrung gebracht werden, dazu führen könnten, dass sie um ein Festzelt mit a bitten Willkommensnachricht, die "platzt".

  • Sie wollen Bewegung, die einen neuen Kunden in den Fokus rückt, ihre Aufmerksamkeit aktiv auf einen Ausgangspunkt lenkt und dem Kunden aktiv ausgewählte Elemente vorstellt. Wenn das stimmt, gibt es viele Dinge, die Bewegung verwenden, um sich auf Schlüsselelemente zu konzentrieren, die Ihrem Kunden gefallen könnten, wenn sie richtig präsentiert werden. Abgesehen von Textübergangseffekten ist der offensichtliche Effekt ein Karussell – vielleicht ein bisschen wie ein Klischee und oft missbraucht, aber sie können sehr effektiv sein, wenn sie richtig gemacht werden. Es ist wahrscheinlich auch das, was einem Festzelt am nächsten kommt.
  • Sie wissen instinktiv, dass ihre Kunden die persönliche Note mögen und können sich selbst vom saubersten modernen Webdesign eingeschüchtert fühlen. Sie haben das Gefühl, dass sie ihre Kunden erreichen und ihnen persönlich eine Willkommensbotschaft als einen klaren Ausgangspunkt überbringen möchten, und sie möchten diese Botschaft wie ein begeisterter Gastgeber an den Besucher weitergeben. Wenn es das ist, was sie wollen, könnte dieser Smashing-Artikel über Website-Einführungen ein Ort sein, an dem sie anfangen können, Ideen zu sammeln.
  • Sie wissen vielleicht, dass ihr Publikum Dinge in einem langsameren Tempo mag und es mag, wenn Dinge zu ihnen kommen – mehr Einkaufskanal als Einkaufspassage. Daher mögen sie die Idee, Dinge langsam und sanft in einem festgelegten Tempo auf den Betrachter zuzuschieben. Vielleicht weiß Ihr Kunde, dass sich seine demografischen Merkmale im digitalen Dschungel verloren fühlen, und ein Festzelt kommt Ihrem Kunden am nächsten, um ihm ein Führungsseil zuzuwerfen. Wenn Ihr Kunde dies möchte, haben Sie ein wirklich interessantes Designproblem: Sie möchten die vielfältige Welt der Website-Elemente erkunden und neu erfinden, die für ein semi-passives Publikum funktionieren. Ein paar Beispiele für die Spitze meines Kopfes sind die Verwendung von Videos und die Art von geführten Schnittstellen, die Sie manchmal in interaktiven Visualisierungen sehen ( Homepage von Development Seedist ein cooles, wenn auch leicht verwirrendes Beispiel für dieses Prinzip, das auf Webdesign im Allgemeinen angewendet wird - das allgemeine Prinzip ist, dass es einen klaren, reibungslosen Pfad gibt, und Sie können davon abweichen, wenn Sie möchten)

Unterschätzen Sie niemals, wie gut ein guter Kleinunternehmer sein Publikum instinktiv kennt, auch/besonders wenn es keine Designkenntnisse oder mangelnde Designkenntnisse hat. (Unterschätzen Sie auch nie, wie unwissend einige mittlere Manager in großen Unternehmen gegenüber ihrem Publikum sein können ...)

Wenn Sie mir eine "als ich jung war"-Geschichte verzeihen ... Ich war Student in einem Beratungsteam als Teil eines Praktikums und arbeitete mit einem Typen zusammen, der ein Geschäft führte, das traditionelle schottische Sachen verkaufte. Seine Website war ein Albtraum: Beim Laden der Seite spielte sie Dudelsackmusik in voller Lautstärke. Jeder, der mit ihm gearbeitet hatte, hatte ihm gesagt, er solle die Musik entfernen, und er weigerte sich immer und wurde defensiv: Die anderen hielten es für unmöglich, mit ihm zu arbeiten.

Eines Tages fand ich in einem lockeren Gespräch einen Weg, freundlich und interessiert beiläufig nach der Dudelsackmusik zu fragen. Es stellte sich heraus, dass er regelmäßig E-Mails von gelangweilten, älteren Diaspora-Schotten erhielt, die es liebten, beim Einkaufen Musik zu hören, und die sagten, dass sie sich dadurch wie zu Hause fühlten. Der Typ war ein geborener Verkäufer: Er stürzte sich darauf, verzauberte sie mit den Geschichten hinter jedem Musikstück, arbeitete an seinen anderen Produkten, und bald waren diese Typen treue Stammkunden, die man beim Du nannten. Er verkaufte ihnen hochwertige Waren und sie verbreiteten die Welt über seine Waren.

Nachdem ich zugehört hatte, begann ich, Vorschläge zu machen, wie er Teile der Website verbessern könnte, von denen er sich zuvor geweigert hatte, sich zu bewegen - indem ich Eingabeaufforderungen vor dem Abspielen der Musik vorschlug, klarere Musikplayer-Steuerelemente und allgemeine Dinge wie ein Website-Design und eine Struktur, die die persönliche Kommunikation förderten . Er hörte aufmerksam zu und nahm die Vorschläge auf, denn er konnte sehen, dass ich verstand, was er wirklich versuchte. Alle anderen waren so beeindruckt davon, wie offensichtlich eine schlechte Idee es war, Leuten nicht einvernehmliche Dudelsackmusik vorzuspielen, dass sie nie aufgehört hatten, herauszufinden, warum dieser kluge, erfolgreiche Typ es für eine gute Idee hielt.

Danke für diese tolle ausführliche Antwort! Ihre "Als ich jung war"-Geschichte fühlt sich sehr ähnlich an, obwohl ich nicht sicher bin, ob diese Benutzerin die Beweise hat, um ihre Meinung so sehr zu untermauern. Mir wurde gesagt, dass sie Lauftext "erfordern" würde. Ich fragte warum, und sie sagte: "Damit die Leute wissen, dass sie auf der Homepage sind." Ich habe eine Reihe anderer Dinge vorgeschlagen, und es scheint, dass Animation der einzige Weg für sie ist, also fordere ich hier Antworten heraus. Vielen Dank für Ihre sorgfältige und gründliche Analyse, wie Sie dies angehen können.

Wenn Sie die IP Ihres Kunden haben, können Sie ein blinkendes Festzelt nur für ihn haben ...

Spaß beiseite, das ist eines der Dinge, bei denen der Kunde falsch liegt und bei denen Sie den Zweck der Website mit dem Kunden besprechen müssen.

"Ich befürchte, dass dies den Kunden vom Kauf Ihres Produkts ablenken könnte, weil seine Aufmerksamkeit von Ihrem Produkt oder Ihrem Pitch abgelenkt würde, und nach den ersten 5-6 Malen ist ein fertiges 'Willkommen bei X' etwas lästig... Sie wollen keine Umsätze verlieren, oder?"

Wenn das nicht funktioniert, können Sie den Kunden davon überzeugen, dass nur 1-2 Mal scrollen ausreicht und die „Willkommen“-Nachricht danach statisch sein kann?

Ich arbeite an einer einfachen "Lade"-Animation, bei der es langsam von einer Seite hereinkommt. Das mag ausreichen oder auch nicht, um den Wunsch zu befriedigen, den sie danach haben, aber ich versuche, dies als Gelegenheit zu sehen, einen Kompromiss zwischen dem, was sie wollen, und dem, was sie tatsächlich brauchen, zu finden.
"Laden" ist eine Idee, aber was haben Sie auf der Website, das Zeit zum Laden benötigt, und wird der Kunde das als Ersatz für eine Willkommensnachricht akzeptieren?
Es tut mir leid, ich wollte nicht sagen, dass es "Laden" sagt, sondern dass die Animation nur einmal beim Laden ausgeführt wird. Ähnlich wie css-tricks.com die Farbe jedes Menüelements beim Laden anzeigt, es dann aber nicht erneut tut (obwohl es dieselbe Animation ist, die Sie beim Bewegen der Navigationselemente sehen).
@NateDSaint Oh, ok. Ja, das wäre eine gute Lösung, wenn der Auftraggeber überzeugt werden kann.

Du stellst die falsche Frage. Die Frage ist:

Wie bringe ich einen Kunden dazu, sich auf seine geschäftlichen Bedürfnisse statt auf seine persönlichen Bedürfnisse zu konzentrieren?

Der wichtigste Weg, damit umzugehen, besteht darin, einen Kunden niemals zu fragen, was er auf seiner Website haben möchte. Fragen Sie sie stattdessen, was ihre Kunden brauchen. Was sind die Ziele ihrer Kunden?

Sobald sie anfangen zu reden „Ich mag lila und animierte Einhörner“, dann bist du kein Grafikdesigner mehr. Du bist jetzt nur ein Produktionskünstler, der die künstlerische Leitung von jemandem übernimmt, der keine künstlerischen Fähigkeiten besitzt.

Danke für diese Antwort! Ich habe dafür gestimmt, aber ich denke, der Grund dafür, dass andere es abgelehnt haben, war, dass ich eine bestimmte Designfrage in Form einer Brainstorming-Frage gestellt habe. Aber danke fürs Querdenken und Umleiten, das schätze ich sehr. Das Problem hier ist, dass sie davon überzeugt ist, dass jeder in ihrer Branche genauso ist wie sie, und ich kenne ihre Branche nicht gut genug, um zu sagen, dass sie falsch liegt. Nicht hilfreich ist die Tatsache, dass ihre Konkurrenten alle ähnliche Funktionen haben. Ich versuche, eine subtile Animation als Kompromiss zu finden, daher diese Frage.
Nun, die konkrete Frage ist schwer zu beantworten. Designentscheidungen müssen anhand von Geschäftszielen getroffen werden. Ihr Kunde fragt lediglich nach einem subjektiven Merkmal, das auf einem Wunsch basiert. Wir könnten den ganzen Tag Alternativen hinwerfen, aber am Ende läuft alles auf ihren subjektiven Wunsch hinaus. Zugegeben, wir alle bekommen manchmal solche Kunden. Du tust, was du tun musst.

Ich würde so etwas wie die 'Hello Bar' http://www.hellobar.com ausprobieren (oder selbst codieren), ziemlich geschmackvoll, und Sie könnten es mit einem sozialen Like-Button kombinieren.

Es ist nicht 100% inline mit einer Marke, aber es bringt Bewegung auf die Seite.

Ich kann nicht glauben, dass sie dafür 29 Dollar verlangen ... so etwas scheint jedoch ein guter Vorschlag zu sein

Ich persönlich mag sie nicht, aber das heutige Äquivalent eines <marquee>Elements ist die Slideshow/der Slider mit animierten Bildern. Sie haben oft eine schlechte Benutzerfreundlichkeit (können nicht angehalten oder angehalten werden, damit der Besucher den vollständigen Text lesen kann, zeigen Bilder mit großen Textblöcken, die für Screenreader nicht zugänglich sind, und können nicht kopiert und eingefügt werden, es fehlen Steuerelemente, mit denen der Benutzer navigieren kann zu der gewünschten Folie usw.) und die ständige Animation lenkt Benutzer von anderen Inhalten auf der Seite ab.

Heutzutage sind Slider jedoch sehr beliebt, und manchmal scheint es, als ob jede andere Homepage einen hat. Es ist also eindeutig nicht annähernd so tabu wie ein Festzelt, aber es hat immer noch die gleiche Neuheit einer großen, prominenten Animation, die auf Homepages zu finden ist.

Die positive Seite ist, wenn der Client bereit ist, diesen Kompromiss zu akzeptieren, können Sie den Schieberegler weniger störend machen. Stecken Sie zum einen nicht 20 Folien hinein; halten Sie es auf 5 oder weniger. Stellen Sie auf jeden Fall sicher, dass es eine Möglichkeit gibt, die Animation anzuhalten/anzuhalten, damit der Benutzer die Folien lesen kann (einige tun dies, wenn Sie mit der Maus darüber fahren, obwohl ich einen Kippschalter bevorzuge) und dass es eine Möglichkeit gibt, einfach zu einer bestimmten Folie zu navigieren ohne darauf zu warten, dass der Schieberegler alle Zwischenbilder durchlaufen hat.

Darüber hinaus gibt es viele HTML5-Animationen, die die gleiche sinnlose Neuheit wie ein Festzelt haben. Möglicherweise finden Sie einen, der geschmackvoll (oder einfach weniger knallig) ist und endlos geloopt werden kann, ohne super nervig zu sein. Obwohl ich persönlich dort einfach ein Festzelt aufschlagen und einen schnellen Benutzertest mit 5-10 Personen durchführen und dem Kunden die Ergebnisse zeigen würde.

Ihre Vorschläge, um Karussells / Schieberegler weniger störend zu machen, sind gut: Ein weiterer guter Tipp ist, jedes Element zu einem HTML-Div mit echter Textposition zu machen: absolut über dem Bild (nie nie nie Text im Bild). Die Thumbnail-Navigation ist auch gut.