Research tools Copyright-Index 2017 MarketWatch, Inc. Alle Rechte vorbehalten. Durch die Nutzung dieser Website erklären Sie sich mit den Nutzungsbedingungen einverstanden. Datenschutzbestimmungen und Cookies. Intraday Daten zur Verfügung gestellt von SIX Financial Information und vorbehaltlich Nutzungsbedingungen. Historische und aktuelle Tagesenddaten von SIX Financial Information. Intraday-Daten verzögert pro Umtauschbedarf. SPDow Jones Indizes (SM) von Dow Jones Company, Inc. Alle Angebote sind in der Zeit vor Ort. Echtzeit letzte Verkaufsdaten von NASDAQ zur Verfügung gestellt. Mehr Informationen über NASDAQ gehandelte Symbole und ihre aktuelle finanzielle Situation. Intraday-Daten verzögert 15 Minuten für Nasdaq, und 20 Minuten für andere Börsen. SPDow Jones Indizes (SM) von Dow Jones Company, Inc. SEHK Intraday-Daten werden von SIX Financial Information zur Verfügung gestellt und sind mindestens 60-Minuten verzögert. Alle Anführungszeichen sind in der lokalen Austauschzeit. MarketWatch Top StoriesLearn von dem, was wir ausprobieren und testen Die 75 GoodUI Ideen, die wir Ihnen präsentieren werden, werden aktiv von uns und anderen getestet. Melden Sie sich an, um E-Mail-Updates mit dem, was wir lernen, wie wir entlang gehen zu erhalten. Designdaten sind König. Abmelden jederzeit. Zuerst gut senden Sie 5 E-Mails mit Top-Inhalt. Dann können Sie 2 bis 4 E-Mails pro Monat mit Testergebnissen, Blogs Beiträge, Test-Strategien und UI Blaupausen erwarten. Eine gute Benutzeroberfläche hat hohe Conversion-Raten und ist einfach zu bedienen. Mit anderen Worten, es ist schön, sowohl die Business-Seite als auch die Menschen, die es verwenden. Hier ist eine laufende Idee Liste, die aktiv testen und schreiben exklusive Geschichten über. Wir haben noch einen langen Weg vor uns. Wir lernen weiter, was die Benutzeroberflächen besser macht, indem wir diese Ideen in verschiedenen Kombinationen aus realen Optimierungsprojekten ausprobieren. Zur gleichen Zeit, unsere erstaunlichen Kunden ermöglichen es uns, detaillierte Optimierung Geschichten für Sie zu lernen, zu teilen. Auf lange Sicht ist es unser Ziel, ein Archiv von Beweisen aufzubauen, das deutlich macht, welche Ideen besser funktionieren und welche weniger. Wir hoffen, dass dies das Leben für andere erleichtern wird. Oh und wir bloggen auch über Optimierung hier und da. Auf geht's. Versuchen Sie, ein Spaltenlayout anstelle von Mehrspalten. Ein Spalten-Layout gibt Ihnen mehr Kontrolle über Ihre Erzählung. Es sollte in der Lage sein, um Ihre Leser in einer vorhersagbaren Weise von oben nach unten führen. Während ein mehrspaltiger Ansatz ein zusätzliches Risiko hat, vom Kernzweck einer Seite abzulenken. Begleiten Sie die Menschen mit einer Geschichte und einem prominenten Aufruf zum Handeln am Ende. Versuchen Sie, ein Geschenk anstatt einen Verkauf sofort zu schließen. Eine freundliche Geste wie die Bereitstellung eines Kunden mit einem Geschenk kann genau das sein. Tiefer unter ist jedoch Gifting auch eine effektive Überzeugungstaktik, die auf der Regel der Gegenseitigkeit basiert. So offensichtlich, wie es klingt, nett zu jemand durch das Angebot ein kleines Zeichen der Wertschätzung kann wieder zu Ihren Gunsten auf der Straße kommen. Versuchen Sie Merging Ähnliche Funktionen anstelle von Fragmentierung der Benutzeroberfläche. Im Laufe der Zeit, seine leicht zu unbeabsichtigt erstellen mehrere Abschnitte, Elemente und Funktionen, die alle die gleiche Funktion erfüllen. Seine grundlegende Entropie - Dinge beginnen im Laufe der Zeit auseinander. Halten Sie ein Auge für doppelte Funktionalität auf verschiedene Weise beschriftet, da es eine Belastung für Ihre Kunden. Oft, je mehr UI-Fragmentierung es gibt, desto höher die Lernkurve, die Ihre Kunden zu bewältigen haben. Betrachten Sie das Refactoring Ihrer Benutzeroberfläche einmal in eine Weile, indem Sie ähnliche Funktionen zusammen verschmelzen. Lernen Sie, was wir durch die Prüfung entdecken Einmal im Monat teilen wir eine unserer besten AB-Teststories mit zuverlässigen Einsichten und einem transparenten Prozess. Probieren Sie Social Proof, anstatt über sich selbst zu reden. Beweis für eine 3-Effekt aus dieser Idee existiert Soziale Beweis ist eine weitere große Überzeugung Taktik direkt anwendbar auf steigende Umrechnungskurse. Sehen, dass andere Sie unterstützen und reden über Ihr Angebot, kann ein guter Weg, um einen Aufruf zum Handeln zu verstärken. Probieren Sie ein Testimonial oder zeigen Sie Daten, die beweisen, dass andere vorhanden sind. Versuchen Sie, Ihre primäre Aktion zu wiederholen, anstatt sie nur einmal anzuzeigen. Beweis für einen 84 Effekt von dieser Idee Wiederholen Sie Ihren Aufruf zum Handeln ist eine Strategie, die mehr auf längere Seiten anwendbar ist, oder wiederholt auf zahlreichen Seiten. Sicherlich möchten Sie nicht Ihr Angebot angezeigt 10 Mal alle auf dem gleichen Bildschirm und frustrieren Menschen. Allerdings werden lange Seiten zur Norm und die Idee, alles über die Falte zu quetschen verblasst. Es tut nicht weh, ein weiches umsetzbares Einzelteil an der Oberseite zu haben und ein anderes vorstehendes an der Unterseite. Wenn Menschen den Boden erreichen, pausieren sie und denken, was als nächstes zu tun - eine potenzielle festen Platz, um ein Angebot oder ein Geschäft zu schließen. Versuchen Sie Distinct ClickableSelected Styles, anstatt sie zu verwischen. Visual Styling wie Farbe, Tiefe und Kontrast kann als zuverlässiges Stichwort verwendet werden, um Menschen zu verstehen, die grundlegende Sprache der Navigation Ihrer Benutzeroberfläche: wo bin ich und wo kann ich gehen. Um diese eindeutig an Ihre Nutzer weiterzugeben, sollten die Stile Ihrer anklickbaren Aktionen (Links, Schaltflächen), ausgewählte Elemente (ausgewählte Objekte) und Klartext eindeutig voneinander unterscheiden und dann konsequent über eine Schnittstelle angewendet werden. In dem visuellen Beispiel wählte Ive eine blaue Farbe, um alles vorzuschlagen, das angeklickt werden kann, und schwarz als alles, was ausgewählt worden ist, oder anzeigt, wo jemand ist. Wenn richtig angewendet, werden die Menschen leichter lernen und diese Hinweise verwenden, um Ihre Benutzeroberfläche zu navigieren. Dont machen es schwieriger für Menschen durch Verschwimmen dieser drei funktionalen Stile. Versuchen Sie, statt gleicher Auswahlmöglichkeiten zu empfehlen. Wenn mehrere Angebote, dann ein hervorgehobenes Produkt Vorschlag könnte eine gute Idee, da einige Leute brauchen ein wenig nudge. Ich glaube, es gibt einige Psychologie-Studien gibt, die darauf hindeuten, dass je mehr Wahl gibt es, dann je niedriger die Chancen einer Entscheidung tatsächlich gemacht und gehandelt werden. Um eine solche Analyse Lähmung zu bekämpfen, versuchen zu betonen und Hervorhebung bestimmter Optionen über andere. Versuchen Sie stattdessen "Undos", anstatt zur Bestätigung aufzufordern. Stellen Sie sich vor, dass Sie nur eine Aktionsschaltfläche oder einen Link gedrückt haben. Undos respektieren die anfängliche menschliche Absicht, indem sie die Aktion in erster Linie reibungslos ablaufen lassen. Aufforderungen auf der anderen Seite empfehlen dem Benutzer, dass er oder sie nicht weiß, was sie tun, indem sie ihre Absicht zu allen Zeiten. Ich nehme an, dass die meiste Zeit menschliche Handlungen beabsichtigt sind und nur in kleinen Situationen sie zufällig sind. Die Ineffizienz und Hässlichkeit der Eingabeaufforderungen ist sichtbar, wenn Benutzer wiederholt Aktionen durchführen müssen, und werden immer wieder und immer wieder aufgefordert - eine entmenschliche Erfahrung. Betrachten Sie Ihre Benutzer fühlen sich mehr Kontrolle, indem sie die Möglichkeit, Aktionen rückgängig machen und nicht um Bestätigung bitten, wo möglich. Versuchen Telling Who Its For anstatt für jeden. Sind Sie zielgerichtet jeder oder sind Sie präzise mit Ihrem Publikum Dies ist eine Umwandlung Idee, wo Sie explizit, wer genau Ihr Produkt oder Ihre Dienstleistung ist bestimmt. Indem Sie die Qualifikationskriterien Ihrer Kunden kommunizieren, können Sie in der Lage sein, tatsächlich mehr mit ihnen zu verbinden und gleichzeitig auf ein Gefühl der Exklusivität hinzudeuten. Das Risiko mit dieser Strategie ist natürlich, dass Sie sich kurz schneiden und potenzielle Kunden einschränken könnten. Dann wiederum baut Transparenz Vertrauen. (Beachten Sie: Genießen Sie die kleinen Zeichen Stil Bitte beachten Sie, um herauszufinden, MicroPersonas.) Erfahren Sie mehr über höhere Conversions von dem, was wir versuchen Test Abonnieren, um Updates wie wir und andere Test This GoodUI Ideen :) Wir teilen manchmal auch real und getestet Einblicke als auch. Shhhhh.) Versuchen Sie, direkt anstatt unentschlossen zu sein. Sie können Ihre Nachricht mit Ungewissheit zittern in Ihrer Stimme zu senden, oder Sie können es mit Zuversicht sagen. Wenn youre Beenden Ihrer Messaging mit Fragezeichen, mit Begriffen wie vielleicht, vielleicht, interessiert und wollen, dann wahrscheinlich haben Sie einige Möglichkeiten, um ein bisschen mehr Autorität. Wer weiß, vielleicht gibt es ein bisschen mehr Raum für Leute zu erzählen, was als nächstes in der Welt der Umwandlung Optimierung zu tun. Versuchen Sie mehr Kontrast statt Ähnlichkeit. Machen Sie Ihre Anrufe zum Handeln ein wenig mehr prominent und unterscheidbar in Bezug auf die Elemente, die sie umgeben, wird Ihre Benutzeroberfläche stärker. Sie können den Kontrast Ihrer primären Anrufe auf eine Reihe von Wegen leicht erhöhen. Mit Ton, können Sie bestimmte Elemente erscheinen dunkler vs leichter. Mit der Tiefe können Sie einen Artikel näher erscheinen lassen, während der Rest des Inhalts aussieht wie seine weitere (Sprechen Drop Schatten und Steigungen hier). Schließlich können Sie auch Komplementärfarben aus dem Farbrad (zB gelb und violett) auswählen, um den Kontrast noch weiter zu erhöhen. Zusammengenommen sollte ein höherer Kontrast zwischen Ihrem Aufruf zum Handeln und dem Rest der Seite in Betracht gezogen werden. Versuchen Persönlichkeit statt generisch. Beweis für eine -2.1-Effekt von dieser Idee Vorstellen Sie sich oder Ihr Produkt mit einem Namen, Bild oder Herkunftsort ist ein Weg, um Ihre Kommunikation mehr persönlich. Erwähnung des Landes, des Staates oder der Stadt der Herkunft ist sicherlich ein sehr menschlicher wie Anfang. Auch wenn Sie so virtuell tun, dann könnten Sie nur als ein bisschen freundlicher wahrgenommen werden. Oft ist die Angabe, wo Ihr Produkt gemacht wird bei hat auch eine ziemlich gute Chance, damit es das Gefühl von etwas höherer Qualität. Sein ein Gewinn win. Versuchen Sie weniger Formularfelder statt zu fragen, für zu viele. Beweis für eine 7,6 Wirkung aus dieser Idee Menschen sind inhärent resistent gegen arbeitsintensive Aufgaben und diese gleiche Idee gilt auch für das Ausfüllen von Formularfeldern. Jedes Feld, das Sie bitten, läuft Gefahr, Ihre Besucher zu drehen und aufzugeben. Nicht alle Typen mit der gleichen Geschwindigkeit, während die Eingabe auf mobilen Geräten ist immer noch eine Aufgabe im Allgemeinen. Frage, ob jedes Feld wirklich notwendig ist und entfernen Sie so viele Felder wie möglich. Wenn Sie wirklich haben zahlreiche optionale Felder, dann auch in Betracht ziehen sie nach Formular-Einreichung auf einer separaten Seite oder Staat. Es ist so einfach zu aufblasen Ihre Formulare, aber weniger Felder werden besser umwandeln. Probieren Sie Exposing Options aus, anstatt sie zu verstecken. Beweis für eine 7.6 Wirkung von dieser Idee Jedes Pull-down-Menü, das Sie verwenden, versteckt eine Reihe von Aktionen, innerhalb derer Anstrengungen erforscht werden müssen. Wenn diese versteckten Optionen sind auf dem Weg zu den Dingen, die von Ihren Besuchern getan werden zentrale, dann möchten Sie vielleicht prüfen, auftauchen sie ein bisschen mehr vorne. Versuchen Sie, Pull-Down-Menüs für Optionen, die vorhersehbar sind und dont erfordern neue Lernen wie in Sätzen von Datum und Uhrzeit-Referenzen (zB: calendars) oder geografische Mengen. Gelegentlich Pull-Down-Menüpunkte können auch für diejenigen Schnittstellen, die in hohem Maße wiederkehren in Bezug auf die Verwendung - Aktionen, die eine Person wird mehrmals im Laufe der Zeit (ex: Action-Menüs) zu arbeiten. Seien Sie vorsichtig mit Dropdowns für primäre Elemente, die auf Ihrem Weg zur Umwandlung sind. Versuchen Sie, Kontinuität anstelle von falschen Böden vorzuschlagen. Ein falscher Boden ist ein Umwandlungskiller. Ja, blättern lange Seiten sind groß, aber vorsichtig sein, geben Sie Ihren Besuchern ein Gefühl, dass die Seite zu einem Ende irgendwo zwischen den Abschnitten, wo es wirklich hasnt gekommen ist. Wenn Ihre Seiten blättern, versuchen Sie, ein visuelles Muster oder einen Rhythmus festzulegen, die der Benutzer lernen kann, und verlassen sich darauf, weiter unten zu lesen. Sekundäre, seien Sie vorsichtig von großen Lücken in den Bereichen, wo die Falte erscheinen kann (natürlich Im bezieht sich auf eine Bereich Bereich hier mit so vielen Geräten Größen da draußen). Holen Sie sich Insider Zugang zu, wie wir erreichen Höhere Conversions Lassen Sie uns die harte Arbeit der Umwandlung Optimierung und teilen unsere Erkenntnisse mit Ihnen. Versuchen Sie, Fokus zu halten, anstatt mit Links zu ertrinken. Beweis für einen 5.6-Effekt aus dieser Idee Es ist einfach, eine Seite mit vielen Links links und rechts in der Hoffnung auf Treffen so viele Kundenbedürfnisse wie möglich zu erstellen. Wenn Sie jedoch eine Erzählseite erstellen, die auf einen bestimmten Aufruf zum Handeln an der Unterseite aufbaut, dann denken Sie zweimal. Seien Sie sich bewusst, dass jeder Link über dem primären CTA läuft das Risiko der Einnahme von Ihren Kunden weg von dem, was Sie gehofft haben, sie zu tun. Halten Sie ein Auge auf die Anzahl der Links auf Ihren Seiten und möglicherweise Balance Entdeckung Stil Seiten (ein bisschen schwerer auf die Links) mit Tunnel-Stil-Seiten (mit weniger Links und höhere Conversions). Entfernen von Fremdverbindungen kann ein sicherer Weg, um einige die Chancen zu erreichen, dass wichtige Schaltfläche zu erhöhen. Versuchen Sie, Staat anstatt agnostisch zu sein. In einer beliebigen Benutzeroberfläche zeigen wir häufig Elemente, die unterschiedliche Zustände haben können. E-Mails können gelesen oder ungelesen werden, Rechnungen können bezahlt werden oder nicht usw. Informieren Benutzer über den bestimmten Zustand, in dem ein Element ist, ist eine gute Möglichkeit, Feedback zu geben. Interface-Zustände können den Menschen dabei helfen, zu verstehen, ob ihre bisherigen Handlungen erfolgreich durchgeführt wurden oder nicht. Versuchen Benefit Buttons anstelle von nur aufgabenbasierten. Beweise gibt es für A -8.3 Wirkung von dieser Idee Stellen Sie sich zwei einfache Tasten auf einer Seite angezeigt. Ein Knopf sagt Ihnen, dass es Sparen Sie Geld, während die andere fragt Sie, um sich zu registrieren. Id platzieren meine Wetten, dass die erste eine höhere Chance haben könnte, auf die sie angewiesen ist, da eine Anmeldung auf eigene Weise keinen inhärenten Wert hat. Stattdessen bemüht sich ein Anmeldeprozess und ist oft mit langwierigen Formen irgendeiner Art verbunden. Die Hypothese, die hier gesetzt wird, ist, dass Schaltflächen, die einen Vorteil verstärken, zu höheren Conversions führen können. Alternativ kann der Nutzen auch nah dorthin gelegt werden, wo der Aktionsknopf ist, um die Leute daran zu erinnern, warum sie im Begriff sind, diese Aktion zu ergreifen. Sicherlich gibt es noch Raum für Task-basierte Aktionen Schaltflächen, aber diese können für Interface-Bereiche, die weniger überzeugend und reserviert werden mehr Wiederholungen im Gebrauch reserviert werden. Versuchen Sie direkte Manipulation statt kontextlose Menüs. Gelegentlich ist es sinnvoll, bestimmte UI-Elemente direkt im Gegensatz zu der Auflistung unassoziierter generischer Aktionen zu aktivieren. Beim Anzeigen von Listen von Daten zum Beispiel, möchten wir in der Regel wollen, dass der Benutzer etwas mit den Elementen in der Liste zu tun. Wenn Sie auf ein Element in dieser Liste klicken, können Sie festlegen, dass ein bestimmtes Element manipuliert (gelöscht, umbenannt usw.) werden soll. Ein weiteres Beispiel einer gemeinsamen direkten Manipulation wäre ein Klick auf ein Datenelement (z. B. eine textbasierte Adresse), die dann zu einem editierbaren Feld wird. Das Aktivieren solcher Interaktionen schneidet die Anzahl der erforderlichen Schritte ab, wenn die gleiche Aufgabe generell ohne den Kontext des Elements gestartet wurde - da die Auswahl bereits erfolgt ist. Beachten Sie natürlich, dass für generische item-agnostische Aktionen gibt es nichts falsch mit kontextlosen Menüs. Versuchen Sie, Felder auszusetzen, anstatt zusätzliche Seiten zu erstellen. Evidenz existiert für A-5.2-Effekt aus dieser Idee Beim Erstellen von Zielseiten, die Wert übertragen, kann es vorteilhaft sein, die tatsächlichen Formularfelder auf der Konvertierungsseite selbst anzuzeigen. Das Zusammenführen des Anmeldeformulars mit der Zielseite kommt mit einer Reihe von Vorteilen im Vergleich zu der Erstellung von separaten Multi-Page-Anmeldungen. Zuerst schneiden wir zusätzliche Schritte von der Strömung im Allgemeinen ab und die Aufgabenstellung benötigt weniger Zeit. Zweitens, indem wir die Anzahl der Formularfelder genau dort anzeigen, bieten wir auch dem Kunden ein Gefühl dafür, wie lange die Anmeldung tatsächlich ist. Dies ist natürlich ein wenig einfacher, wenn unsere Formulare sind in erster Linie kürzer (was natürlich, wenn möglich sein sollte). Versuchen Sie Transitions anstatt Änderungen sofort anzuzeigen. Interface-Elemente erscheinen oft, verstecken, verschieben, verschieben und skalieren, wie Benutzer ihre Sache tun. Da Elemente auf unsere Interaktionen reagieren, ist es manchmal ein wenig leichter zu begreifen, was gerade passiert ist, wenn wir in das Element der Zeit streuen. Eine in beabsichtigte Verzögerung in Form einer Animation oder eines Übergangs eingebaute, respektiert Kognition und gibt den Menschen die erforderliche Zeit, um eine Veränderung in Größe oder Position zu verstehen. Denken Sie daran, natürlich, dass, wie wir anfangen, die Dauer der Übergänge über 0,5 Sekunden erhöhen, wird es Situationen, in denen die Menschen beginnen könnte das Gefühl der Schmerzen. Für diejenigen, die einfach nur die Dinge schnell erledigen wollen, kann zu lange von einer Verzögerung natürlich eine Belastung sein. Versuchen Sie Gradual Engagement statt einer hastigen Anmeldung. Beweis für einen 26 Effekt von dieser Idee Anstatt fragen Besucher sofort anmelden, warum nicht fragen, um zunächst eine Aufgabe, durch die etwas von Wert demonstriert wird. Bei derartigen initialen Wechselwirkungen kann das Produkt sowohl seine Vorteile zeigen, als auch sich für die Personalisierung eignen. Sobald Benutzer beginnen, Ihre Produkte Wert zu sehen und sehen, wie sie es ihre eigenen machen können, werden sie dann offener sein, um mit Ihnen zusätzliche Informationen zu teilen. Allmähliches Engagement ist wirklich ein Weg, um den Anmeldeprozess so weit wie möglich zu verschieben und immer noch erlauben Benutzer zu verwenden und anpassen Ihre Anwendung oder Produkt. Versuchen Sie weniger Grenzen statt verschwenden Aufmerksamkeit. Grenzen konkurrieren um Aufmerksamkeit mit echtem Inhalt. Aufmerksamkeit ist natürlich eine kostbare Ressource, da wir nur so viel zu einem bestimmten Zeitpunkt begreifen können. Sicher Grenzen können verwendet werden, um einen Raum sehr klar und präzise zu definieren, aber sie kosten uns auch kognitive Energie, da sie als explizite Linien wahrgenommen werden. Um Beziehungen zwischen Bildschirmelementen zu definieren, die weniger Aufmerksamkeit erfordern, können Elemente auch einfach durch Annäherung gruppiert, ausgerichtet werden, unterschiedliche Hintergründe haben oder sogar nur einen ähnlichen typografischen Stil teilen. Bei der Arbeit in abstrakten UI-Tools, ist es einfach, eine Reihe von Feldern fallen überall. Boxen kommen jedoch mit einem falschen Gefühl der immun gegen die Ordnung und Einheit, die den Rest des Bildschirms regelt. Daher können Seiten mit vielen Schachteln manchmal dazu neigen, verrauscht oder falsch auszusehen. Manchmal ist es hilfreich, in eine Zeile hier und dort zu werfen, aber berücksichtigen alternative Wege der Definition visueller Beziehungen, die weniger steuerliche Aufmerksamkeit sind und Ihr Inhalt durch kommen wird. Versuchen Sie verkaufen Vorteile anstelle von Funktionen. Beweis für einen 9-Effekt aus dieser Idee existiert Ich denke, das ist Marketing 101. Die Menschen neigen dazu, weniger über Features Pflege als sie über die Vorteile tun. Vorteile tragen mit ihnen klarer definierten Wert. Chris Guillebeau schreibt in The 100 Startup, dass die Leute sich wirklich darum kümmern, mehr von: Liebe, Geld, Akzeptanz und freie Zeit zu haben und gleichzeitig weniger Stress, Konflikte, Ärger und Ungewissheit zu wünschen. Bei der Darstellung von Features, und ich glaube, dass es immer noch Platz für sie gelegentlich, sicher sein, sie zurück zu Leistungen, wenn möglich zu binden. Versuchen Sie, für Zero Data anstatt nur Daten schwer Fälle. Es gibt Fälle, in denen Sie 0, 1, 10, 100 oder 10.000 Datenergebnisse haben, die auf verschiedene Weise irgendwie angezeigt werden müssen. Die häufigste dieser Szenarien ist wahrscheinlich der Übergang von der ersten Zeit mit Null-Daten in die zukünftige Verwendung mit viel mehr Daten. Wir haben oft vergessen, für diesen ersten Fall zu entwerfen, wenn es überhaupt nichts zu zeigen, und damit das Risiko der Vernachlässigung der Benutzer laufen. Eine Null-Daten-Welt ist ein kalter Platz. Wenn das erste Mal Benutzer auf Ihre App und alles, was sie tut, zeigt eine leere Schiefer ohne Anleitung dann youre wahrscheinlich fehlt eine Chance. Null-Daten-Status sind perfekte Kandidaten für die Benutzer über die erste Hürde des Lernens, indem sie ihnen, was als nächstes zu tun. Gute Dinge Maßstab und Benutzeroberflächen sind keine Ausnahme. Probieren Sie Opt-Out statt opt-in. Beweis für einen 8.1-Effekt aus dieser Idee Eine Opt-out-Strategie impliziert, dass Benutzer oder Kunden sind in Anspruch genommen, um an etwas teilnehmen, ohne irgendwelche Maßnahmen zu ergreifen. Alternativ gibt es auch die traditionellere Opt-in-Strategie, die Menschen braucht, um zunächst eine Aktion zu ergreifen, um an etwas teilzunehmen oder etwas zu bekommen. Es gibt zwei gute Gründe, warum opt-out besser funktioniert als opt-in. Zuerst lindert es Widerstand auf dem Pfad des Handelns, da der Benutzer nichts zu tun hat. Zweitens, seine auch eine Form der Empfehlung, die irgendeine Art von Norm impliziert - da jeder es so nimmt, wie es ist, könnte ich auch das gleiche tun. Natürlich ist die Opt-out-Strategie wird oft als umstritten angesehen, da gibt es die sleazy Vermarkter, die es zu missbrauchen. Ein solches Übel ist, die Lesbarkeit des Opt-out-Textes zu verringern, während ein anderer ist, verwirrenden Text, wie doppelte Negative zu verwenden. Beide Beispiele führen dazu, dass Benutzer weniger bewusst sind, dass sie sich für etwas anmelden. Daher halten die Ethik in Schach, wenn Sie entscheiden, gehen Sie mit einem Opt-out-Ansatz, machen es sehr klar und verständlich für Ihre Kunden, was sie in defaulted werden. Schließlich wurde diese Taktik auch in Europa eingesetzt, um Leben zu retten. Probieren Sie Konsistenz, statt Leute zum Lernen zu bringen. Streben nach Konsistenz in der Benutzeroberfläche Design ist wahrscheinlich eines der bekanntesten Prinzipien seit Donald Normannen ehrfürchtige Bücher. Nachdem eine konsistentere Benutzeroberfläche oder Interaktion ist einfach ein guter Weg, um die Menge des Lernens zu verringern, muss jemand durchlaufen, da sie eine Schnittstelle oder ein Produkt verwenden. Wenn wir Knöpfe und Shift-Schieber drücken, erfahren wir, dass diese Interaktionselemente aussehen, sich verhalten und in der gleichen Weise immer wieder gefunden werden. Konsistenz verfestigt die Art, wie wir lernen zu interagieren und sobald es weggenommen wird, werden wir dann wieder in den Lernmodus zurückgezwungen. Konsequente Schnittstellen können durch eine breite Palette von Dingen wie Farben, Richtungen, Verhaltensweisen, Positionierung, Größe, Form, Etikettierung und Sprache erreicht werden. Bevor wir alles in Einklang zu bringen, aber lasst uns bedenken, dass die Dinge inkonsequent immer noch Wert hat. Inkonsequente Elemente oder Verhaltensweisen kommen aus den Tiefen unseres gewohnten Unterbewusstseins ins Blickfeld - das kann eine gute Sache sein, wenn man Dinge bemerkt haben möchte. Versuchen Sie es, aber wissen, wann es zu brechen. Versuchen Sie, Smart Defaults anstatt zu bitten, zusätzliche Arbeit zu tun. Beweis für einen 1.1-Effekt von dieser Idee Mit smart Defaults oder Pre-filling Formularfelder mit ausgebildeten Vermutungen entfernt die Menge der Arbeit Benutzer zu tun haben. Dies ist eine gängige Technik, um den Benutzern zu helfen, durch Formulare schneller zu gehen, indem man ihrer begrenzten Zeit respektiert. Eines der schlimmsten Dinge aus einem Erlebnis - und Umwandlungsstandpunkt ist es, die Menschen nach Daten zu fragen, die sie in der Vergangenheit schon immer vorgelegt haben, immer wieder und immer wieder. Versuchen Sie, Felder anzuzeigen, die mit Werten vorgespeichert werden, die validiert werden sollen, im Gegensatz zu fragen für Werte, die jedes Mal neu eingegeben werden sollen. Je weniger Arbeit, desto besser. Versuchen Sie Konventionen, anstatt das Rad neu zu erfinden. Konvention ist der große Bruder der Konsistenz. Wenn wir die Dinge über eine Schnittstelle halten, müssen die Leute nicht offensichtlich so hart kämpfen. Wenn wir andererseits alle Dinge über mehrere Schnittstellen so ähnlich wie möglich halten, verringert sich die Lernkurve noch weiter. Mit Hilfe von etablierten UI-Konventionen lernen wir, Fensterfenster in der oberen rechten Ecke zu schließen (mehr als oft nicht), oder erwarten Sie einen gewissen Blick von unseren Einstellungssymbolen. Natürlich gibt es Zeiten, in denen eine Konvention nicht mehr dient Zweck und weicht einem neueren Muster. Beim Abbrechen, stellen Sie sicher, seine zielgerichtet durchdachte und mit guter Absicht. Versuchen Sie Verlust Abneigung anstatt zu betonen, Gewinne. Wir mögen es zu gewinnen, aber wir hassen es zu verlieren. Nach den Regeln der persuasiven Psychologie. Sind wir eher der Vermeidung von Verlusten als dem Erwerb von Gewinnen vorzuziehen. Dies kann angewendet werden, wie Produktangebote eingerahmt und kommuniziert werden. Durch die zugrunde liegende, dass ein Produkt Schutz eines Kunden bestehenden Wohlbefinden, Reichtum oder sozialen Status, könnte diese Strategie effektiver sein als zu versuchen, einen Kunden mit etwas zusätzlichen, die sie nicht bereits haben. Versichern Versicherer verkaufen die Auszahlung, die nach dem Unfall oder den Schutz der Dinge, die wir lieb zu halten wir versuchen, Visual Hierarchy statt Dummheit gewonnen werden kann. Eine gute visuelle Hierarchie kann verwendet werden, um Ihre wichtigen Elemente von den weniger wichtigen getrennt. Eine visuelle Hierarchie ergibt sich aus der Veränderung von Dingen wie Ausrichtung, Nähe, Farbe, Ton, Einzug, Schriftgröße, Elementgröße, Polsterung, Abstand usw. Wenn diese visuellen Sprachelemente richtig angewendet werden, können sie zusammenarbeiten, um die Aufmerksamkeit der Menschen zu lenken und zu pausieren Innerhalb einer Seite - Verbesserung der allgemeinen Lesbarkeit. Eine visuelle Hierarchie kann gesagt werden, um Reibung zu erzeugen und verlangsamt uns von Skimming durch die gesamte Seite von oben nach unten - für das bessere, das ist. Mit einer guten visuellen Hierarchie, obwohl wir ein bisschen mehr Zeit auf der Seite verbringen könnte, sollte das Endergebnis sein, dass wir mehr Elemente und Merkmale registrieren. Denken Sie an es als Autoreise. Sie können die Autobahn nehmen und zu Ihrem Ziel schneller (bottom of page), oder können Sie die szenische Route und erinnere mich an interessante Dinge auf dem Weg. Geben Sie dem Auge einen Platz zum Stoppen. Versuchen Sie, Gruppierung Related Items anstelle von disordering. Gruppieren zusammenhängender Artikel zusammen ist eine grundlegende Möglichkeit, die grundlegende Benutzerfreundlichkeit zu erhöhen. Die meisten von uns neigen dazu, zu wissen, dass ein Messer und eine Gabel, oder öffnen und speichern Funktionen können in der Regel mehr oder weniger zusammen gefunden werden. In Verbindung stehende Einzelteile sollen nur in der Nähe von einander gesetzt werden, um einen Grad der Logik und eine niedrigere allgemeine kognitive Reibung zu respektieren. Wasting Zeit auf der Suche nach Sachen ist in der Regel nicht Spaß für Menschen. Versuchen Sie Inline-Validierung anstelle von Verzögerungsfehlern. Beim Umgang mit Formularen und Fehlern, seine in der Regel besser zu versuchen, zu erkennen, ob etwas nicht richtig ist und zeigen es eher früher als später. Das berühmte Interaktionsmuster, das hier hervorgehoben wird, ist natürlich Inline-Validierung. Indem eine Fehlermeldung angezeigt wird, wie sie geschieht (s. Rechts vom Eingabefeld), kann sie rechts und dann korrigiert werden, wenn sie im Kontext erscheint. Auf der anderen Seite, wenn Fehlermeldungen später angezeigt werden (z. B. nach einer Einreichung), es zwingt die Menschen, einige zusätzliche kognitive Arbeit zu tun, daran zu erinnern, was sie taten von ein paar Schritte zurück zu tun. Versuchen Sie, Inputs zu verzeihen, anstatt mit Daten streng zu sein. Als mehr verzeihend in Bezug auf Benutzer eingegeben Daten können Computer einen Schritt näher zu immer ein bisschen menschlicher bewegen. Verzeihende Inputs antizipiert und versteht eine Vielzahl von Datenformaten und macht dadurch Ihre Benutzeroberfläche freundlicher. Ein perfektes Beispiel dafür ist, wenn wir Menschen um eine Telefonnummer bitten, die so vielfältig eingegeben werden kann - mit Klammern, Erweiterungen, Bindestrichen, Ortsvorwahlen und weiter. Haben Sie Ihren Code ein bisschen härter, so dass Ihre Benutzer müssen nicht. Versuchen Sie Dringlichkeit statt Zeitlosigkeit. Dringlichkeit ist eine Überzeugungstaktik, die angewandt werden kann, um die Menschen jetzt handeln zu lassen, anstatt später (oder möglicherweise auch nie). Es funktioniert, weil es oft ein gewisses Maß an Knappheit impliziert, da das, was jetzt verfügbar ist, möglicherweise nicht verfügbar sein morgen. Es funktioniert auch, weil es auf Verlustaversion in der gleichen Weise berührt - wie wir dont wie verlieren auf Chancen. Dringlichkeit könnte auch eine dieser Strategien, die einige auf eine aufdringliche und schmutzige Art und Weise der Menschen zu handeln. Trotzdem seine vorhandene als eine Strategie zu verwenden und solange seine ehrliche seine gültige. Seien Sie vorsichtig bei der Schaffung eines falschen Gefühl der Dringlichkeit, da, wenn Ihr Publikum ruft Sie auf, es wird backfire. Versuchen Sie Mangel anstelle von Überfluss. Wenn es weniger von etwas gibt, neigen wir dazu, es mehr Wert. Knappheit deutet darauf hin, dass es wieder etwas gab, heute gibt es weniger davon, und morgen könnte es noch weiter schrumpfen. Denken Sie an ein Groß-Shop vs eine Boutique ein und dann schauen, wie ihre Preise oft vergleicht. Dann denke zurück an den Großhändler und bemerken eine Knappheit-Strategie, die sie dennoch anwenden, angesichts eines breiteren Produktangebots. Einige Großhändler oder Mega-Händler werden tatsächlich beschränkte Produkte, die nur verfügbar sind, bis sie gekauft werden, ohne die Versorgung zu ergänzen. In der Software, vergessen wir oft über Knappheit, weil mehr als oft nicht, Bits und Bytes können so einfach dupliziert werden und es gibt so viel Fülle mit Hilfe von Copy-Paste. Dennoch kann in der Welt der UI die Knappheit noch genutzt werden, um Grenzen oder Engpässe zu zeigen, die sich auf die reale Welt beziehen. Denken Sie an die Grenzen hinter der Anzahl der Tickets, die Sie verkaufen können, um ein Webinar, die Anzahl der Kunden können Sie in einem Monat oder die Anzahl der physischen Produkte, die Sie haben könnte, bevor die nächste Charge produziert wird. All diese Dinge können dem Benutzer gezeigt werden, um Handlungen hervorzurufen, während sie besser informiert sind. Denken Sie Angebot und Nachfrage. Denken Sie weniger ist mehr. Versuchen Sie Anerkennung statt Rückruf. Beweis für eine 10 Wirkung aus dieser Idee existiert Dies ist ein klassisches Prinzip der Gestaltung stark an die Psychologie gebunden, was darauf hindeutet, dass es einfacher ist, etwas Bestehendes zu erkennen, anstatt es nur aus dem eigenen Gedächtnis zurückzurufen. Die Anerkennung beruht auf einer Art von Hinweise oder Hinweisen, die uns dabei helfen, unsere bisherigen Erfahrungen zu berühren. Recall verlangt von uns, die Tiefen unseres Gedächtnisses alleine aufzuspüren. Dies könnte der Grund sein, warum manchmal Multiple-Choice-Fragen zu Prüfungen schneller abgeschlossen werden können als offene. Erwägen Sie, die Benutzer in der Lage zu sein, Gegenstände zu erkennen, denen sie zuvor ausgesetzt worden sind, anstatt sie zu erwarten, dass sie sich alleine an sie erinnern. Versuchen Bigger Click Areas anstelle von kleinen. Links, Formulare und Schaltflächen lassen sich einfacher anklicken, wenn die Größe erhöht wird. Entsprechend Fitts Gesetz. Wir brauchen mehr Zeit, um auf etwas mit einem Zeigegerät zu klicken, das weiter weg ist es andor oder es ist kleiner. Aus diesem Grund betrachten Sie erweitern Ihre Form Felder, Aufrufe zu handeln, und Links. Alternativ ist es auch möglich, das visuelle Element so zu halten, wie es ist, sondern stattdessen nur seinen Hotspot oder Klickbereich vergrößert. Ein beliebtes Beispiel dafür sind Textlinks auf mobilen Geräten oder in Navigationsmenüs, die mit Polsterung gedehnt werden. Versuchen Sie schnellere Lastzeiten, anstatt die Leute warten. Geschwindigkeit ist wichtig. Seien Sie es, wie schnell ein Schirm anfangs lädt, oder wie schnell er auf eine Benutzeraktion reagiert, können beide beeinflussen, ob Leute warten oder nicht. Es wurde vorgeschlagen, dass jede Sekunde länger Dropdown, Bounce und Conversion-Raten beeinflusst. Daher ist es eine Taktik, die Ladezeiten unserer Bildschirme technisch zu senken, indem Code und Bilder optimiert werden. Eine andere Taktik ist es, die Wahrnehmung der Belastungszeiten durch Anwendung einiger Psychologie zu verringern. Zwei Tricks können angewendet werden, um die Leute fühlen sich wie sie arent warten so lange. Zeigen von Fortschrittsbalken, die Erwartungen festlegen, sind eins. Keeping Benutzer besetzt, während etwas geladen wird, ist ein weiterer (denken, zu Fuß zum Förderband ein wenig länger statt an der Seite stehen und klopfen den Fuß). Versuchen Sie Tastaturkürzel anstelle von Schaltflächen nur. Wenn Sie ein Produkt mit hohem Nutzen haben, ist es immer gut, diejenigen fortgeschrittene Benutzer, die immer wieder kommen und verbringen viel Zeit mit Ihrer Anwendung. Die Menschen werden oft Wege suchen, die ihnen ermöglichen, wiederholte Aufgabe schneller durchzuführen und Tastenkürzel sind eine solche Art und Weise der Bereitstellung dieser. Hot-Tasten, einmal erinnert, kann beschleunigen Aufgabe Leistung über Punkt und klicken Sie auf grafische Benutzeroberfläche drastisch. Ein Beispiel hierfür ist die Verwendung der J - und K-Hotkeys für next und previous, die von Anwendungen wie Gmail, Google Reader (jetzt Geschichte), Twitter und Tumblr populär wurden. Buttons Arent schlecht, aber sie können mit Shortcuts für die schnellen Finger ergänzt werden. Versuchen Anchoring statt mit dem Preis beginnen. Beweis für eine 8.8 Wirkung aus dieser Idee Menschen kommen mit kognitiven Verzerrungen geladen, und wie Kahneman beobachtet. Verankerung ist eine solche Vorspannung, die schwer zu widerstehen ist. Es deutet darauf hin, dass unsere Entscheidungen von den ersten Mengen betroffen sind, die uns auffallen. Wenn wir mit einer größeren Anzahl und Roll-down zu einem kleineren Preis beginnen, plötzlich, dass der Preis nicht so groß fühlen sich nicht mehr. Wenn ich richtig verstehe, was viele Leute vermissen, ist, dass die verankerte Zahl auch nicht ein Preis sein muss. Es kann eine Zahl sein, die nicht einen Dollarwert benötigt. Ein allgemeines Beispiel für Vermarkter, die den Verankerungseffekt ausnutzen, zeigt die Herstellervorschlags-Einzelhandelspreis gefolgt von einem niedrigeren Preis. Probieren Sie Upfront Progress aus, anstatt mit einem Leerzeichen zu beginnen. Es gibt mehr Motivation für die Dinge getan, desto näher wir fertig sind. For this reason, some companies give away prestamped coffee cards. Or in the virtual world, others reward the signup process as a completed item on the list of things to do. Stephen Anderson labeled this similar pattern as Set Completion in his Mental Notes, while more formally, it can be also referred to as the Goal Gradient Effect. Either way, do make people progress or feel like they are progressing sooner rather than later. Try Progressive Disclosure instead of overwhelming. Evidence Exists For A -0.1 Effect From This Idea Progressive Disclosure protects the user from too much irrelevant information. Its a pattern which only shows information gradually if it makes sense to do so - often in the context of forms. Typically, progressive disclosures gradual unveiling is also accompanied by some form of inline expansion or slide out animation. If too many fields increase effort and scare people away, then this is another tactic of avoiding having to enter unnecessary fields. Only showask for what is relevant to the situation at hand. Try Smaller Commitments instead of one big one. Evidence Exists For A 16.5 Effect From This Idea Ask people to start off with a smaller upfront commitment followed by some larger ones down the road. Big commitments can scare people off. Borrowing from Robert Cialdinis work, using commitment is a powerful persuasion strategy which taps into peoples desire to be seen as having a consistent self image. That quest for consistency suggests that generally people can climb a series of smaller and connected actions more easily than one larger one. An application stemming from this is known as the foot in the door technique which works by getting a small yes and then getting an even bigger yes.. One example of this would be a dating site that is asking people to just look around, followed by an introduction task, followed by a couple ideas for a date, etc. This is opposite of course to asking the same users to lock into a marriage right away (nothing wrong with getting married). ) In the context of pricing, another example can be seen when we ask customers to pay a series of monthly fees instead of an annual one. A related tactic of lowering upfront commitment might also show a no contract messaging in order to make customers feel that they can leave anytime which further decreases the barrier to entry. Try Softer Prompts instead of modal windows. The modal window or dialog box is an attention hog, like it or not. Grabbing someones attention can be a good thing, but modal windows often come with some nasty problems. First of all, modal windows can block users from performing other functions or referencing information from behind the modal. They can also be difficult to get out of for some users. Dialog boxes are also at fault for often halting the computer from completing given work which can be irritating if the user is away. Finally, modals may frustrate with interruption if someone is deep in their task and not ready to take other actions. Why not consider more subtle inline or slide out methods which might be less obtrusive and can equally capture peoples attention Try Multifunctional Controls instead of more parts. Simplicity is often valued in design as it somewhat correlates with ease of use. Too much clutter may burn through our limited attention pools and the more parts there are, the more room for usability issues to creep up. One way for the user interface to achieve the same with less is to make UI controls more multifunctional. That is, you take one control and you squeeze two or more functions into it. As one example, we can combine a search input field with a filtering mechanism that affects a list below right as you type. This removes the need for additional filters. We can also combine a ranking display with a rating onhover function to further avoid additional parts. Multifunctionalism isnt all that golden though. Although it simplifies, it does so at the cost of discoverability. Functions which are less visible up front run the risk of not being found. Its therefore probably better to reserve the multifunctional approach for repeat visitors which can deal with a slightly higher learning curve. Also, use it wisely and dont over do it. Try Icon Labels instead of opening for interpretation. Evidence Exists For A 13 Effect From This Idea Icons can be wide open to interpretation and combining them with words can remove some of the ambiguity. Take a down arrow icon for example. Does it mean to move something down, lower its priority, or download Or does an x icon mean to delete, disable, or close The problem becomes larger for light use interfaces where there isnt much time for the person to learn the meaning of the icons. To make the icons more understandable, they can be augmented with textual labels. If space is truly an issue, some user interfaces compromise by showing all of their icon labels on a single hover (less painful than having to hover on each individual icon). Try Natural Language instead of dry text. Evidence Exists For A 3.3 Effect From This Idea Natural language is a more informal and conversational interaction style than just short, strict and formal words. This style is often associated with computers being able to understand (or seem like they understand) humans better, forgive where necessary, and vice versa. The expectation is two fold. First, a person types in a phrase which the computer would ideally comprehend the full meaning of. Second, the responses by the computer are also more conversational and friendly in return. Although we might not be fully there yet with the first part, there are some basic and promising examples such as: searching for toronto weather in Google, Ubiquity for Firefox and Siri commands. As for interfaces which display their messages as conversations there are some hints that they might convert just a bit better (some more testing required). Try Curiosity instead of being reserved. Evidence Exists For A 21 Effect From This Idea Stirring curiosity is a conversion tactic which tries to drive up desire for something by providing a bit of teasing information. It could be a sample chapter, a demo, a trial, or some free genuine content which leads up to a call to action sounding like in order to see the rest, do XYZ. Teasing your users, customers andor leads with samples and hooks is a good way for people to want to continue on the path of action. As obvious as it sounds, another sure shot way to fail at stirring curiosity (aside of not having it at all in the first place) is of course by providing the complete range of information or offering upfront. Perhaps giving people a full trial, or all of X out of Y before they are customers, isnt the best way to motivate them. Keep them hungry for more - at least for a bit. ) Try Reassurances instead of assuming all is fine. Evidence Exists For A -7 Effect From This Idea When youre closing a sale, drop some reassurances. Throw in a guarantee, tell your customers that they will be satisfied, tell them that the payment is secure, that yes shipping is free, and yes that they can pull out at anytime without any risk. All is good and all will be fine. Dont worry, be happy. Putting a positive spin on a close is definitely worth a try as a conversion tactic. Try Price Illusions instead of just plain prices. You can let people judge the value of your product completely on their own, or you can help to do it for them. If you decide to make use of human irrationality, you can show the price in a way so that your offering becomes perceived as more valuable. In the simplest way you can start off with framing words such as only, affordable, or small fee of alongside of the price. The price then can also be broken down into a per unit price (ex: 30 per page rather than 30 for a book, or 1 per day instead of 30 per month for a membership). Further, the infamous prices ending in a 9 instead of having a round number can also be used. Finally, prices can be shown with fewer digits (30, instead of 30.00) for an additional effect of illusion. Try Thanking instead of simply confirming completion. Evidence Exists For A 0 Effect From This Idea Thanking people can make you, your business, product or UI feel more human as it shows youre appreciative and you care. Thanking of course happens during some sort of task completion and is bigger than just plain feedback. More so, making your UI thankful can be used as a way to induce further dialogue or action. So naturally, thank you screens are a perfect spot to suggest the next optional action for the customer or user to take. Thanks for reading this paragraph. ) Try Useful Calculations instead of asking to do math. A user interface can do mathematical calculations, large or small, for users and thus remove unnecessary friction. As one example, lets say that some application shows used up credits out of an available pool. It might be more meaningful to calculate for users how many remaining days that actually is before their application stops functioning. Or yet an even simpler and more popular example when we try to understand how recent or old multiple rows of data really are. In this case a relative time stamp of 3 min ago has more meaning and requires less effort to comprehend than say an absolute one of 4:37pm, Sept 2. Take out the pain of having to do the math. Try Reaffirming Freedom instead of implying it. People may be persuaded to act more often when their choice or free will is explicitly reaffirmed. There have been some studies done on the But You Are Free technique with cases where the effect to act sometimes even doubled. The idea is to call out an action or decision, followed by a simple statement suggesting that its your choice, or you are free to refuse, etc. The persuasive power of this technique seemed the strongest when the request was made face-to-face andor the request to act and reaffirmation were closer together. Try Variable Rewards instead of predictability. Variable rewards are great way to get users hooked. When we (or mice at least) press levers that spit out pellets unpredictably (as in sometimes not spitting out anything), then such a schedule of reinforcement has the highest rate of response in the shortest amount of time. If eating pellets isnt your thing however, then please consider how addictive email checking can be as we never really know when those rewarding ones really do appear (assuming you receive more than just the same old email from Joe everyday). Try Attention Grabs instead of neglect. Evidence Exists For A 22.3 Effect From This Idea Its worth channelling additional attention towards the most important actions. This can be achieved in numerous ways starting with the more obvious size increase or higher contrast of an element. Other ways for directing attention also include: using irregular shapes, field auto focusing, section highlights, sticky element interactions (floating), as well as directional arrows. Surely you cannot have everything scream on a page, but emphasizing the primary calls to action is worth the effort. Try Friendly Comparisons instead of confusion. User interfaces sometimes require us to make comparisons of product characteristic which directly affects ease of use. There are a number of ways in which such comparisons can be made more understandable and therefore help users make a smoother decision. First of all, limiting the number of things or properties to compare at any given time is one simple way of alleviating confusion. Secondly, spacing out properties should help comparison making, instead of mixing various properties into a single column. Thirdly, asking the user to make a single decision (instead of threaded or multiple ones at the same time) should remove additional cognitive friction. Overall, the purpose of a table should be to show the difference of the most relevant attributes and help make a single decision. Try Set Collections instead of independent items. People are motivated to collect things. Whether physical or virtual, seeing a closed set of things to collect from establishes a goal to strive for. Often obtaining the complete set can motivate even further by carrying added benefits of synergistic qualities (a cake is bigger and better than its individual ingredients). Perhaps, showing items which have been already collected, also reinforces behavior by showing past actions as achievement. Finally, the motivation to collect a complete set might be stronger if the number of items is known to be finite (overlaying scarcity). Try Expectation Setting instead of being ignorant. Its nice when people set expectations for each other. It doesnt take much effort for a person or interface to inform someone when the next task will be completed. You are on step 1 of X. Your choice will result in Y. You will receive something before Z. All those little promises not only inform but also build trust. Unhelpful interfaces on the other hand can come off a little cold as the user is kept in the dark. Try Humor instead of being so serious. Why should everything always have to be so serious all the time It doesnt. You can always lighten up by throwing in a joke or something playful here and there. Adding humor to your UI might or might not work. When it does work however, humor can build up a stronger human relationship between you and your userscustomers. Having an amount of such chuckles and smiles built up and stored away for the future is probably a nice to have. When the times get tough, people who have a stronger and more personal relationship with you may be more prone to forgiveness during erroneous situations. Try Providing Feedback instead of silence. When we perform an action or task, we want to know that it has been successfully completed. Feedback provides this closure to any action. It can be as subtle as the drying of ink on a piece of paper, or as blunt as a dialogue message confirming that one of your emails has been delivered. Silence on the other hand breeds uncertainty. Did it really work Did I hear a click Was the button really pressed Should I try again Feedback answers all these questions. It is a very valuable and essential element for any successful interaction. Try Anticipating Intent instead of shortsightedness. Feelings of yes this is exactly what I was looking for may be brought on by some form of intent anticipation by the user interace. Having a UI which correctly guesses what the user is after, should in turn bring in more smiles and dollars (or at least less frowns). As one example, Amazon has achieved this at the micro interaction level with their mega drop down menu. The menu essentially detects intent of the correct sub-menu to display using some interesting geometry and front-end engineering. It saves the user the pain of moving the cursor across a diagonal line towards a desired sub-menu, only to discover that the sub-menu changed to something else or disappeared altogether. Detecting the users intent however is a balancing act that may be easier with simpler and scripted interactions. The playing field is still wide open for more advanced intent detection which might require stronger artificial intelligence. Try Extra Padding instead of overcrowding elements. White space can definitely make content andor data more readable. When elements are slightly separated away from each, they begin to be allowed to be perceived individually. This can be good for lists, tables, paragraphs or any sets of elements on a screen. One common way of applying white space is with extra padding all around an item. Without adequate padding on the other hand, elements begin to blur together into indistinguishable wholes. So when readability is concerned, padding may help. Try Storytelling instead of listing just the facts. Evidence Exists For A -12 Effect From This Idea Storytelling is the oldest form of communication which could be used on landing pages, applications and various UI interactions. Instead of listing out the information in bullet point form, why not give narrative a try A basic story will have a few simple elements such as a setting, a character with intentions, and some problematic situation just around the corner. Stories elicit a more emotional response by making it feel as if the written experience was actually encountered. As a result of this, stories may also become more memorable. Long form sales letters have directly applied storytelling, which could be the reason why they are still effective to this day. Try Authenticity instead of faking it. Evidence Exists For A 6 Effect From This Idea Most people can sniff out a liar a mile away. Aiming to be authentic may be just the cure in helping your product or screen in becoming more trustworthy. Stock images including happy people smiling just about no good reasons, may be suspect number one in undermining trust. There are a few tests out there which have hinted at this here and there. Another area which may often be a source of skepticism are product reviews. Having a mix of good and bad reviews as opposed to just the shiny ones, may also help. Finally, having precise non-rounded numbers may also be perceived as more believable as well. Try Progressive Reduction instead of being static. Progressive Reduction has been discussed by LayerVault. Its a rather simple idea that as users learn to use your interface or application, the functions which where more important in the beginning, become easier or less important over time. For example, certain onboarding related calls to actions may be moved further away as room is made for other content. Or, icon labels may become hidden as the meaning of icons becomes understood. People learn to use an interface and the progressive reduction pattern respects that. Try Putting Others First instead of self-centeredness. Evidence Exists For A -11 Effect From This Idea Putting others interests ahead of yours, while building social influence as a result, isnt a new idea at all. Reframing conversations from I to You, listening well, and being genuinely interested in others, have all been central in Dale Carnegies How to Win Friends and Influence People. almost a century ago. Our level of being audience, customer or user centric expresses itself in the language and interactions we (or our products) make use of or enable. More so, apparently arguing against ones own self-interest may be a strong source of additional credibility. as has been observed in a social experiment. Sometimes, seeing and telling things from other peoples perspective (even if it does not immediately benefit) may in fact result in a constructive action that ends benefiting everyone. Try Explaining instead of assuming the obvious. Some things which may seem obvious to us, might be less so to others. Form fields are probably the classic example of this with their open ended nature. Thats where explanations, descriptions, and hints come in. Using contextual explanations uncertainties may be removed in numerous ways by communicating: the reason for asking for information, an example of acceptable input, a requirement, or where to find the information being asked for. One thing to keep in mind when using such contextual descriptions however, is not to use them as placeholder text within the form field itself - as Jakob Nielson has warned. Try Concise Copy instead of using unnecessary words. Evidence Exists For A 0.9 Effect From This Idea Get to the point by writing shorter sentences, using simpler and fewer words. After writing the first draft, see if you can condense it. Showing the core message will convey what you intended without losing someones attention. Here are 5 simple tips on tighter writing while avoiding the passive voice and meaningless words. Try Responsive Layouts instead of static ones. There is nothing worse in the world than double scroll-bars. Seriously, its as cognitively taxing as looking at a map through a keyhole. Some of these weird situations might be caused unintentionally due to static layouts when looking at UIs on smaller devices. One way around this problem, of course, is with responsive layouts that adjust automatically for various screen shapes and sizes. Try Visual Clarity instead of ambiguity. All meaning exists in the context of polarities writes Dondis in A Primer of Visual Literacy . We come to understand darkness in the context of light, belonging in the context of isolation, order in the context of disorder, large in the context of small. Picking a stance within such polarities and expressing them clearly through visual language, helps people understand the intent. The biggest disruptor of meaning is ambiguity. When things are somewhat different, yet not really, it creates confusion as our minds try to make sense of the visual. This is why its better to be purposeful about grouping things (or spacing them farther apart), using more diverse font sizes (or making them exactly the same), and using more diverse tones (or making them exactly the same). Trying to figure out if a visual style was by mistake or by design is stressful and taxing on the mind. Try Enabling Corrections instead of rigidness. Its inevitable that people, the interface, or your business will make mistakes. Allowing correction to happen in such situations will ease the pain of having to start all over again. Perhaps a user has logged in with his friends account (for better or for worse), and would like to re-authenticate. Perhaps the user changes his mind about not wishing to order 8, but 7 oranges instead Perhaps the users shipping address has changed last month and a change is needed. The UI should allow users to make such subtle corrections - its only natural. Try Social Commitments instead of solitude. Social commitments may be a form of self inflicted motivation, so to say. We tend to have a preference for a consistent self-image. In this regard, making a public or social promise of some sort, begins to hold us accountable. This has even been shown to be effective in the context of weight loss. Therefore, when we tell people that well do something (or take publicly visible actions), there is a higher chance that well actually follow through with consistent actions in the future. Try Retries And Redos instead of single chances. Sometimes things will just not work out as intended during the process and users might wish to simply try again. Perhaps a file upload fails, or perhaps wed like to reprint another version of a document without making any changes or corrections. The UI could make such redos and retries super easy or difficult. When the outcome of an action is not satisfactory and there is no way to try again, stress (and lost conversions) will surely follow. Try Less Choice instead of giving too many options. The amount of choice should be questioned and possibly limited, as first hinted in idea 7 and recently rediscovered in an awesome write up (by ConversionXL). Apparently the more choices there are, the harder decision making may become. Whats even more interesting is that with more choice our satisfaction is also at risk of diminishing as expectations, regret and self-blame tend to increase. However, not all choice is all that bad as it may also reaffirm freedom. As the famous jam study (with less choice leading to higher decisions) is still struggling to be replicated, we prefer to take somewhat of a middle ground approach and test this further. Not All Of The Above Ideas Work. Find Out Which Do We actually go beyond just writing about what makes user interface convert and put these ideas to the test on real projects. We do the hard work of experimentation and offer you the results, backed by hard data. We do this because we wish to find out which ideas are truly better, in which combinations, while making your life a little easier. Try Gradual Reassurance instead of. Gradual reassurance emerged from this homepage test that turned out to be even more effective than video. Datastory 25 covers this design experiment in detail for you to learn from what took us a whole 5 months to execure. Try Giving The Best Price instead of. Removing a coupon code can lead to more sales as we discovered in this amazing shopping cart test. The test contains interesting findings, a full story on how we ran it, as well as 3 amazing UI sketches for how to include coupon fields (if you really have to). Make better design decisions with Datastories. Learn From What We Try Test We share test results and insights as we test the GoodUI ideas above. Unsubscribe at any time. 44,000 people are now receiving inspiration. Get Sketching Convey ideas quickly and speed up your design process with the amazing Fastforward UI Bundle which was used to create this GoodUI content. Get a Better Site We work with clients on optimization projects where we apply these ideas. Work with us and well deliver on measurable results.
No comments:
Post a Comment