So entwerfen Sie Ihren Videoplayer mit UX im Auge

Schlüsselelemente zur Verbesserung der Benutzererfahrung von Videoplayern

Ein gut gestalteter Video-Player, der mehr Zuschauer anziehen kann, indem sie mehrere Steuerelemente anbieten, nicht nur abspielen und pausieren, z. B. das Anpassung der Lautstärke, das Springen zum nächsten Video, das Schalten von Untertiteln und das Ändern der Videoqualität. Verschiedene Arten von Videos erfordern unterschiedliche Kontrollen.

Tastaturverknüpfungen können die Benutzererfahrung erheblich verbessern, insbesondere für erweiterte Benutzer. Grundlegende Verknüpfungen sollten: SpaceBar für Start/Pause, Pfeiltasten für schnelle Vorwärts und Rückwärts, M für Stummschaltung und F für den Vollbildmodus. Bevor Sie einen Videoplayer entwerfen, ist es wichtig, Ihre Zielgruppe zu identifizieren. Wenn Sie verstehen, wie Benutzer mit Ihrer Plattform und Ihrem Video -Player interagieren, können Sie Steuerelemente und Funktionen an ihre Anforderungen anpassen und die allgemeine Benutzererfahrung verbessern.

In diesem Artikel werden verschiedene Videoplayer -Steuerelemente, deren Zweck und die Steuerelemente untersucht, die für bestimmte Anwendungsfälle wie Lernplattformen, Social -Media -Plattformen, erweiterte Benutzer oder mobile Benutzer ausgewählt werden sollten. Wissen Sie, wie viele coole erweiterte Benutzersteuerung YouTube hat? Lesen Sie weiter!

Ein engagierter Video -Player kann mehr Zuschauer anziehen. moderne Videoplayer können viel mehr Steuerelemente liefern als frühere Play-Pause-Schaltflächen.

Sieh dir jetzt YouTube an. Benutzer können die Kapitelfunktion von YouTube verwenden, um Videoclips zu durchsuchen. Diese Funktion hilft Benutzern, schnell nach Videoclips zu suchen.

Wie oft werden Sie sich ein Video ansehen, das hofft, bestimmte Informationen zu finden, aber feststellt, dass es Ihre spezifische Frage nicht beantwortet? Das ist frustrierend!

Savvy YouTuber hat dafür eine vorübergehende Lösung gefunden. Sie fanden es nützlich, verschiedene Clips mit Zeitstempeln in der Videobeschreibung aufzulisten. Diese Lösung bedeutet weiterhin, dass Sie die Beschreibung öffnen müssen, um nach Ihrem spezifischen Problem zu scannen. Am wichtigsten ist, dass Google schwierig ist, Videos zu indexieren, die sich mit unterschiedlichen Themen zu einem bestimmten Thema befassen.

Die Benutzererfahrung von Video -Playern ist viel mehr als das Hinzufügen von Kapiteln. Der Video -Player für eine Online -Lernplattform unterscheidet sich von den Steuerelementen, die für ein einfaches Trailer -Video auf einer YouTube -Video- oder Produktwebsite erforderlich sind.

Warum ist die Benutzererfahrung eines Videoplayers wichtig?

nehmen Sie Videoplattformen wie YouTube als Beispiel. Benutzer verbrauchen Inhalte auf verschiedene Weise. Lassen Sie uns untersuchen, wie drei verschiedene Benutzerrollen mit YouTube verwendet werden können:

1. Alice verwendet YouTube, um schnell Bildungsinformationen zu finden. Sie verwendet die Kapitelfunktion, um verwandte Teile zu scannen. Sie verwendet auch die Pfeiltasten, um Fragmente in kleineren inkrementellen Schritten schnell zu überspringen, um die Informationen zu finden, die sie benötigt.
2. Ben schaut sich gerne Spielvideos an. Er ist ein herkömmlicher erweiterter Benutzer, der f verwendet, um einen Vollbildmodus einzugeben, m , um Video stumm zu machen oder zu pausieren.
3. Alex lernt gerne unter Hintergrundmusik. Er verwendet die Autoplay -Funktion von YouTube, damit er sich keine Sorgen machen muss, die richtige Lernmusik zu wählen. Er wählt oft eine Hintergrundmusik und glaubt, dass der YouTube -Algorithmus am Ende des Videos ähnliche Musik auswählt.

