Alle Bewerber und Bewerberinnen die in die nähere Wahl fallen bekommen bis Mitte nächster Woche von uns eine Rückmeldung auf die eingesandten Unterlagen.

Absagen werden bis Ende September per Mail zugestellt.

Bis dato haben wir noch keine Gesprächstermine vereinbart, dies erfolgt am Montag & Dienstag.

Im Laufe der kommenden Woche werden dann die Vorstellungsgespräche stattfinden.
Nachdem der Büroumzug mittlerweile vollzogen wurde, werden bereits alle Vorstellungsgespräche im neuen Büro stattfinden.

Auch in diesem Zyklus waren Bewerbungen dabei die nicht elektronisch eingegangen sind sondern schriftlich per Post zugegangen sind. Sollten Sie sich noch bewerben wollen, bitten wir Sie dies per Mail zu tun!

Wann kommt BOB zum Einsatz?

Im Prozess der CRO (= Conversion Rate Optimization) ist es wichtig sogenannte Call to Action Elemente (CTA) zu definieren. Das sind Elemente die eine eindeutige Handlungsaufforderung beinhalten wie “jetzt kaufen” oder “jetzt kostenlos downloaden”. Diese Elemente werden als gut sichtbare Buttons umgesetzt die sich deutlich vom sonstigen Design abheben sollen um Aufmerksamkeit “ziehen” zu können. Wenn solche CTA Elemente gestaltet werden, empfiehlt es sich zu überlegen ob ein BOB (= Big Orange Button) eingesetzt werden kann.

Einige Beispiele von bekannten Diensten im Internet:

Die besondere Wirkung von BOB (Farbpsychologie)

Tests haben gezeigt dass große orange Buttons im Gegensatz zu anderen Farbkombination überdurchschnittlich oft zum Erfolg führen. Dies kann etwa mit der Farbpsychologie begründet werden. In der pragmatischen, also anwendungsorientierten Farblehre steht orange für “Achtung” oder “Vorsicht”. Man denke dabei etwa an orange Warnjacken im Straßenverkehr oder orange (nicht gelb) blinkende Ampeln. Es steht für Übergangsphasen zwischen dem entspannten Status (grün) und dem Status sofortiger Reaktion und Determination (rot). Vor allem die psychologische Bedeutung von rot und grün wird gerne, abgeleitet aus der Ampel, falsch verstanden. Grün steht weniger für Fortschritt als für Unbeeinflussbarkeit und rot weniger für Stillstand als für eindeutige, dominante Signale. (Stop ist ein eindeutiges dominantes Signal, nicht der Stillstand – Rote Knöpfe starten auch Raketen etc.)

Ohne dies endlos auszuführen, eignet sich orange als Signalfarbe für CTA-Elemente hervorragend. Wichtig ist allerdings die sonst verwendeten Farben aus dem Design zu berücksichtigen. Generell ist der gezielte Einsatz von Farben einer der stärksten Ansatzpunkte der CRO.

Geheimtipp – Als erstes einfach einen BOB testen

Im Prozess der CRO werden mit A/B Tests verschiedene Varianten einer Website getestet. Ein Tipp aus der Praxis ist als erste Variante einfach das Ausgangsdesign um einen Big Orange Button zu ergänzen. Dieser Schritt ist schnell gemacht und liefert teilweise erstaunliche Ergebnisse. Anders formuliert – BOB ist die Geheimwaffe der CRO Consultants.

Was macht einen guten BOB aus?

Ein gut gemachter BOB ist nicht nur orange wie der Name schon sagt sondern auch groß. So banal diese Anleitung auch klingen mag. In vielen Fällen sind CTA Elemente schlicht zu klein um wirken zu können. Wenn man versucht die Eigenschaften eines guten BOBs zusammenzufassen, kann dies zugleich als Anleitung für singuläre CTA Elemente im Allgemeinen verstanden werden, mit der Einschränkung dass orange der Geheimtipp ist.

