30 wesentliche UX Werkzeuge
Wenn Entwickler Websites erstellen, konzentrieren sie sich oft auf das Layout und die technischen Funktionen, vernachlässigen jedoch einen sehr wichtigen Aspekt - wie der Benutzer die Website erlebt. Wenn Benutzer es schwer haben, herauszufinden, wie sie ihre Ziele erreichen, werden sie sich anderswo umsehen und nicht zurückkommen. Ein angenehmes Nutzererlebnis hingegen kann einen positiven und dauerhaften Eindruck erzeugen, der eine Website von der Konkurrenz unterscheidet.
Aus diesem Grund ist es wichtig, genau zu überlegen, was Benutzer beim Besuch Ihrer Website erleben. Sie müssen sich fragen: Gibt diese Seite die Informationen, die der Benutzer erwartet? Wie bei vielen Dingen können kleinste Details den größten Unterschied in der Benutzererfahrung ausmachen.
In diesem Beitrag stelle ich Ihnen 30 hervorragende Tools und Services vor, mit denen Sie Websites mit besserer Benutzerfreundlichkeit erstellen können.
Mindmaps, Flussdiagramme und Sitemaps
Die Grundlage einer brauchbaren Website ist ein guter Plan. Wenn Sie nicht wissen, wohin Ihr Projekt führt, ist es unwahrscheinlich, dass Sie am richtigen Ort ankommen. Mindmaps, Flussdiagramme und Sitemaps sind effektive Werkzeuge zum Erstellen der Diagramme, die Sie benötigen. Mind Maps eignen sich hervorragend zum Generieren und Organisieren von Ideen, während Ablaufdiagramme die Schritte in einem Prozess visualisieren und planen. Sitemaps können verwendet werden, um die Navigationsstruktur einer Website zu identifizieren. Hier sind einige Anwendungen, die Sie bei diesen Aufgaben unterstützen können:
XMind (von kostenlos)
XMind ist ein Open-Source-Mind-Mapping-Programm für Windows, Mac OS X und Linux.
ConceptDraw Office (ab 199 $)
Ein leistungsfähiges Diagramm-Werkzeug, ConceptDraw Büro bietet Unterstützung für Flowcharts und Mind Maps auf Windows und Mac.
OmniGraffle ($ 69,99)
Mac OS X und iPad Benutzer können wählen OmniGraffle Erstellen von Ablaufdiagrammen, Organigrammen und vielen anderen Arten von Diagrammen.
Gliffy (von kostenlos)
Glitschig ist eine webbasierte Diagrammanwendung mit Unterstützung für Flussdiagramme und Sitemaps.
Drahtmodelle und Prototypen
Bevor das eigentliche Codieren beginnt, ist es oft sinnvoll, Prototypen zu erstellen. Mit Prototypen können Sie mit verschiedenen Ideen spielen und mögliche Probleme aufdecken, ohne viel Zeit in Programmierung und Design investieren zu müssen. Sie können mit Low-Fidelity-Wireframes in Graustufen beginnen und später visuelle Modelle und High-Fidelity-Funktionsprototypen erstellen.
PowerMockup (ab 59,99 €)
Benutzen PowerMachup um Drahtmodelle mit PowerPoint zu erstellen.
Bleistift (kostenlos)
Verfügbar auf verschiedenen Plattformen, diese Open-Source-Software bietet GUI-Prototyping.
Mogups (ab $ 9 / Monat)
Moqups ist ein Online-Drahtbild- und Mockup-Tool.
Justinmind Prototyper (ab $ 19 / Monat)
Diese Anwendung Für das Wireframing laufen Web- und mobile Apps unter Windows und Mac OS X.
FileSquare (von kostenlos)
DateiSquare ist ein webbasiertes Tool zur Erstellung von Click-through-Prototypen durch Verknüpfung von hochgeladenen Mock-Up-Bildern.
Handwerk (ab $ 19 / Monat)
Handwerk ist ein kollaboratives HTML / CSS / JavaScript Prototyping Tool.
Benutzertests und Feedback
Sobald Sie etwas Konkretes zu zeigen haben, sollten Sie es vor den tatsächlichen Benutzern herausholen, Feedback sammeln und danach handeln. Mit den unten aufgeführten Anwendungen und Diensten können Sie Usability-Tests durchführen und Benutzerfeedback organisieren.
IntuitionHQ (von kostenlos)
Dieser Service zum Testen der Remote-Benutzerfreundlichkeit ermöglicht Ihnen, verschiedene Benutzertests für Ihre Designs auszuführen und sofortiges Feedback zu erhalten.
Bestätigen (ab $ 19 / Monat)
Diese Online-Bewerbung sammelt und analysiert Benutzer-Feedback auf Bildschirmen und Modellen.
Polldaddy (von kostenlos)
Polladdy ist eine Webanwendung zum Erstellen und Veröffentlichen von Umfragen und Umfragen.
Konzept Feedback (kostenlos)
Besuch diese Online-Community Feedback zu Designs austauschen.
Fünfsekeltest (von kostenlos)
Der Service sammelt Feedback, indem Nutzer aufgefordert werden, sich an die Elemente einer Website zu erinnern, nachdem sie diese nur fünf Sekunden lang gesehen haben.
PickFu (ab $ 20)
Dieser Crowdsourcing-Dienst bietet schnelle Rückmeldung über einfache A / B-Abfragen.
UserTesting (ab $ 49)
UserTesting können Sie "über die Schulter schauen" von Menschen, die Ihre Website durchsuchen.
UsabilityTools (ab $ 39 / Monat)
Diese Sammlung von Werkzeugen bietet Benutzerforschung einschließlich Umfragen, Kartensortierung und Feedback-Formulare.
Morae (ab $ 402)
Diese Desktop-Software zeichnet Benutzerinteraktionen auf (Tastatur- / Mauseingabe, Eye-Tracking, Audio usw.) und analysiert die Ergebnisse.
BugHerd (ab $ 29 / Monat)
Bugherd ist ein Online-Bug-Tracker speziell für Web-Entwicklungsprojekte.
A / B-Split-Tests
A / B-Tests sind einfach: Sie erstellen zwei Varianten (A und B) einer Seite und bestimmen dann, welche Ergebnisse in Bezug auf Käufe, Newsletter-Anmeldungen oder andere von Ihnen geschätzte Faktoren bessere Ergebnisse liefern . Diese beiden Dienste können Ihnen dabei helfen:
Optimizely (ab $ 17 / Monat)
Dieses A / B-Split-Test-Tool kann Ihnen dabei helfen, die effektivste Möglichkeit zur Steigerung der Conversions auf Ihrer Website zu finden.
Visuelles Website-Optimierungstool (kostenlos)
Wie Optimizely, Visuelles Website-Optimierungstool bietet Unterstützung für A / B-Tests, multivariate Tests, Behavior Targeting und mehr.
Analysen
Webanalysen liefern wertvolle Einblicke in die Art und Weise, wie Nutzer Ihre Website nutzen. Sie können Ihnen sagen, wie Besucher normalerweise durch die Website navigieren, wie lange sie auf jeder Seite bleiben, wann sie die Website verlassen und vieles mehr. Diese Informationen können sehr hilfreich sein, um Usability-Probleme und deren Ursachen zu identifizieren.
Verrücktes Ei (ab $ 9 / Monat)
Dieser Webanalysedienst visualisiert das Benutzerverhalten mit Heatmaps, Scroll-Maps und Konfetti-Berichten.
Inspectlet (von frei)
Ein weiteres Webanalyse-Tool, Inspektor bietet Heatmaps, Echtzeitanalysen und Bildschirmaufnahmen des Besucherverhaltens.
Mixpanel (von frei)
Mixpanel ist eine Analyseplattform zur Verfolgung benutzerdefinierter Ereignisse in mobilen und Webanwendungen.
Validierung, Link Checks und Speed Tests
Für eine positive Benutzererfahrung ist es auch wichtig, dass die technische Seite einer Website wie vorgesehen funktioniert. Nichts ist frustrierender als Links, die auf nicht existierende Seiten verweisen, Websites, die für immer zum Laden benötigt werden, oder defekte Seiten aufgrund von HTML- und JavaScript-Fehlern.
W3C Markup Validation Service (kostenlos)
Dieser Online-Service überprüft, ob der Code einer Webseite gültig ist (X) HTML.
Dr. Link Check (kostenlos)
Diese Web-App überprüft eine Website auf defekte und auf der schwarzen Liste stehende Links.
Pingdom Full Page Test (kostenlos)
Benutzen dieses Werkzeug um zu testen und zu analysieren, wie lange es dauert, bis Ihre Webseite geladen wird.
Google PageSpeed (kostenlos)
Dieser Google-Dienst analysiert eine Webseite und macht Vorschläge zur Verbesserung der Ladezeit.
CrossBrowserTesting (ab $ 29.95 / Monat)
Der Service bietet virtuelle Maschinen zum Testen einer Website in verschiedenen Browsern auf verschiedenen Betriebssystemen.
Verwenden Sie eines dieser Tools? Haben wir etwas verpasst, auf das Sie sich verlassen? Lassen Sie es uns in den Kommentaren wissen.