Das obige Szenario zeigt, dass die Videoplattform viele verschiedene Benutzer hat, die sie auf verschiedene Weise verwenden. Daher ist es schwierig, die richtigen Steuerelemente und Verknüpfungen auszuwählen, um die beste Benutzererfahrung zu bieten.

Welche Videoplayer -Steuerelemente können wir finden?

Welche Videoplayer -Steuerelemente gibt es?

Es gibt viele verschiedene Video -Player -Steuerelemente. Diese Liste fasst die Steuerelemente zusammen, die Sie am häufigsten finden:

• Taste spielen/pause.
• Überspringen Sie zum nächsten Video.
• Passen Sie das Volumen an.
• Untertitel schalten.
• Größe der Größe der Bildschirmgröße (Mini -Player, Theatermodus oder Vollbildmodus). Meistens finden Sie eine Schaltfläche, um den Vollbildmodus einzugeben. Mit YouTube können Sie jedoch einen Theatermodus eingeben, in dem das Video auf die Bildschirmgröße geändert wird. Sie bieten auch einen Mini -Player an, damit Sie YouTube durchsuchen können, während Sie mit einem kleinen Video -Player Videos ansehen.
• Videoqualität ändern. Nicht jeder hat eine gute Internetverbindung. Daher dürfen Benutzer die Qualität anpassen. Stellen Sie sicher, dass die Option zur automatischen Anpassung der Videoqualität bereitgestellt wird. Für Benutzer mit instabilen Internetverbindungen kann der Video -Player die Videoqualität automatisch entsprechend der Verbindungsgeschwindigkeit anpassen. Die meisten Benutzer bevorzugen es, die Qualität zu reduzieren, um Videos ohne Unterbrechung weiter zu sehen.

Nicht sehr häufige Kontrollen enthalten Folgendes:

• Passen Sie die Geschwindigkeit des Videoplayers an. Mit dieser Steuerung können Sie Videos verlangsamen oder beschleunigen. Normalerweise können Sie die Geschwindigkeit der Videoplayer in 25% Schritten zwischen 0,25 und 2 anpassen.
• Schalten Sie um die Autoplay -Funktion zu aktivieren. Es ist nützlich, um Musik zu hören oder in Contentalgorithmen zu bevorzugen, um zu entscheiden, was Sie als nächstes sehen können.
• Regress und schnell vorwärts. Obwohl nützlich, ist diese Kontrolle größtenteils versteckt. Mit YouTube können Sie beispielsweise nur diese Steuerung mithilfe von Tastaturverknüpfungen verwenden. Nur wenige Videoplayer implementieren diese Funktion im Rahmen ihrer Standard -Video -Steuerelemente.
• Einstellungen. YouTube implementiert Zahnradsymbole in seinem Standardsteuersatz. Der Video -Player von YouTube ist jedoch kompliziert. Sie verwenden Einstellungssteuerungen, um andere Video -Steuerelemente zu verbergen, die selten verwendet werden.

Schließlich sollten wir nicht vergessen, wie wir den aktuellen Zeitstempel und die Videolänge anzeigen. Die einfachste Lösung besteht darin, zuerst den aktuellen Video -Zeitstempel anzusehen und dann die Gesamtvideolänge anzuzeigen. In diesem Beispiel haben wir das Video 40 Sekunden lang mit einer Gesamtvideolänge von 2 Minuten und 13 Sekunden durchgeführt - „0:40 / 2:13“. Auf der anderen Seite zeigen einige Videoplayer die verbleibende Länge des Videos. Tun Sie dies nicht, weil es den Benutzer verwirren wird.

Im nächsten Abschnitt werden einige häufig verwendete und experimentelle Tastaturverknüpfungen eingeführt, um den Video -Player zu durchsuchen.

Wie entwerfen Sie einen Videoplayer für fortgeschrittene Benutzer?

Da immer mehr Benutzer mit Tastaturverknüpfungen vertraut sind, führt ihr Fehlen oft zu einem frustrierenden Video -Player -Erlebnis.

Tastaturverknüpfungen können die Benutzererfahrung für erweiterte Benutzer verbessern.

Zum Beispiel benutze ich gerne ihre Videoplattform, um das belgische Fernsehen online zu sehen. Die Plattform implementiert einen benutzerdefinierten Video -Player. Leider können Sie die Pfeiltasten nicht verwenden, um das Video zurückzukehren oder schnell vorzulegen. Am wichtigsten ist, dass Sie das Video nicht pausieren oder entpaugen können, indem Sie die Space -Leiste drücken. Der Video -Player zwingt mich, das Touchpad zu verwenden und meine Maus zum kleinen Pause -Symbol zu navigieren. Frustrierend, richtig?