• Große Form (mind. 2 Zeilen des Fießtextes)
• Angenehmes Padding (=Abstand zwischen Rand und Text)
• Eindeutige Handlungsaufforderung (dominanter Imperativ)
• Gut lesbare große Schrift mit starkem Kontrast
• Grafisch deutliche Abhebung von Hintergrund
• Pfeil nach rechts hinter dem Text (Geheimtipp)
• Symbole sofern nützlich
• Keine Konjunktive oder Eventualitäten

Vergessen Sie den Hausverstand nicht

Auch wenn statistisch der Einsatz eines BOB sinnvoll zu testen wäre, heißt es noch lange nicht, dass er ein Patentrezept ist das immer funktioniert. Es sind unzählige Komponenten und Variablen die eine gute CRO ausmachen und letztlich den Umsatz steigern. BOB (Big Orange Button) ist ein absolut banales Testszenario und genau deshalb so verlockend, weil damit letztlich die Elastizität der Zielgruppe getestet werden kann. Merken Sie sich einfach, dass ein starker farblicher Kontrast unersetzlich ist wen Aufmerksamkeit gezogen werden soll.

Für alle die noch kurzentschlossen eine Bewerbung nachreichen wollen ist jetzt der Zeitpunkt zum Handeln.
Näher Informationen zur Lehrstelle: Lehrstelle Informationstechnologe

Geboten wird eine angenehme Atmosphäre in einem jungen dynamischen Team im Herzen von Graz.

Wireframes im Webdesign

In Bezug auf Webdesign und Application Development, spricht man von Wireframes wenn schnelle Skizzen von angefertigt werden in denen Platzhalter für Funktionen eingesetzt werden. Die Idee dahinter ist losgelöst von Design eine funktionale Planung machen zu können.

Im Fokus der Arbeit mit Wireframes steht die Usability eines Interfaces. Speziell in der Planung von komplexen User Interface (= UI Design) ist der Schritt des Wireframings unumgänglich.

Artverwandte Begriffe: Mock Up / Rapid Prototyping

Neben dem Begriff Wireframe wird oftmals der Begriff Mock Up oder Rapid Prototyping eingesetzt. Je nach Einsatzgebiet können diese Begriffe Sysnonym zu Wireframing verwendet werden.

Werkzeuge des Wireframing

Generell gibt es sowohl Dektop Applikationen als auch Online Dienste die eingesetzt werden können um Wireframes schnell und einfach zu erstellen. Im Desktop Bereich ist die bekannteste Applikation OmniGraffle.

Genauere Informationen zum Einsatz von Wireframes finden sie in diesem Beitrag:
Wireframing und Rapid Prototyping im UI-Design

Erstellt mit OmniGraffle <2 min

In der Entwicklung von User Interfaces oder Webapplikationen führt heute kein Weg mehr vorbei an Wireframing und dem damit verbundenen Rapid Prototyping. In diesem Artikel bieten wir ihnen einen kleinen Einblick in den Prozess der Entstehung von User Interfaces. Dabei beginnen wir bei den Basics.

Was sind Wireframes / Mock Up’s oder Rapid Prototyping?

Unter einem Wireframing versteht man eigentlich einen Drahtgerüst das eine ungefähre Form oder Größe vorgibt. Im Webdesign ist die Bedeutung in abgeleiteter Form zu verstehen. Beim Wireframing wird versucht funktionale Objekte skizziert darzustellen. Wichtig ist, dass dieser Prozess schnell, einfach und reproduzierbar ist. Die Bezeichnung Mock Up finden sich ebenfalls relativ häufig, meint aber in der Praxis oft das selbe. Ein Schritt weiter geht das Rapid Prototyping, das aus dem Produktdesign bekannt ist. Im Webdesign versteht man darunter, dass mit einer gegebenen Werkzeugpalette (Optische Elemente) in kurzer Zeit alternative Versionen des User Interface Entwurfs entstehen können.

Müssen Wireframes hässlich sein?

