Best Practices

App-Verzeichnis-SDK

Best Practices

Um das Benutzererlebnis zu steigern, empfehlen wir Ihnen ausdrücklich, das Aussehen und die Handhabung von Hootsuite weitestmöglich für Ihre Apps zu übernehmen. Eine App, die dem Aussehen von Hootsuite entspricht, hinterlässt beim Benutzer höchstwahrscheinlich einen guten Eindruck, was schließlich auch zu ihrem Erfolg beiträgt.

Um Ihnen das Erstellen einer App mit dem Aussehen von Hootsuite zu erleichtern, haben wir eine Liste von Hinweisen zusammengestellt, die als Leitfaden für die Qualitätssicherung betrachtet werden können. Wir empfehlen Ihnen, sich die einzelnen Punkte zu notieren.

QS-Richtlinien

  • Streams können schmal sein (297px einschließlich Bildlaufleiste). Auf einem Mac wird diese Zahl durch die Bildlaufleiste auf 282px reduziert.
  • Halten Sie den vertikalen Raum, der von einer einzigen Nachricht eingenommen wird, gering – Streams sollen mehrere Nachrichten anzeigen. Implementieren Sie ggf. Contenterweiterung und Umschalten.
  • In Nachrichtensymbolen und -überschriften sollte stets dasselbe Informations-Popup mit Einzelheiten zu Artikel/Benutzer usw. geöffnet werden.
  • Die Zeitangabe unter der Überschrift sollte stets auf den ursprünglichen Artikel/die Diskussion o.ä. verweisen.
  • Durch Klicken auf einen Benutzernamen oder ein Symbol sollte sich stets ein Informations-Popup mit Einzelheiten zum Benutzer öffnen.
  • Versuchen Sie, so viele Funktionen wie möglich zu integrieren. Verwenden Sie dazu API-Funktionen (z. B. für das Teilen auf sozialen Netzwerken über hsp.composeMessage).
  • Implementieren Sie Infinite Scrolling, behalten Sie dabei aber einen "Mehr erfahren"-Link am unteren Rand bei.
  • Unterdrücken Sie das erneute Laden von Nachrichten durch Refresh Handler (über hsp.bind), während der Benutzer mit dem Stream interagiert (z. B. beim Posten von Nachrichten, erweiterten Details, Scrollposition möglicherweise nicht im oberen Bereich).

Richtlinien für Tests

Hootsuite führt diese Tests mit jeder eingereichten App durch. Wir empfehlen Ihnen, diese Liste zuvor bereits selbst abzuarbeiten, um die Überprüfung Ihrer App zu beschleunigen.

Testbereich

Beschreibung

Resultat

App-Authentifizierung

Verwenden Sie die Authentifizierung des Hootsuite SDK Single-Sign-On, um eine Verbindung der App mit Hootsuite aufzubauen. Die Benutzerauthentifizierung Ihrer App kann mit den Authentifizierungsvorgängen Ihrer Wahl erfolgen (wir empfehlen OAuth). Die Authentifizierung sollte sich von einer Sitzung auf die nächste erstrecken und erst dann ablaufen, wenn der Benutzer auf "Trennen" klickt.

Bestanden/Nicht bestanden

Unterstützung mehrerer Konten

Der Benutzer kann sich abmelden, als anderer Benutzer anmelden, mehrere Streams hinzufügen und jeden mit einem anderen Konto authentifizieren.

Bestanden/Nicht bestanden

Beibehaltung von Benutzereinstellungen

Die App behält im Stream gespeicherte Benutzereinstellungen für die nächste Sitzung bei. Legt der Benutzer bspw. einen Suchfilter für einen Stream fest, so wird der Filter bis zum nächsten Zugriff des Benutzers auf Hootsuite beibehalten.

Bestanden/Nicht bestanden

Aktualisierung während Benutzerinteraktion unterdrücken

Unterdrücken Sie das erneute Laden von Nachrichten durch Refresh Handler (über hsp.bind), während der Benutzer mit dem Stream interagiert (z. B. beim Posten von Nachrichten, erweiterten Details, Scrollposition möglicherweise nicht im oberen Bereich).

Bestanden/Nicht bestanden

Vollständige HTTPS-Compliance

Das Hootsuite Dashboard ist eine zwingende SSL-Verbindung. Die App muss vollständig HTTPS-konform sein und darf keine Fehler oder Warnungen im Zusammenhang mit Verletzungen der Sicherheit hervorrufen. Hootsuite stellt auf Wunsch einen Image-Proxy-Service zur Verfügung.

Bestanden/Nicht bestanden

Infinite Scroll

Anzeige der nächsten Nachrichten/Aktualisierungen, wenn der Benutzer nach unten blättert.

Bestanden/Nicht bestanden

UI- und Designelemente

Bitte verwenden Sie als Ausgangspunkt für das Erstellen einer App die CSS- und HTML-Elemente aus dem Beispielcode. Die Menüleiste muss mindestens zwei Symbole enthalten: Einstellungen (mit Angabe des angemeldeten Benutzers und Option zur Abmeldung) und das Dropdownmenü "Mehr" (mit Hilfe, Feedback und Links für Entwickler – die URLs für die beiden ersten Optionen stellt Hootsuite zur Verfügung).

Bestanden/Nicht bestanden

Aktualisieren eines Streams

Wird ausgelöst, wenn die App-Spalte vom Benutzer im Stream oder als Teil einer Dashboard-Aktualisierung aktualisiert wird.

Bestanden/Nicht bestanden

App-Logo

Verwenden Sie eine vektorenbasierte Grafik mit transparenten Hintergründen für die 16x16-, 30x30- und 256x256-Symbole. Das Hosting erfolgt von einer HTTPS-Adresse aus.

Bestanden/Nicht bestanden

Browserkompatibilität

Aktuelle Versionen von Google Chrome, Firefox, Safari und IE 9+

Bestanden/Nicht bestanden