Die aktuellen Video -Player sollten mindestens eine Reihe grundlegender Tastaturverknüpfungen implementieren, um

primäre Benutzer zu erfüllen.

Space Bar: Start/Pause Video
rechts Pfeiltast
• linker Pfeiltast
• m
: stumm oder lauten Sie den Video -Sound
• stumm oder leisten Sie sie f
: Geben Sie den Vollbildmodus
• ein oder beenden Aber warum sollten Sie die Optionen auf diese Tastaturverknüpfungen beschränken? YouTube ist führend bei der Implementierung von Tastaturverknüpfungen. Folgendes können wir von erweiterten YouTube -Benutzern lernen:

drücken

J

wird das Video 10 Sekunden zurückspulen, während die linke Pfeiltaste das Video für 5 Sekunden zurückspulen.
• drücken l
wird das Video 10 Sekunden lang schnell weiterleiten, während die rechte Pfeiltaste das Video für 5 Sekunden schnell vorlegt.
• Zahlenschlüssel sind eine wenig bekannte Tastaturkombination. Wenn Sie 0
drücken, werden Sie zum Beginn des Videos geführt. YouTube unterteilt auch jedes Video in neun gleiche Längen. Unabhängig von der Länge führt das Drücken von Zahlenschlüssel (außer Null) in diese Position im Video. Dies ist eine großartige Möglichkeit, bis zum Ende zu springen, zum Anfang oder irgendwo in der Mitte zurückzukehren.
• YouTube implementiert eine schnelle Vorwärts-/Rückspulenfunktion für 5 oder 10 Sekunden gleichzeitig. Wenn Sie ein kleines Detail des Videos verpassen, können Sie die linke Pfeiltaste verwenden, um schnell zurückzuspulen. Wenn Sie ein Video scannen möchten, können Sie die Taste
l

drücken, um das Video in 10-Sekunden-Intervallen zu scannen.

Verschiedene Arten von Videokontrollen für verschiedene Zwecke

Lassen Sie uns verschiedene Kontrollen diskutieren, die für verschiedene Zwecke implementiert sind - wie Bildungsvideos, soziale Videos und mobile Videos.

Bildungsvideo

Die Kontrollen, die von Bildungsvideos auf Plattformen wie Udemy oder Coursera implementiert werden, unterscheiden sich von denen gewöhnlicher Videomaten. Zum Beispiel bevorzugen Benutzer häufig Tutorial -Videos. Dies ist also die gemeinsame Kontrolle, die Sie auf diesen Plattformen finden.

Darüber hinaus stehen Bildungsvideos eng mit dem Lesezeichenfunktionen zusammen. Benutzer können mit einem Lesezeichen versehen und bestimmte Momente im Video kommentieren. Mit dieser Funktion können Benutzer wichtige Momente im Video zur Referenz markieren.

soziales Video

Soziale Videos profitieren am meisten von schnellen Sharing -Optionen. Mit YouTube können Sie Videos teilen, aber es ist nicht Teil seines Standard -Steuerungssatzes. Sie haben seine Funktionalität am Ende des Videoplayers hinzugefügt.

Dennoch lohnt es sich immer noch, die Schnellfreigaboption als Teil der Video -Player -Steuerung zu implementieren. Vergessen Sie nicht, die Funktion hinzuzufügen, um sie von einem bestimmten Zeitstempel zu teilen. In den meisten Fällen möchten Benutzer bestimmte Momente im Video mit Freunden teilen.

Twitch ermöglicht es Benutzern, Videos direkt vom Video -Player zu bearbeiten.

Clips ermöglichen es Twitch -Zuschauern, die einzigartigsten zuckendsten Momente in der Sendung schnell zu teilen und gleichzeitig Rundfunkveranstalter ihre Kanäle durch soziale Freigabe zu entwickeln!

Dies ist eine großartige Funktion, um schnell lustige Momente, großartige Spiele oder andere Momente zu bearbeiten, die es wert sind, geteilt zu werden.

Mobile Video Player

Mobile Video Player erfordert ein einfacheres Design. Es ist unmöglich, dem Bildschirm eines mobilen Geräts eine große Anzahl von Steuerelementen hinzuzufügen.

Zum Beispiel bietet der mobile Video -Player von YouTube die folgenden Steuerelemente:

• Geben Sie den Vollbildmodus
ein
• Gehen Sie zum nächsten oder vorherigen Video
• pause Video
• Aktivieren Sie Untertitel
• Videoeinstellungen öffnen

Für mobile Videos können Verknüpfungsschlüsse jedoch die Benutzererfahrung verbessern. Wenn Sie beispielsweise auf der rechten Seite des Bildschirms doppelklicken, können Sie das Video zehn Sekunden lang schnell weiterleiten. Gleiches gilt für den linken Bildschirm, der das Video wieder auf zehn Sekunden zurückspulen kann. Zusätzlich können Sie nach oben und unten streichen, um das Video zu vergrößern oder die Suchergebnisse erneut anzuzeigen. Hier liegt der Schwerpunkt auf der Nutzungsgeschwindigkeit, die sich positiv auf die Benutzererfahrung auswirkt.

Schlussfolgerung: Definieren Sie Ihr Publikum

Um den richtigen Video -Player zu entwerfen, definieren Sie Ihr Publikum unbedingt. Sprechen Sie mit Ihren Benutzern, um zu erfahren, wie sie Ihre Plattform und Ihren Videoplayer verwenden.

Zum Beispiel ist Twitchs Bearbeitungsfunktion unter anderen Videoplayern einzigartig. Diese Funktion ist perfekt für die Benutzerbasis, um während des Live -Streaming schnell großartige Momente zu sparen.

Vergessen Sie nicht, sich an die erweiterten Benutzer zu erinnern. Sie verwenden gerne Tastaturverknüpfungen, um grundlegende Videooperationen wie stumme Video -Sound, Schnellstürmer -Videos auszuführen oder in den Vollbildmodus zu gehen.

Schauen Sie sich alle verfügbaren YouTube -Tastaturverknüpfungen an, um Inspiration zu erhalten!

Schließlich, wenn Sie die Möglichkeit haben, Ihren eigenen Video -Player zu erstellen, denken Sie an die oben angegebenen Tipps. Wenn Sie jedoch nur nach einer vorgefertigten Lösung suchen, sollte die obige Diskussion einige Lebensmittel bereitstellen, über die Sie sich die verfügbaren Optionen ansehen können.

FAQs zur Berücksichtigung von Video -Player -Design in User Experience (FAQ)

Welche Schlüsselelemente sollten bei der Gestaltung eines Videoplayers in Bezug auf die Benutzererfahrung berücksichtigt werden?

wichtige Elemente, die bei der Gestaltung von Videostlagen zu berücksichtigen sind, sind Einfachheit, Intuitivität und Reaktionsfähigkeit. Das Design sollte präzise und klar sein, um unnötige chaotische, um den Benutzer abzulenken. Selbst zum ersten Mal sollten die Bedienelemente intuitiv und leicht zu verstehen sein. Der Videoplayer sollte ebenfalls reagieren, was bedeutet, dass er nahtlos auf verschiedenen Geräten und Bildschirmgrößen ausgeführt werden sollte. Erwägen Sie außerdem, Funktionen wie einstellbare Wiedergabendrehzahl, Qualitätsauswahl und Untertitel einzubeziehen, da diese Funktionen die Benutzererfahrung erheblich verbessern können.

Wie kann ich meinen Videoplayer für Benutzer leichter verwenden?

Um Ihren Videoplayer zu vereinfachen, stellen Sie sicher, dass die Steuerelemente leicht zugänglich und intuitiv sind. Verwenden Sie vertraute Symbole für Spielen, Pause, Lautstärke und Vollbildschaltflächen. Erwägen Sie außerdem, Funktionen wie Tastaturverknüpfungen (für allgemeine Aktionen), die Option, mit der Benutzer Fortschrittsbalken in verschiedenen Teilen des Videos problemlos überspringen können, und die Option, die Videoqualität und die Wiedergabetriebsgeschwindigkeit anzupassen. Stellen Sie außerdem sicher, dass Ihr Video -Player reagiert und auf verschiedenen Geräten und Bildschirmgrößen gut funktioniert.

Welche häufigen Fehler sollten beim Entwerfen eines Videoplayers vermieden werden?

Einige häufige Fehler, die beim Entwerfen eines Videoplayers vermieden werden sollten: Unordentliche Schnittstelle, verwirrende oder unbekannte Symbole für Steuerelemente und keine Reaktionsgeschwindigkeit für den Video -Player. Vermeiden Sie außerdem automatisch Videos ab, da dies vom Benutzer gelangweilt werden kann, insbesondere wenn mehrere Videos auf der Seite sind. Lassen Sie den Benutzer stattdessen die Wiedergabe des Videos steuern, wenn sie fertig sind.