Es ist definitiv nicht das Ziel hässliche Skizzen zu generieren! Wichtig ist aber, dass ein Wireframe klar von einem Designentwurf unterschieden werden kann. Speziell wenn Wireframes mit Kunden besprochen werden muss klar sein, dass es sich nicht um einen Designentwurf handelt um nicht falsche Ankerwerte beim Kunden auszulösen.

Ein Wireframe ist kein Designentwurf und soll auch nicht so aussehen.

Für viele klassische Webdesign Unternehmen wird dieser Ansatz schwere Kopfschmerzen verursachen, stand doch in den meisten Fällen am Anfang die Skizze des Designers. Um diesen Konflikt der Herangehensweisen besser zu verstehen muss eine Ansicht verinnerlicht werden

User Interface Design ist kein Webdesign!

Wenn ein User Interface mit komplexen Funktionalitäten entsteht, ist ein anderer Prozess anzulegen als bei klassischen (relativ) einfachen Webseiten. Bei klassischen Webseiten gibt nur selten ein funktionale Komplexität die mit Wireframes geplant werden muss, wobei auch bei einfacheren Projekten der Trend eindeutig hin zur virtuellen Funktionsskizze geht. Versucht man diesen Prozess fertig zu denken, dann ergibt sich im Ablauf eine andere Reihenfolge als sie in den meisten Webdesign Unternehmen praktiziert wird.

Der Designer ist erst an der Reihe wenn die Usability geklärt ist

Diese Erkenntnis verändert das Aufgabenfeld des Designers erheblich. Im klassischen Zugang des Webdesigns, wurden Funktionen aus grafisch ästhetischer Sicht platziert. Im Zugang des UI Designs wird eine Usability erschaffen die dann mit grafischen Elementen (=dem Design) erfüllt wird. Damit wird aus dem Designer wieder ein klassischer Grafiker.
Zusätzlich zur veränderten Rolle des Designers wird eine neue Rolle im Prozess geschaffen, die des User Interface Designers oder Usability Beraters. Speziell bei komplexen Projekten mit User Interaktion ist diese Herangehensweise zielführend, stellt aber zugleich eine Herausforderung für Einpersonen Freelancer dar. Aufgrund der völlig unterschiedlichen Aufgaben im Prozess macht es in der Regel Sinn die Arbeitsschritte auf mehrere Experten Ihres Faches zu verteilen. Die psychologische Komponente der Usability und die handwerkliche Komponente des Grafikers widersprechen sich häufig.

Best Practice Tool im Wireframing OmniGraffle

OmniGraffle Wireframe Tool

Wenn man das optimale Werkzeug zum “wireframen” sucht, gibt es einen grundlegende Entscheidung zu treffen. Wenn Online-Kollaboration wichtig ist, dann kommt man um Webdienste nicht herum. Einen guten Beitrag dazu ist hier (Mashable) zu finden.

Wenn eine Onlinezusammenarbeit nicht notwendig ist greift man zu OmniGraffle einer kommerziellen Desktop Lösung für Mac, die dem optimalen Wireframing Tool schon sehr nahe kommt. Dank der Erweiterung um Stencils können einzelne Elemente die häufig gebraucht werden entweder selbst angelegt werden oder aber aus fertigen Bibliotheken hinzugefügt werden. Wenn man OmniGraffle nicht kennt ist etwas schwer zu beschreiben, was eigentlich dessen Hauptfunktion ist. Von Mindmapping über Präsentationen bis zur Raumplanung ist es eine weite Palette die das Programm abdeckt. Für den Einsatz beim “Wireframen” eignet sich OmniGraffle jedenfalls bestens.

Die wichtigsten OmniGraffle Stencil Sammlungen für’s Wireframing

Sicherlich entstehen mit der Zeit für jeden Anwender seine eigenen Stecils dennoch ist es gut auf ein bestehendes Set aufzubauen. Für spezielle Geräte die andere Anforderungen an die GUI haben, wie etwa das Iphone oder Android gibt es eigene Stencil Sammlungen. Für allgemeine Webapplikationen können wir folgende Sammlungen als Basis empfehlen:

• Konigi Sehr umfangreiche Sammlung
• Best Practice UX Forms Stencil v1.1 (via Graffletopia) v.A. für User Interfaces
• Simple Wire Frame Set (via Graffletopia) für schnelle Wireframes

Vorweg ein herzliches Dankeschön an @murdelta für die Organisation der Veranstaltung – wie immer eine angenehme Atmosphäre und spannende Diskussionen.

In der Präsentation:

• Was ist eine Conversion?
• CRO / LPO / SPO?
• Grundlagen und schnelle Erkenntnisse
• Wo ist der Tellerrand?
• User Experience als neue Spielwiese

Download: Conversion Camp – Webmontag (PDF ca. 2MB)

Weitere Infos und versprochene Links etc.

Eine gute Zusammenfassung des Conversion Camps findet man auf der Facebook Page zur Veranstaltung. Nützliche Unterlagen und zusätzliche Infos.
Conversion Camp bei Facebook

Die eigentliche Projektseite wird wohl auch für 2011 wieder verwendet werden. (Übrigens 1-2. September 2011 gibt’s eine Fortsetzung des Conversion Camps in Frankfurt)
www.conversion-camp.de

Der “offizielle” Recap von @morys auf Konversionskraft.de ist lesenswert (Projekt der Web Arts AG). Generell gab es eine Flut an Recaps aber dieser trifft es wohl am umfassendsten.
19 Conversion Geheimnisse vom #cc10

Buchtipp: Landing Page Optimization von Tim Ash

Eine kleine Zusammenfassung zum Conversion Camp aus meiner Feder findet man hier:
Das war das erste Conversion Camp 2010 in Frankfurt

Bis zum nächsten mal am Webmontag in Graz!

Soeben aus dem Flugzeug zurück nach Graz gestiegen, bot der Flug eine unfreiwillige Auszeit um das Conversion Camp Revue passieren zu lassen und die Frage zu stellen – Was bleibt nach mehr als 10 Stunden Vortragsmarathon, das begeistert?

Raquel Hirsch als Einpeitscherin mit engagierten Bekenntnissen zum Testing

Wenn man versucht den Bereich der Conversion Rate Optimization zu erklären und mit etwas Geschichte zu erfüllen, fällt es schwer an Raquel Hirsch und der WiderFunnel Marketing Inc vorbeizukommen. Als Pioniere der ersten Stunde sind die Erfahrungswerte nicht nur beeindruckend sonder richtungweisend für die CRO Branche. Am Conversion Camp kam Raquel Hirsch die Rolle der Einpeitscherin zu die mit einem unmissverständlichen Bekenntnis zum Testing faszinieren konnte. Beachtenswert war auch, dass Raquel Hirsch bis zum Ende der Veranstaltung in Frankfurt war.

Teste ob du Testen kannst – A/A Testing

In CRO Kreisen sind A/B Tests nicht wegzudenken und begleiten die tägliche Arbeit. Bei der Aufforderung doch mit A/A Testings zu starten war eine gewisse peinliche Betroffenheit im Saal nicht zu verleugnen. Hinter der etwas seltenen Bezeichnung versteckt sich im übrigen, eine Methode um die Reliabilität des Messszenarios zu testen. Dabei werden zwei identische Version der Landingpage getestet um die Abweichungen auszuloten. Eine Methode die fasziniert (allein schon wegen ihrer Einfachheit) und die definitiv zu selten praktiziert wird.

CRO ist nur ein Teil der Strategie jenseits des Tellerrands

Der Fokus des Conversion Camps lag, wenig überraschend, auf der CRO und das ist auch gut so. Neben der CRO gibt es aber weitere Ansätze oder Disziplinen, die dazu eingesetzt werden sollten um den Umsatz zu steigern. Die Möglichkeit Aspekte aus der Suchmaschinenoptimierung (SEO), der Ladezeitoptimierung oder Page Performance mit einzubeziehen, bleibt (leider) als Herausforderung zurück die gekonnt umschifft wurde.
Anders wären wohl auch Vorschläge zur Ausrichtung von Unternehmensblogs nicht denkbar gewesen die meine Favorite Tweet der Conferenz verursachten.