Wie kann ich sicherstellen, dass mein Video -Player für alle Benutzer zugänglich ist?

Um sicherzustellen, dass Ihr Video -Player für alle Benutzer zugänglich ist, enthalten Funktionen wie Untertitel oder geschlossene Untertitel (für Hörgeschädigte) und Audiobeschreibungen (für Sehbehinderungen). Stellen Sie außerdem sicher, dass alle Steuerelemente einfach über die Tastatur betrieben werden, um diejenigen zu erleichtern, die die Maus nicht verwenden können. Verwenden Sie auch hochkontraste Farben, um Steuerelemente und Text anzuzeigen, um sicherzustellen, dass alle Benutzer sie leicht sehen können.

Wie testet ich die Verfügbarkeit von Videoplayern?

Sie können die Benutzerfreundlichkeit des Videoplayers testen, indem Sie Benutzertests durchführen. Dies beinhaltet die Beobachtung der Interaktionen der Benutzer mit Videostlagen und die Aufzeichnung aller Schwierigkeiten, denen sie begegnen. Sie können auch Benutzerfeedback durch Umfragen oder Interviews sammeln. Verwenden Sie außerdem ein Analysetool, um zu verfolgen, wie Benutzer mit Videostildern interagieren, z. B. welche Steuerelemente sie am häufigsten verwenden und wie lange sie Videos ansehen.

Wie wichtig ist die Ladegeschwindigkeit eines Videoplagens?

Die Ladegeschwindigkeit des Videoplayers ist äußerst wichtig. Wenn das Video zu lang lädt, kann der Benutzer das Ansehen aufgeben. Stellen Sie daher sicher, dass der Video -Player schnell lädt, indem Sie die Größe der Videodatei optimieren und einen schnellen und zuverlässigen Hosting -Dienst verwenden. Erwägen Sie außerdem eine Lastanzeige, damit der Benutzer weiß, dass das Video geladen wird.

Sollte ich soziale gemeinsame Nutzungsoptionen in meinen Video -Player aufnehmen?

Einbeziehung von Optionen für soziale gemeinsame Nutzung von Videoplayern kann von Vorteil sein, da Benutzer Ihre Videos einfach auf ihren Social -Media -Plattformen teilen können, wodurch die Reichweite Ihrer Inhalte erweitert wird. Stellen Sie jedoch sicher, dass diese Optionen nicht invasiv sind und die Betrachtungserfahrung nicht beeinträchtigen.

Wie kann ich meinen Video -Player von der Konkurrenz abheben?

Um Ihren Video -Player von der Konkurrenz abzuheben, konzentrieren Sie sich auf eine hervorragende Benutzererfahrung. Dies kann durch einzigartige Funktionen, ein einfaches und intuitives Design, schnelle Lastzeiten oder eine hervorragende Videoqualität erreicht werden. Hören Sie sich auch das Feedback der Benutzer an und verbessern Sie Ihren Video -Player kontinuierlich entsprechend ihren Bedürfnissen und Vorlieben.

Welche Rolle spielt Farben im Video -Player -Design?

Farbe spielt eine wichtige Rolle im Video -Player -Design. Es kann verwendet werden, um wichtige Kontrollen aufmerksam zu machen, die Aktivität der Tasten anzuzeigen und die allgemeine Schönheit des Spielers zu verbessern. Stellen Sie jedoch sicher, dass die von Ihnen gewählte Farbe nicht zu ablenkend ist und für alle Benutzer zugänglich ist, einschließlich solcher mit Farbsichtdefekten.

Wie gestaltet ich einen Videoplayer für mobile Geräte?

Berücksichtigen Sie beim Entwerfen von Videoplayern für mobile Geräte kleinere Bildschirmgrößen und berührungsbasierte Interaktionen. Stellen Sie sicher, dass die Steuerung groß genug ist, um einfach zu klicken und nicht zu nahe, um versehentliche Klicks zu vermeiden. Berücksichtigen Sie auch die Ausrichtung des Geräts und stellen Sie sicher, dass Ihr Video -Player gut in Porträt- und Landschaftsmodi funktioniert.

Das obige ist der detaillierte Inhalt vonSo entwerfen Sie Ihren Videoplayer mit UX im Auge. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!