passwortgeschützter kundenblog – mein SEO & social herz blutet #cc10
(Daniela Köppl / @twittaboldi)

Nur wenn alle Aspekte des Optimierungspotentials genutzt werden, kann am Ende ein optimales Ergebnis erreicht werden. In Summe zählt am Ende des Tages der Umsatz und da gilt es alle Stellschrauben zu berücksichtigen.

Twitter, Foursquare & Co auf Konferenzen

Das Conversion Camp ist ein grandioses Beispiel dafür dass in der IT Branche Konferenzen ohne Social Media Support undenkbar sind. Eine vorbildliche Twitterwall und ein fast erreichter Swarm Badge auf Foursquare kennzeichnen die Zukunft derartiger Veranstaltungen.

Fazit: Ein Stein ist ins Rollen gekommen

In Summe kann man das Conversion Camp sicherlich als erstes geordnetes Lebenszeichen einer Branche bezeichnen. Es ist der Web Arts AG hoch anzurechnen diesen Trend richtig vorhergesagt zu haben.

LongTail Traffic versus Short Traffic

Unter Short Traffic versteht man Suchmaschinen Traffic oder auch (SEO Traffic) der aus gezielt optimierten Keyword Kombinationen stammt. Im Gegensatz dazu versteht sich LongTail Traffic als wenig steuerbar und weniger zielgerichtet. Er entsteht in der Regel durch lange Suchanfragen in denen Wortkombinationen als Treffer verzeichnet werden können, die nicht explizit überwacht werden.

Wird der LonTail länger?

Aktuell ist die Tendenz zu beobachten, dass Suchanfragen länger werden, was vor allem bei inhaltsstarken Seiten auch zu einem Anwachsen des LonTail Traffics sorgt. Das Suchverhalten hat sich verändert und so verhalten sich heute deutlich mehr User so wie es vor Jahren nur bei hochaffinen Usern zu erwarten gewesen wäre.  Ein zweiter Faktor ist das generelle Contentwachstum im Internet dass diese Tendenz noch verstärkt und den LongTail wachsen lässt.

Was ist die Bounce Rate?

Die Bounce Rate bezeichnet nach gängiger Definition den Absprung eines Besuchers der nur wenige Sekunden auf einer Website oder Landing Page verbracht hat. Die zweite Perspektive der Betrachtung ist der Abbruch eines linearen Prozesses in der User Interaktion, wobei dies den deutlich selteneren Fall der Betrachtung darstellt.

Ziele der Bounce Rate Optimization (BRO)

In der ersten Betrachtung scheint es offensichtlich dass in der BRO lediglich die Absprungrate reduziert werden soll, aber so einfach ist dies nicht zu betrachten. Es gilt nach der Ursache des Absprungs zu unterscheiden.
Reduziert werden sollen vor allem jene Absprünge die aufgrund von mangelhaften Landing Pages passieren. (zu lange Ladezeit, schlechte Usability etc). In Abgrenzung zu diesen Absprüngen sind Bouncings zu betrachten die generisch mit dem LongTail Traffic entstehen. Die LongTail Absprünge stellen in der Praxis kaum ein Problem dar, sofern diese nicht Überhand nehmen.

Definition und Messung der Bounce Rate

Je nach Einzelfall kann eine genaue Definition der seitenspezifischen Bounce Rate angelegt werden die aufgrund unterschiedlicher Strukturen und Zielen individuell ausfallen kann. Wir orientieren uns im Allgemeinen an der gängigen Definition des “kurzen Absprungs” (Verlassen der Seite nach wenigen Sekunden).
Um die Bounce Rate zu messen erfordert dies ein Statistik Tool. Derartige Tools arbeiten entweder über JavaScripts die im Seitenaufbau geladen werden (wie etwa Google Analytics) oder werten die Log-Files aus (wie etwa AW Stats). Je detaillierter die Auswertung der Daten erfolgt desto genauere Aussagen lassen sich über die Bounce Rate treffen.

Bounce Rate bei Landing Pages (SEM / SEO / SEA)

Eine spezielle Bedeutung hat die Bounce Rate bei Landing Pages. Unabhängig davon über welchen Kanal (SEO / SEA) der Zugriff generiert werden konnte, besitzt eine Landig Page immer ein oder mehrere Konvertierungselement (Conversion Element) mit dem der Besucher Interagieren soll.

In diesem Zusammenhang wäre eine Bounce Rate nicht zwingen als “Nichtinteraktion” mit dem Konvertierungselement zu betrachten. Dieser Wert ergibt sich ohnedies hinreichend über die Betrachtung der Page Conversion Rate. (darunter versteht man jene Conversion Rate die auf Einzelseiten Ebene angelegt und untersucht wird.) In einigen Fällen wird die Bounce Rate dennoch als fehlende Interaktion mit dem Konvertierungselmenet betrachtet. (Dies macht etwa Sinn wenn eine mehrschrittige Warekorb-spezifische Bounce Rate betrachtet wird)

Die Bounce Rate bei Landing Pages ist in der Regel der direkte Absprung im Sekundenbereich. Derartige Absprünge haben immer einen Grund der jedoch nur schwer ausgewertet werden kann. Für die Optimierung von Landing Pages ist es absolut relevant die Gründe für eine hohe Bounce Rate zu identifizieren. Einen geringen Anteil an Absprüngen wird jede Landing Page besitzen.

Potentielle Ursachen für eine hohe Bounce Rate

• Falsche Versprechen und wenig zielgerichtete Traffic-Quellen
  (Der User findet nicht was er erwartet hat)
• Lange Ladezeiten und schlechte Site Performance
  (Der User hat nicht die Geduld zu warten)
• Überforderung durch Design und fehlende Usability
  (Der User kann die Logik der Landing Page nicht verstehen)
• Penetrante oder störende Werbung  wie z.B. Layer Ads
  (Dem User erscheint es zu mühsam die Werbung zu überwinden)
• Fehlende Browser Unterstützung (z.B. IE6)
  (Der User kann mit seinem Browser keine zumutbare Version der Seite betrachten)
• Wenig attraktives Erstblickfeld
  (Der User sieht nichts attraktives ohne zu scrollen)

Im speziellen Einzelfall gibt es in der Regel zusätzliche Gründe für eine hohe Bounce Rate.

Reduktion der Bounce Rate und Methodische Ansätze

Um die Bounce Rate zu reduzieren sind mehrere Schritte notwendig die den Einsatz einer analytischen Statistik Software wie etwa Google Analytics voraussetzt.

Woher stammt der Traffic der Bounce Rate? (Statistische Basis)

Als erstes ist die Frage zu stellen, woher der Traffic stammt. Erst wenn klar ist aus welcher Quelle die Besucher stammen die hohe Absprungraten haben kann die Analyse beginnen. Wenn die Daten erhoben werden, ist es Relevant mit der Auswertung umgehen zu können. Nur wer Daten interpretieren kann, kann diese auch nutzen.

Gibt es offensichtliche Fehler?

Hier sind einige Fragen zu stellen. Werden die Werbeversprechen eingehalten? Kann die Seite mit jedem Browser betrachtet werden (Hier gibt es oftmals bereits Hinweise in der Statistik)? Ist die Ladezeit übermäßig lange? Ist Layer basierte Werbung auf der Seite enthalten? Werden relevante Aufmerksamkeitsfänger bereits im ersten Sichtfeld angezeigt? Oft reduziert bereits dieser Schritt die Bounce Rate erheblich.

Fehler Aufdecken mit der Analyse

Hier bieten sich mehrere Methoden an. Designelemente können etwa mit A/B Tests aufgedeckt werden. Für umfangreiche Aufgabenstellungen oder unklare Ursachen bietet sich ein Usability-Test mit echten Probanden oder eine Eyetracking Studie an.